.mobicon { display: none; position: absolute; right: 30px; top: 50px; height: 25px; width: 30px; }
.mobicon span { position: absolute; width: 30px; height: 2px; left: 0px; background-color: #333F48; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }

#banner .ce-row:nth-child(2) { display: none; }
#naviMainMobile, #naviMetaMobile { display: none; }

@media ( max-width : 1390px ) {
    .inner, .inner-1360, .productsliderIn, .newsDetail { margin: 0 30px; }
    .margin-100, .space-after-100 { margin-bottom: 100px; }
    .margin-85, .space-after-85 { margin-bottom: 85px; }
    .margin-70, .space-after-70 { margin-bottom: 70px; }
    .margin-50, .space-after-50 { margin-bottom: 50px; }

    .product > .content { padding-right: 15px; }
}

@media ( max-width : 1280px ) {
    #naviMain > ul > li { margin-left: 20px; }
    #naviMain > ul > li:first-child { margin-left: 0; }
}

@media ( max-width : 1230px ) {
    .size-23, #naviMain a { font-size: 20px; }

    .variation-imagetext h2 { font-size: 30px; }
}

@media ( max-width : 1200px ) {
    .inner-1180 { margin: 0 20px; }

}

@media ( max-width : 1130px ) {
    #logo { max-width: 270px; }
    #searchbox { margin-bottom: 45px; }
}

@media ( max-width : 1080px ) {
    .size-23, #naviMain a { font-size: 18px; }
    #content .variation-imagetext h2 { font-size: 20px; }
}
@media ( max-width : 1024px ) {
    #hTop, #searchbox,
    #naviMain { display: none; }
    .mobicon { display: block; }

    #logo { max-width: 254px; margin: 30px 0; }

    #naviMetaMobile { display: block; padding-top: 45px; margin-right: 85px; }
    #naviMetaMobile > ul > li { float: left; position: relative; margin-left: 30px; }
    #naviMetaMobile > ul > li#nav_46 > a { width: 28px; height: 30px; background-image: url(../img/shop.svg); background-size: 28px 30px; }
    #naviMetaMobile > ul > li#nav_47 > a { width: 17px; height: 25px; margin-top: 2px; background-image: url(../img/pin.svg); background-size: 17px 25px; }
    #naviMetaMobile > ul > li#nav_48 > a { width: 25px; height: 25px; margin-top: 2px; background-image: url(../img/search.svg); background-size: 25px; }
    #naviMetaMobile > ul > li > a { display: block; background-repeat: no-repeat; font-size: 0; line-height: 0; }

    #naviMainMobile { position: absolute; top: 100%; left: 0; z-index: 99; width: 100%; }
    #naviMainMobile > ul:first-child { background-color: #FFF; box-shadow: inset 0px 10px 20px -5px rgba(0,0,0,0.25); }
    #naviMainMobile > ul:first-child > li { border-bottom: 1px solid rgba(51, 63, 72, 0.3); }
    #naviMainMobile > ul:first-child > li > a { display: block; position: relative; padding: 15px 30px; font-size: 24px; text-transform: uppercase; }
    #naviMainMobile > ul:first-child li.hasSub > a:after { content: ''; position: absolute; top: 23px; right: 30px; width: 25px; height: 14px; background-image: url(../img/arrow-navi.svg); }
    #naviMainMobile > ul:first-child li.hasSub.open > a:after { transform: rotate(-180deg); }
    #naviMainMobile > ul:first-child > li > ul > li { background-color: #EBEBEB; border-bottom: 1px solid rgba(51, 63, 72, 0.3); }
    #naviMainMobile > ul:first-child > li > ul > li:last-child { border-bottom: none; }
    #naviMainMobile > ul:first-child > li > ul > li > a { display: block; position: relative; padding: 15px 30px 15px 45px; font-size: 24px; text-transform: uppercase; }
    #naviMainMobile > ul:first-child > li > ul > li#nav_34 > a { color: #7F6A7B; }
    #naviMainMobile > ul:first-child > li > ul > li#nav_35 > a { color: #00BF6F;  }
    #naviMainMobile > ul:first-child > li > ul > li#nav_36 > a { color: #0076A8;  }
    #naviMainMobile > ul:first-child > li > ul > li.hasSub > a:after { background-image: url(../img/arrow-navi-sub.svg); }
    #naviMainMobile > ul:first-child > li > ul > li > ul > li { background-color: #D8D8D8; border-bottom: 1px solid rgba(51, 63, 72, 0.3); }
    #naviMainMobile > ul:first-child > li > ul > li > ul > li:last-child { border-bottom: none; }
    #naviMainMobile > ul:first-child > li > ul > li > ul > li > a { display: block; position: relative; padding: 15px 30px 15px 55px; font-size: 24px; }

    #naviMainMobile > ul:nth-child(2) { float: left; width: 66%; }
    #naviMainMobile > ul:nth-child(2) > li { float: left; width: 50%; border-right: 1px solid #FFF; background-color: #333F48; text-align: center; }
    #naviMainMobile > ul:nth-child(2) > li > a { display: block; padding: 15px 30px; font-size: 24px; color: #FFF; }

    #naviMainMobile > ul:nth-child(3) { float: left; width: 34%; text-align: center; }
    #naviMainMobile > ul:nth-child(3) > li { position: relative; background-color: #7a8189; }
    #naviMainMobile > ul:nth-child(3) > li > a { display: block; position: relative; padding: 15px 30px; font-size: 24px; color: #FFF; }
    #naviMainMobile > ul:nth-child(3) > li > a:after { content: ''; position: absolute; top: 23px; right: 30px; width: 25px; height: 14px; background-image: url(../img/arrow-navi-white.svg); }
    #naviMainMobile > ul:nth-child(3) > li > ul { padding-bottom: 10px; }
    #naviMainMobile > ul:nth-child(3) > li > ul > li > a { display: block; padding: 6px 15px; color: #FFF; }
    /*#naviMainMobile > ul:nth-child(3) > li > ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; }*/

    #naviMainMobile > ul:nth-child(3) > li, #naviMainMobile > ul:nth-child(3) > li img { display: none; }
    #naviMainMobile > ul:nth-child(3) > li.active { display: block; }

    #naviMainMobile > ul:nth-child(4),
    #naviMainMobile > ul > li ul { display: none; }

    #banner .swiper-pagi-out { bottom: -40px; }

    #naviSocial { top: 180px; width: 40px; padding: 8px 9px; }
    #naviSocial > ul > li { margin-bottom: 10px; }
    #naviSocial > ul > li > a { width: 22px; height: 26px; background-size: 22px 26px; }

    #content { margin-top: 95px; }

    #content h1, #content h2 { font-size: 36px; margin-bottom: 20px; }
    #content span.big { font-size: 22px; line-height: 32px; }
    #content h4 { font-size: 20px; margin-bottom: 60px; }

    .productslider { padding: 100px 0 50px 0; }

    .margin-100, .space-after-100 { margin-bottom: 60px; }
    .margin-85, .space-after-85 { margin-bottom: 45px; }
    .margin-70, .space-after-70 { margin-bottom: 30px; }
    .margin-50, .space-after-50 { margin-bottom: 30px; }
    .pharmacyFinder { margin-bottom: 60px; }

    .size-20, html, body, h6 { font-size: 16px; }
    .line-height-30, #content p, #content ul li, #content ol li { line-height: 24px; }
    .size-40, h3 { font-size: 24px; }
    .size-18, .productDetail .content .button, .productDetail .content .buy_online { font-size: 14px; }

    .productDetail.grid > .row { margin-left: -8px; margin-right: -8px; }
    .productDetail.grid > .row > .col { padding-left: 8px; padding-right: 8px; }

    .productDetail .content .button { margin-right: 15px; }
    .productDetail .content .ce-gallery img { max-width: 75px; }
    .productDetail .content .ce-gallery { margin-bottom: 20px; }
    .grid_30_30_30 > .row > .col.imageBox { width: 50%; }
    .productDetail .grid > .row { margin-left: -7px; margin-right: -7px; }
    .productDetail .grid > .row > .col { padding-left: 7px; padding-right: 7px; }

    .news > .news-container-paginated > .article { margin-bottom: 60px; }

}

@media ( min-width : 1025px ) {
    #naviMain, #naviMeta { display: block !important; }
    #naviMetaMobile, #naviMetaMobile { display: none !important; }

    #sweepNavi {
    position: relative;
    top: -91px;
    text-align: right;}

    .powermail_form_24, .powermail_form_33,.powermail_form_35,.powermail_form_29,.powermail_form_31,.powermail_form_25 , .powermail_form_37
    {display: none !important;}

}

@media ( max-width : 900px ) {
    .product > .image { width: 40%; }
    .product > .content { width: 60%; }
}

@media ( max-width : 800px ) {
    .product > .image { width: 100%; margin-bottom: 20px; }
    .product > .content { width: 100%; }
    .product > .content .button { margin-right: 15px; }

    .pFSearch.inside { position: static; margin: 0; max-width: none; }
    .pFSearch.inside input[type="submit"],
    .pFSearch.inside input[type="text"] { font-size: 16px; }
    .pFSearch.inside input[type="text"] { width: 75%; margin-right: 5%; }
    .pFSearch.inside input[type="submit"] { width: 20%; padding: 10px 0; }
    .pFSearch input[type="text"] { width: 73.65%; margin-right: 4.35%; padding: 9px 20px; border-radius: 4px; font-size: 28px; }
    .pFSearch input[type="submit"] { width: 22%; padding: 10px 0; border-radius: 4px; font-size: 28px; }

    #pFResults { position: static; width: 100%; height: auto; padding: 30px 0; background-color: transparent; }
}

@media ( max-width : 750px ) {
    .grid_30_30_30 > .row > .col { width: 100%; margin-bottom: 20px; }
    .grid_30_30_30 > .row > .col figure,
    .grid_30_30_30 > .row > .col .ce-column,
    .grid_30_30_30 > .row > .col .ce-gallery { width: 100%; }

    .grid_25_25_25_25 > .row > .col { width: 100%; margin-bottom: 20px; }
    .grid_25_25_25_25 > .row > .col figure,
    .grid_25_25_25_25 > .row > .col .ce-column,
    .grid_25_25_25_25 > .row > .col .ce-gallery { width: 100%; }

    .productDetail.grid > .row > .col.images { margin-bottom: 20px; }
    .productDetail.grid > .row > .col.images,
    .productDetail.grid > .row > .col.content { width: 100%; }
    .grid_30_30_30 > .row > .col.imageBox { width: 33.33%; }
    .grid_25_25_25_25 > .row > .col.imageBox { width: 25%; }
    .grid_50_50 > .row > .col { width: 100%; }
    .grid_50_50 > .row > .col:first-child img,
    .grid_50_50 > .row > .col:nth-child(2) img { margin-bottom: 20px; }
    .variation-buttons .grid_50_50 > .row > .col { width: 50%; }

    .variation-order .col_50_1 { display: none; }
    .variation-order .col_50_1.hide-desktop { display: block; }

    .background.turquoise { padding: 40px 0; }

    #naviMainMobile > ul:nth-child(2) { width: 100%; }
    #naviMainMobile > ul:nth-child(3) { width: 100%; border-top: 1px solid #FFF; }

    #content .variation-imagetext h2 { font-size: 40px; }

    .productDetailOverlay.change-top { top: -300px; }

    #bgOverlay .grid_50_50 > .row > .col { width: 50%; }
    #bgOverlay .grid_50_50 > .row > .col h2 { font-size: 30px; }

    .powermail_form_21,.powermail_form_32,.powermail_form_34,.powermail_form_28,.powermail_form_30,.powermail_form_26, .powermail_form_36{display: none !important;}
    body.sweepstake .text-center, body.sweepstake.ce-headline-center {text-align: left;}
    .powermail_form .powermail_fieldwrap input[type="submit"]{float: left;}
    .powermail_form img.image-bcg {margin-left: -40px;}
    body.sweepstake #sweepNavi ul{padding-left: 0}
    body.sweepstake #sweepNavi ul li{margin-left: 0}
    .popup-content { width: 66% !important;}

}

@media ( max-width : 725px ) {
    .pFSearch input[type="text"] { width: 63.65%; margin-right: 4.35%; padding: 9px 20px; border-radius: 4px; font-size: 28px; }
    .pFSearch input[type="submit"] { width: 32%; padding: 10px 0; border-radius: 4px; font-size: 28px; }

    #fBottom > .inner { margin: 0; }
    #naviFooter > ul { position: relative; padding-bottom: 41px; width: 100%;}
    #naviFooter > ul > li { float: left; width: 100%;  border: none; }
    #naviFooter > ul > li { border-bottom: 1px solid #FFF; margin: 6px 0px;}
    #naviFooter > ul > li#nav_18 { position: absolute; bottom: 0; left: 0; width: 100%; }
    #naviFooter > ul > li > a { padding: 10px 25px; font-size: 16px; }

    .tx-powermail { position: relative; }
    .tx-powermail fieldset { width: 100% !important; }
    .tx-powermail .powermail_fieldwrap_marker { position: absolute; left: 0; top: 770px; width: 100%; }
    .tx-powermail .powermail_fieldwrap_dataprotection { position: absolute; left: 0; top: 810px; width: 100%; }
    .tx-powermail .powermail_fieldwrap_type_submit { margin-top: 135px; }


    .after-footer-menu-copyright{border: none;}
    #naviFooter > ul > li:last-child {
    border-right: none;}

    .powermail_form .powermail_fieldwrap_marker {position: inherit !important;}
}

@media ( max-width : 670px ) {
    .news > .news-container-paginated > .article { width: 100%; }

   #c6958 .col_20.col{
       width: 100%;
   }
}

@media ( max-width : 600px ) {
    .grid_20_20_20_20_20 > .row > .col { width: 33.33%; }
}

@media ( max-width : 560px ) {
    .mobicon { right: 15px; top: 24px; }
    #logo { max-width: 140px; margin: 15px 0; }
    #naviMetaMobile { margin-right: 60px; padding-top: 22px; }
    #naviMetaMobile > ul > li { margin-left: 20px; }

    #naviMetaMobile > ul > li#nav_46 > a { width: 23px; height: 25px; background-size: 23px 25px; }
    #naviMetaMobile > ul > li#nav_47 > a { width: 14px; height: 20px; background-size: 14px 20px; }
    #naviMetaMobile > ul > li#nav_48 > a { width: 20px; height: 20px; background-size: 20px; }

    #naviMainMobile > ul:first-child > li > a { padding: 12px 15px; font-size: 20px; }
    #naviMainMobile > ul:first-child > li > ul > li > a { padding: 12px 15px 12px 30px; font-size: 20px; }
    #naviMainMobile > ul:first-child > li > ul > li > ul > li > a { padding: 12px 15px 12px 40px; font-size: 20px; }

    #naviMainMobile > ul:first-child li.hasSub > a:after { top: 17px; right: 15px; }
    #naviMainMobile > ul:nth-child(3) > li > a:after { top: 17px; right: 15px; }

    #naviMainMobile > ul:nth-child(2) > li > a { padding: 12px 30px; font-size: 20px; }
    #naviMainMobile > ul:nth-child(3) > li > a { padding: 12px 30px; font-size: 20px; }

    #naviMainMobile > ul:nth-child(2) > li { width: 100%; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); text-align: left; }
    #naviMainMobile > ul:nth-child(2) > li > a { padding: 12px 15px; }
    #naviMainMobile > ul:nth-child(3) { border-top: none; text-align: left; }
    #naviMainMobile > ul:nth-child(3) > li > a { padding: 12px 15px; }

    #naviMainMobile > ul:nth-child(4) { display: block; background-color: #343f47; color: #FFF; }
    #naviMainMobile > ul:nth-child(4) > li { float: left; width: 50%; }
    #naviMainMobile > ul:nth-child(4) > li:first-child { border-right: 1px solid #FFF; }
    #naviMainMobile > ul:nth-child(4) > li > a { display: block; padding: 12px 0 12px 62px; color: #FFF; font-size: 20px; background-size: 26px 30px; background-repeat: no-repeat; background-position: left 20px center; }
    #naviMainMobile > ul:nth-child(4) > li#nav_26 > a { background-image: url(../img/facebook_neg.svg); }
    #naviMainMobile > ul:nth-child(4) > li#nav_27 > a { background-image: url(../img/instagram_neg.svg); }

    #naviSocial { display: none; }

    #banner .swiper-pagi-out { bottom: -24px; }

    .inner, .inner-1360, .productsliderIn, .newsDetail { margin: 0 15px; }
    .margin-100, .space-after-100 { margin-bottom: 60px; }
    .margin-85, .space-after-85 { margin-bottom: 45px; }
    .margin-70, .space-after-70 { margin-bottom: 30px; }
    .margin-50, .space-after-50 { margin-bottom: 30px; }

    .no-banner #content, .blue #content, .green #content, .lavender #content, .pantone #content  { margin-top: 40px; }
    #content { margin-top: 60px; }
    #content h1, #content h2 { font-size: 24px; }
    #content h4 { margin-bottom: 30px; }
    .size-40, h3 { font-size: 20px; }
    .size-24, h4, h5 { font-size: 16px; }

    #content span.big { font-size: 16px; line-height: 22px; display: inline-block; text-align: center; }

    .productslider { padding: 25px 0 25px 0; }
    .newsDetail > .img { margin-bottom: 30px; }

    #fContent { padding-top: 25px; }
    footer .grid_50_50 > .row > .col { width: 100%; padding: 0; text-align: center; margin-bottom: 25px; }
    footer .grid_50_50 > .row > .col p { font-size: 16px; line-height: 21px; }
    footer .grid_50_50 > .row > .col_50_1 > .csc-default { float: none; }

    #banner .ce-row:nth-child(1) { display: none; }
    #banner .ce-row:nth-child(2) { display: block; }

    #bgOverlay h2 { font-size: 30px; margin-bottom: 25px; }
    #bgOverlay .grid_50_50 > .row > .col h2 { font-size: 20px; margin-bottom: 0; }
}

@media ( max-width : 520px ) {
    .pFSearch input[type="text"] { width: 63.65%; font-size: 20px; }
    .pFSearch input[type="submit"] { width: 32%; font-size: 20px; }
}

@media ( max-width : 500px ) {
    .button { font-size: 14px; padding: 3px 20px; }
}

@media ( max-width : 435px ) {
    .tx-powermail .powermail_fieldwrap_type_submit { margin-top: 160px; }

    #bgOverlay h2 { font-size: 20px; margin-bottom: 25px; }
    #bgOverlay .grid_50_50 > .row > .col h2 { font-size: 16px; margin-bottom: 0; }
}

@media ( max-width : 400px ) {
    .pFSearch.inside input[type="text"] { width: 70%; }
    .pFSearch.inside input[type="submit"] { width: 25%; }
    .tx-powermail .powermail_fieldwrap_type_submit { margin-top: 180px; }

    #content .variation-imagetext h2 { font-size: 30px; }
    .powermail_form .powermail_fieldwrap_type_submit { margin-top: 0; }
}

@media ( max-width : 370px ) {
    .button { padding: 3px 10px; }
}

@media ( max-width : 350px ) {
    #naviMetaMobile { display: none; }
}