/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    h1 {
        font-family: Century Gothic, Verdana, Geneva, sans-serif;
        font-size: 23px;
        font-weight: bold;
        color: #32a743;
        line-height: 1.5em;
        margin: 0 0 14px;
    }
    .page { 
        width:100%; 
        margin:0px auto 20px;
        text-align:left; 
        padding: 0px;
        position: relative; 
        z-index: 1; 
    }
    .mobileheader {
        display: block;
        background: #4dad44;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        font-size: 20px;
        color: #fff;
        text-align: center;
    }
    .mobileheader a { 
        float: left;
        color: #fff;
        font-size: 20px;
    }
    .mobileheader a:focus, .mobileheader a:visited {
        color: #fff;
    }
    .mm-panels ul.menu {
        margin-left: 0;
    }
    .header {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .header .logo {
        float: none;
        text-decoration: none !important;
        height: 106px;
        width: 314px;
    }
    .cms-links {
        position: relative;
        float: none;
        top: 0;
    }
    .cms-links {
        text-align: center;
        margin: 15px 30px 0 0;
    }
    .cms-links div > a {
        display: inline;
        float: none;
        margin-right: 10px;
    }
    #navbar {
        background: #4dad44;
        width: 100%;
        height: 57px;
        margin: 0;
        padding: 0;
        clear: both;
        position: relative;
        z-index: 50;
    }
    form#search-block-form {
        float: none;
        margin-right: 36px;
    }
    .search-form__submit {
        background: url(../images/buttons/search_btn.png) no-repeat;
        position: relative;
        top: 14px;
        float: none;
        border: none;
        width: 36px;
        height: 30px;
    }
    .cms-home .bodyArea {
        background: #fff;
        width: 100%;
        margin: 0 0 0 0;
        padding: 0;
        clear: both;
        position: relative;
    }
    .bodyArea {
        background: #fff;
        width: calc(100% - 20px);
        margin: 0 0 0 0;
        padding: 10px;
        clear: both;
        position: relative;
    }
    .col1-layout .main {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    .top-bar {
        line-height: 21px;
        margin: 0;
        background: none;
    }
    .top-bar .breadcrumbs {
        padding: 0px;
        float: none;
        width: 96%;
        background: #fff;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }
    .breadcrumbs .content {
        margin: 0;
    }
    .breadcrumbs .breadcrumb ol {
        margin-top: 0;
    }
    .banner {
        background: #fff;
        width: 100%;
        height: 257px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    .banner-content {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: relative;
        z-index: 10;
    }
    .banner-img {
        /* background: url(../images/liberty/banner-img.jpg) no-repeat 0 0; */
        width: 100%;
        height: auto;
        margin: 0px;
        float: none;
    }
    .banner-img img {
        width: 100% !important;
        height: auto !important;
    }
    .leftCol {
        width: calc(100% - 30px);
        margin: 0 0 0 0;
        padding: 5px 0 0 20px;
        float: none;
    }
    .rightCol {
        width: calc(100% - 20px);
        margin: 0 30px 0 0;
        padding: 5px 0px 0 10px;
        float: none;
    }
    .form-search {
        float: none;
        padding-left: 5px;
        background: url(../images/background/search_bg_260.png) no-repeat;
        width: 75%;
        height: 28px;
        position: relative;
        top: 17px;
        left: 25px;
        border: none;
    }
    .small-box {
        width: 100%;
        margin: 0 15px 0px 0;
        float: none;
        font-family: Helvetica, Arial,sans-serif;
    }
    .cms-home .body-bottom, .body-bottom {
        background: #fff;
        height: 35px;
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: -1;            
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .views-view-grid .views-row {
        float: none;
        clear: both;
        width: 100%;
    }
    .view-products .views-col {
        margin-left: 2%;
        margin-right: 2%;
        width: calc(100% - 4%);
        margin-bottom: 5%;
    }
    .views-field.views-field-field-nysid-link {
        text-align: center;
        margin: 0 auto;
        margin-top: .5em;
    }
    a.button span, button.button span {
        float: none;
        height: 29px;
        background: transparent url(../images/bkg_btn_green.png) 0 0 no-repeat;
        padding: 0 0 0 10px;
        font: bold 11px/25px Tahoma, Verdana, Arial, sans-serif;
        text-transform: uppercase;
        line-height: 27px;
        text-align: center;
        white-space: nowrap;
        color: #555;
        color: #fff;
        text-shadow: 0px 1px #ce6000 !important;
        display: inline-block;
        text-align: center;
    }
    .individual-product {
        display: block;
    }
    .add-to-box .btn-cart {
        float: none;
    }
    .product-img-box {
        width: 98%;
        margin-right: 2%;
        display: block;
    }
    .product-img-box .product-image img {
        width: 100% !important;
        height: auto !important;
    }
    .product-shop {
        width: 100%;
    }
    .add-to-box p {
        float: none;
        line-height: 1.2;
        margin-left: 0;
        width: 100%;
        font-size: 12px;
    }
    .fancybox-content a.gallery img {
        width: 100% !important;
        height: auto;
    }
    .footer {
        /* background: aliceblue; */
        width: calc(100% - 30px);
        height: 89px;
        margin: 0 auto;
        padding: 0 15px;
        clear: both;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 11px;
        color: #3a3a3a;
        line-height: 1.6em;
    }
    .footer-left {
        float: none;
        margin-top: 5px;
        width: 100%;
    }
    .footer-right {
        float: none;
        width: 100%;
    }
    .footer-right div {
        float: none !important;
    }
}