@media only screen and (max-width: 1346px) {

    .deliverymessage { display: none; }
}

@media only screen and (max-width: 1417px) {
    .mainproductareaholder { max-width: 1120px; }
}

@media only screen and (max-width: 1260px) {
    .logonavfloater { display: none; }
    .heros { text-align: center; margin: 0 auto; }
}

@media only screen and (max-width: 1100px) {
    .mainproductareaholder { max-width: 940px; }
}


@media only screen and (max-width: 1170px) {
    .payment .checksummary { width: 730px; }



    .payment .preorder { width: 730px; }

    .payment .area1 { width: 328px; min-height: 472px; }
}

@media only screen and (max-width: 968px) {
    .payment .checksummary { width: 534px; }


    .payment .preorder { width: 580px; }

    .payment .area1 { width: 252px; min-height: 472px; }
}

@media only screen and (max-width: 1024px) {
    .mainproductareaholder { max-width: 1024px; }
    #backissuefader { text-align: left }
    .footer .mobileclear { display: block; clear: both; }
    .footer .content { text-align: center; }
    .footer img { float: none; margin-right: 10px; margin-top: 20px; }
}


@media only screen and (max-width: 1023px) {

    .nav__item, .nav__item--wide { position: relative; height: 114px; width: 13%; display: inline-block; vertical-align: top; text-align: center; margin-right: 2px; }

    .nav__lower { position: absolute; left: 0; top: 114px; display: none; }

    .blackspan { width: 100%; margin: 0 auto; height: 220px; }

    .nav__item a, .nav__item--wide a, .nav__item span, .nav__item--wide span { vertical-align: middle; font-size: 12px; width: 100%; color: #fff; display: block; height: 100%; background-repeat: no-repeat; background-size: cover; }

    .nav__item .nav__lower--span2 { width: 264%; }

    .featured__image, .featured__details { position: relative; width: 100%; color: #FFF; z-index: 70; text-align: center; }

    .featured__details { float: left; margin-right: 0; margin-top: 0px; padding: 0 0 10px 0; }

        .featured__details p { font-size: 16px; font-weight: 300; line-height: 16px; padding: 0 5px 10px 5px; }

        .featured__details .featured__row { margin-top: 8px; }

    .featured__image img { width: 50%; }

    .headercontent .countriesFlags { float: left; margin-right: 15px; display: none; }

    .prohero { padding-top: 5px; }

    .prohero__image img { width: 45%; }

    .prohero__image, .prohero__details { position: relative; width: 100%; color: #FFF; z-index: 70; text-align: center; }

    .prohero__details { float: right; font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-right: 0; margin-top: 2px; padding-right: 0px; }

        .prohero__details .prohero__row { margin-top: 8px; }

        .prohero__details p { font-size: 12px; font-weight: 300; line-height: 14px; padding: 0 10px 10px 0; }

    .filterissue { max-width: 822px; width: 80%; }

    .panelbuttons { margin: 20px auto; width: 80%; }

    .shop_title h2 { margin-bottom: 20px; font-size: 27px; font-weight: 300; color: black; }
}

@media only screen and (max-width:1309px) {
    .nav__item a, .nav__item--wide a, .nav__item span, .nav__item--wide span { font-size: 13px; padding: 0 8px }
    .info .infopanel .block1 { width: calc( 33.3333% - 54px ); margin: 5px; }
}

@media only screen and (max-width:1215px) {
    .nav__item a, .nav__item--wide a, .nav__item span, .nav__item--wide span { font-size: 14px }
    .circlebasketdesktop { display: none; }
    .graybar { display: none; }
    .headercontent { width: 98%; max-width: 1385px; margin: 0px auto 0 auto; position: absolute; left: 0; right: 0; z-index: 9990; border: 1px solid #949494; background-color: white; }
    .topbasket { display: block; }
        .topbasket img { display: block; }
    .topbasket { display: block; float: right; text-align: left; padding: 8px 10px; text-transform: uppercase; }
    .searchicon { float: right; margin-left: -3px; height: 50px; }

        .searchicon img { height: 50px; }

    .nav-mobile { display: block; width: 98px; height: 99px; float: left; }

    .blackspan { width: 100%; margin: 0 auto; height: 98px; }

    .nav-mobile .menu-main-navigation-container { position: absolute; right: auto; top: auto; display: block; background: #fff; color: #565656; padding: 8px 13px; font-size: 1.2em; display: none; width: 288px; margin-top: 5px; text-align: left; }

        .nav-mobile .menu-main-navigation-container ul li { display: block; }

            .nav-mobile .menu-main-navigation-container ul li a { margin: 0; color: #565656; padding: 7px 0; display: block; font-size: 13px; }

            .nav-mobile .menu-main-navigation-container ul li ul { margin: 0px 0 10px 5px; }

                .nav-mobile .menu-main-navigation-container ul li ul li { margin: 0 0 -11px 0; display: block; padding: 0 0 0px 0; line-height: 12px; }

                    .nav-mobile .menu-main-navigation-container ul li ul li a { font-size: 12px; }

    .nav__row--main-nav { display: none; }

    .nav-mobile { display: block; float: left; padding: 8px 10px; text-align: center; width: auto; height: 63px; border-right: 1px solid #949494; font-size: 12px; }
        .nav-mobile img { display: block; }

    .topsearch { display: block; float: left; padding: 8px 10px; text-align: center; width: auto; height: 63px; border-right: 1px solid #949494; font-size: 12px; text-transform: uppercase; }
        .topsearch img { display: block; }

    .navioverride i { padding: 10px 0 3px 0; display: block; }

    .toplogin { display: block; float: left; padding: 8px 10px; text-align: center; width: auto; height: 63px; border-right: 1px solid #949494; font-size: 12px; text-transform: uppercase; }
        .toplogin img { display: block; }
    .perkscontent .perkslogo img { margin-left: 0%; }
    .ajax__tab_CJ { /*width: 96%;*/ width: 100%; }
    .info .infopanel .block1 { /*width: 25%;*/ width: calc( 33.3333% - 54px ); margin: 5px; }
    .info .infopanel { padding: 0px 0 10px 0; }
    .topcart { display: block; float: right; padding: 8px 10px; margin-right: 18px; text-align: center; width: auto; height: 63px; border-left: 1px solid #949494; font-size: 12px; text-transform: uppercase; }
        .topcart img { display: block; }

    .topbasket { font-size: 12px; }

    .searchtopinput { display: none; }
    .deliverymessage { display: none; }

    .cartpc { display: none; }
    .logonav { height: 62px; }
    .mlogo { float: left; /*margin: 6px 0 0 0;*/ margin: 6px 0 0 2px; }
    .mcat { display: none; }
    .headercontent .currency { float: left; margin: 10px; }
    .topbasket { display: block; height: 63px; border-right: 1px solid #949494; float: left; text-align: center; }
    .circlebasket { position: absolute; background: #d1e16d; background: -moz-linear-gradient(top, #d1e16d 0%, #c0ce65 100%, #2989d8 100%, #207cca 100%); background: -webkit-linear-gradient(top, #d1e16d 0%,#c0ce65 100%,#2989d8 100%,#207cca 100%); background: linear-gradient(to bottom, #d1e16d 0%,#c0ce65 100%,#2989d8 100%,#207cca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e16d', endColorstr='#207cca',GradientType=0 ); border-radius: 50%; border: 1px solid #8c8c8c; padding: 5px 8px; margin: -60px 0 0 40px; }
    .newslettercall { display: none; }
    .afftext h1 { font-size: 17px; line-height: 20px; margin-bottom: 15px; }
    .afftext p { font-size: 14px; margin-bottom: 29px; line-height: 19px; font-weight: 300; }
    .afftext { height: auto; width: 50%; }
    .proTag { display: block; text-align: center; }
        .proTag input { vertical-align: middle; }
}



@media only screen and (max-width:1023px) {
    .prohero__image { display: none; }

    .prohero__details { position: relative; width: 100%; text-align: center; }

    .prohero__details { float: right; font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-right: 0; margin-top: 0px; padding-right: 10px; }
}

@media only screen and (max-width: 1385px) {
    .mainHero .righthero { width: 641px; }

    .topright { width: 100%; }

    .bottomright { width: 100%; }

    .topright .pic { width: 100%; height: 266px; }

    .bottomright .adleft { float: left; width: 48%; background-color: #2e2e2e; border-bottom: 1px solid #c91400; }

    .topright .infoblock { width: 100%; height: 51px; }

    .bottomright .adleft .infoblock { width: 100%; height: 51px; }

    .bottomright .adrights { float: right; width: 48%; background-color: #2e2e2e; border-bottom: 1px solid #c91400; }

    .bottomright .adleft .pic { width: 100%; height: 271px; }

    .bottomright .adrights .pic { width: 100%; height: 271px; }

    .topright .pic img { height: 100%; }

    .bottomright .adrights .infoblock { width: 100%; }

    .bottomright .adleft .pic, .bottomright .adrights .pic { background-position: center; background-repeat: no-repeat; }
}

@media only screen and (max-width: 1342px) {
    .mainHero .righthero { width: 613px; }
}

@media only screen and (max-width: 1317px) {
    .mainHero .righthero { width: 591px; }

    .topright .infoblock h2 { font-size: 16px; width: 39%; line-height: 16px; }

    .bottomright .adleft .infoblock h2 { font-size: 14px; width: 58%; line-height: 14px; }

    .bottomright .adrights .infoblock h2 { font-size: 14px; width: 58%; line-height: 14px; }

    .bottomright .adleft .infoblock h3 { font-size: 23px; line-height: 19px; }
}

@media only screen and (max-width: 1298px) {
    .mainHero .righthero { width: 549px; }
}

@media only screen and (max-width: 1250px) {
    .mainHero .righthero { width: 521px; }
}

@media only screen and (max-width: 1220px) {
    .mainHero .righthero { width: 472px; }

    .topright .infoblock h2 { font-size: 14px; width: 37%; line-height: 14px; }

    .topright .infoblock h3 { font-size: 18px; line-height: 19px; }

        .topright .infoblock h3 span { font-size: 15px; }

    .bottomright .adleft .infoblock h2 { font-size: 14px; width: 60%; line-height: 14px; }

    .bottomright .adleft .infoblock h3 { font-size: 18px; line-height: 19px; }

        .bottomright .adleft .infoblock h3 span { font-size: 15px; }

    .bottomright .adrights .infoblock h2 { font-size: 14px; width: 60%; line-height: 14px; }

    .bottomright .adrights .infoblock h3 { font-size: 18px; line-height: 19px; }

        .bottomright .adrights .infoblock h3 span { font-size: 15px; }
}

@media only screen and (max-width: 1025px) {
    .productmiddle .viewdetails .picturesleft { width: 55%; margin-left: 0; float: left; }
	.topsellers h2 { display:none }
	.topsellers  .bodyarea h2{display:block}
}

@media only screen and (max-width: 780px) {
    .blackspan { width: 100%; margin: 0 auto; height: 94px; }
    .existingcustomers .regbody .thefield, .newcustomers .newbody .thefield { float: left; width: 58%; padding: 7px 0 0 0px; }
    .footer .mobileclear { display: block; clear: both; }
    .footer .content { text-align: center; }
    .footer img { float: none; margin-right: 10px; margin-top: 20px; }
    .theitem { width: 251px; height: auto; margin: 20px 0px 0px 3px; display: inline-block; position: relative; }
    .productmiddle h1 { color: #000000; font-size: 17px; margin: 0px 0 0px 0; padding: 0px; line-height: 19px; font-weight: bold; }

    .productdetailhero { padding: 20px 0 20px 0; width: 100%; max-width: 1385px; margin: -12px auto 0 auto; text-align: center; min-height: 563px; }

    .productmiddle h3 { color: #000000; font-size: 15px; margin: 0 0 10px 0; padding: 0; font-weight: 700; }

    .viewdetails { margin: 15px 0 0 0; }

    .productmiddle .viewdetails .pictures { width: 75%; height: 225px; display: inline-block; margin-left: 0; }

    .textdetails { display: block; width: 94%; vertical-align: top; margin: 0; text-align: left; padding: 0 10px; }

        .textdetails .DescriptionHolder { min-height: 0px; }

    .extraimages img { height: 72px; }

    .productmiddle .topseller h2 { color: #333333; font-size: 13px; margin: 0px 0 10px 0; padding: 0 5px; line-height: 21px; text-align: center; font-weight: bold; }

    .picturesleft { display: none; }

    .zoom img { display: block; height: 241px; }
    .mobileimages { display: block; height: 400px; width: 100%; border: 1px solid #D6D6D6; margin-bottom: 10px }
    .slick-slide { text-align: center; }
    .payment .checksummary { margin-top: 23px; background: #f1f1f1; width: 99%; padding: 0px; border: 1px solid #cccccc; display: inline-block; text-align: left; }

    .checksummary table, .checksummary thead, .checksummary tbody, .checksummary th, .checksummary td, .checksummary tr { display: block; }

        .checksummary tr th { position: absolute; top: -9999px; left: -9999px; }

    .checksummary tr { border: 0px; text-align: center; }

    .checksummary td { border: none; border-bottom: 0px solid #eee; position: relative; padding-left: 0%; text-align: center; }

        .checksummary td input { display: inline-block; width: 24px; margin: 10px 0; }



        .checksummary td:nth-of-type(1) { float: left; width: 48%; }

        .checksummary td:nth-of-type(4) { display: inline-block; margin-right: 10px; }

        .checksummary td:nth-of-type(5) { display: inline-block; margin-right: 10px; }

        .checksummary td:nth-of-type(6) { display: inline-block; }

    .payment .checksummary table, .area5 td, .area5 tr, .area5 th { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

    .payment .checksummary .tblheader { display: none; }

    .payment .checksummary td b { color: #969696; font-size: 15px; font-weight: bold; line-height: 20px; }

    .payment .checksummary td { font-size: 15px; }
    .payment .area2 label { font-size: 14px; float: left; margin-bottom: 10px; width: 14%; padding-top: 3px; }
    .payment .area2 .field { float: left; width: 32%; margin-right: 24px; margin-bottom: 7px; font-size: 12px; }
    .footcoln { margin-right: 0%; }
    .slick-slide img { max-height: 388px }
    .prohero { margin: 0 auto; height: auto; padding: 0 }
    .mainproductareaholder { max-width: 768px; padding: 0 0 0 5px; }
}

@media only screen and (max-width: 766px) {
    #backissuefader { text-align: center }
    .tierimageitem { display: none !important; }
    .tierimagemobile { display: block !important; }

    .floatingaccount { display: none; }

    .prohero { display: block; }
    .floatinfo { display: none; }

    .newslettercall { display: none; }
    .heroitem .infoblock { width: 100%; height: auto; }

    .heroitem .pic { width: 100%; height: 284px; }

    .lefthero .slick-prev { top: 20%; margin-top: -10px; margin-left: 25px; }

    .lefthero .slick-next { top: 20%; margin-top: -10px; margin-right: 25px; }

    .heroitem .infoblock h2 { width: 100%; margin: 10px 0 0 0px; }

    .heroitem .infoblock .moredetails { display: inline-block; vertical-align: middle; width: 100%; float: none; margin-top: 10px; text-transform: uppercase; }

    .heroitem .infoblock h3 { display: inline-block; color: white; font-size: 27px; margin: 4px 0px 10px 0; line-height: 19px; vertical-align: middle; float: none; width: 100%; }

    .heroitem .infoblock .buynow { display: inline-block; vertical-align: middle; width: 100%; float: none; margin-top: 10px; text-transform: uppercase; }

    .heroitem { height: auto; }

        .heroitem .infoblock .buynow a { font-size: 15px; }

        .heroitem .infoblock .moredetails a { font-size: 15px; }

    .topright .pic { width: 100%; height: auto; }

        .topright .pic img { height: auto; }

    .topright .infoblock h2 { font-size: 14px; width: 100%; line-height: 14px; margin: 10px 0 0 0; }

    .topright .infoblock h3 { font-size: 18px; line-height: 19px; width: 100%; margin-bottom: 10px; }

    .topright .infoblock .moredetails { display: inline-block; vertical-align: middle; width: 50%; float: none; }

    .topright .infoblock .buynow { display: inline-block; vertical-align: middle; width: 50%; float: none; }

    .topright { width: 100%; height: auto; min-height: 251px; }

    .bottomright { width: 100%; height: auto; }

        .bottomright .adleft { float: none; width: 100%; background-color: #2e2e2e; border-bottom: 1px solid #c91400; }

        .bottomright .adrights { float: none; width: 100%; background-color: #2e2e2e; border-bottom: 1px solid #c91400; margin-top: 20px; }
    .payment .conarea { text-align: center; }


    .perkscontent .whyshop { text-align: center; width: 100%; }
    .perks { width: 100%; margin: 0px auto 0px 0; float: left; padding-bottom: 0px; }
    .perkscontent .perkslogo { display: inline-block; width: 100%; float: left; text-align: center; }
        .perkscontent .perkslogo img { margin-right: 3%; width: 34%; display: inline-block; }

    .footer .content { padding: 10px 0 20px 10px; text-align: left; }
    .footer .mobileclear { display: block; clear: both; }
    .footer img { float: none; margin-top: 18px; margin-right: 2px; }
    .footerlinks { width: 100%; margin: 0 auto; float: left; background-color: #bbbbbb; color: #fff; padding: 0; }
    .footcoln { width: 45%; float: none; border: 0px solid #a7a7a7; margin-right: 0; padding: 6px; min-height: 0; display: inline-block; vertical-align: top; }
    .footcoln2 { width: 45%; float: none; border: 0px solid #a7a7a7; margin-right: 0; padding: 6px; min-height: 0; display: inline-block; vertical-align: top; }
    .footcoln h2 { text-transform: uppercase; font-size: 13px; margin-bottom: 10px; }
    .footcoln2 h2 { text-transform: uppercase; font-size: 13px; margin-bottom: 10px; }

    .protext { display: none; }
    .protextmobile { display: block; text-align: center; }
        .protextmobile p { font-size: 12px; padding: 0 10px; }
        .protextmobile h1 { font-size: 14px; }
        .protextmobile .socialblockcat { float: left; margin: 14px 0 !important; }
        .protextmobile .ytlisting, .protextmobile .fblisting, .protextmobile .linklisting { padding: 10px 5px; font-size: 12px; border-radius: 0; margin: 0 0 0 10px; }
    .topseller .productimage { width: 90%; /*height: 209px;*/ /*height:330px;*/ height: auto; margin: 0 auto; float: none; }
    .topseller { margin: 20px 0px 0px 0px; /*height: 420px;*/ height: 450px; }
        .topseller .bodyarea { width: 90%; text-align: center; }
    .ajax__tab_default .ajax__tab { height: 48px; width: auto; }
    .ajax__tab_CJ .ajax__tab_header { height: auto; }
    .ajax__tab_default .ajax__tab { height: 50px; }
    .topseller .bodyarea { height: 200px; }
    .ajax__tab_CJ .ajax__tab_body { width: calc( 100% - 30px ); }
    .newbtnone, .newbtnthree, .newbtnfour { width: calc(100% - 30px); max-width: none; padding: 15px 8px; font-size: 13px; }
    .newbtntwo { width: calc(100% - 30px); max-width: none; padding: 15px 8px; font-size: 13px; }


    .productmiddle .topseller .bodyarea, .payment .topseller .bodyarea { width: 100%; text-align: center; }
    .topseller .buybutton2 { text-align: center; margin-top: 10px; position: absolute; bottom: 0; left: 10px; /*left: 0px;*/ width: 100%; }

    .payment h2 { float: none; }
    .productmiddle .topseller .bodyarea, .payment .topseller .bodyarea { width: 100%; text-align: center; }
        .productmiddle .topseller .bodyarea .btn--large, .payment .topseller .bodyarea .btn--large { padding: 8px 10px; font-size: 14px; line-height: 23px; display: inline-block; }
}

@media only screen and (max-width:766px) {
    .main-content .main { padding: 0; }
    .nav__row--main-nav { display: none; }
    .mcat { display: none; }

    .headercontent .currency { float: left; margin: 10px 0 0 4px; position: absolute; width: 62px; }

    .topright .infoblock .moredetails a { display: block; background-color: #265abc; color: white; font-size: 12px; text-decoration: none; padding: 17px; text-align: center; vertical-align: middle; line-height: 13px; }

    .prohero__details { padding: 0; }

    .headercontent .currency a { margin-right: 0px; }

    .btn--large5 { padding: 15px 8px; }
    .main .arrowleft, .main .arrowright { width: 27px; margin-top: 18%; }
    .topsellers { margin-top: 0; }
    .ajax__tab_CJ { /* display: none; */ }

    .featured { padding-top: 2px; width: 100%; max-width: 1385px; margin: 0 auto; }

    .featured__image, .featured__details { position: relative; width: 100%; color: #FFF; z-index: 70; text-align: center; }

    .featured__details { float: left; margin-right: 0; margin-top: 0px; padding: 0 0 10px 0; }

        .featured__details p { font-size: 12px; font-weight: 300; line-height: 14px; padding: 0 5px 10px 5px; }

        .featured__details .featured__row { margin-top: 8px; }

    .featured__image img { width: 83%; }

    .featured2 { padding: 5px 0 5px 0; width: 100%; max-width: 1385px; margin: 0 auto; text-align: center; }

        .featured2 h2 { font-size: 27px; color: black; font-weight: 300; line-height: 27px; }

    .minis .minleft { width: 447px; margin-right: 17px; background-color: #dfdfdf; text-align: center; margin-top: 17px; min-height: 364px; display: inline-block; }

        .minis .minleft p { font-size: 12px; color: #777777; font-weight: 400; line-height: 15px; padding: 5px 15px 5px 15px; }
    .mainproductarea { width: 100%; margin: 0px auto 0 auto; }

    .slick-slider { margin-bottom: 2px; }

    .responsive .slick-dots { position: absolute; bottom: -22px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }

    .info .infopanel { padding: 10px 0; width: 100%; max-width: 1385px; margin: 0 auto; text-align: left; }

        .info .infopanel .block1 { width: 87%; margin-right: 0%; /*float: left;*/ margin: 0 auto; display: block; text-align: center; margin-bottom: 10px; }

    .nav__items2 { display: none; }

    .blackspan2 { height: 50px; }

    .prohero { padding-top: 5px; height: auto; }

    .prohero__image, .prohero__details { position: relative; width: 100%; color: #FFF; z-index: 70; text-align: center; }

    .prohero__details { float: right; font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-right: 0; margin-top: 2px; padding-right: 0px; }

        .prohero__details .prohero__row { margin-top: 8px; }

        .prohero__details p { font-size: 12px; font-weight: 300; line-height: 14px; padding: 0 10px 10px 0; }

    .mainproductareaholder { padding: 1px 0 20px 0; min-height: 0; }

    .panelbuttons a { display: inline-block; font-family: Roboto; font-size: 13px; font-weight: 300; margin-left: 0px; color: white; cursor: pointer; padding: 11px; }

    .panelbuttons { margin: 10px 0 15px 0; }

    .shop_top_left { font-size: 13px; padding: 0; text-align: center; float: none; width: 98%; }

    .shop_top, .shop_footer { margin-bottom: 10px; font-size: 11px; display: inline-block; color: white; padding: 12px 0; width: 98%; text-align: center; }

    .prohero__details { margin: 10px 0; }

    .shop_footer { margin-top: 10px; }

    .mainotherproductareaholder { padding: 0px 0; width: 100%; max-width: 1385px; margin: 0 auto; text-align: center; }

    .shop_title h2 { margin-bottom: 20px; font-size: 20px; font-weight: 300; color: black; line-height: 20px; }

    .payment .preorder { margin-top: 10px; background: #f1f1f1; width: 86%; padding: 20px; border: 1px solid #cccccc; display: inline-block; text-align: left; }

    .theitem { margin: 0px 2px 0px 7px; width: 148px; }

        .theitem .productimage { float: left; width: 100%; /*height: 227px;*/ height: auto; background-color: white; text-align: center; padding: 10px 0; overflow: hidden; }

        .theitem .bodyarea { float: left; width: 100%; /*height: 140px;*/ /*height: 170px;*/ /*height: 150px;*/ padding-top: 10px; }

    .buybutton .btn--large { padding: 5px; font-size: 14px; line-height: 23px; display: inline-block; width: 100%; text-align: center; }

    .theitem .bodyarea h2 { font-size: 14px; font-weight: bold; line-height: 13px; color: #333333; padding: 0; }

    .theitem .bodyarea h3 { padding: 10px 5px 3px 5px; font-size: 13px; font-weight: 300; line-height: 17px; color: #333333; }

    .theitem .bodyarea h4 { font-size: 14px; margin-top: 3px; margin-bottom: 10px; font-weight: 300; }

    .theitem .buybutton { width: calc(100% - 11px); }

    .cartconfirm { display: block; padding: 0 0 20px 0; background-color: white; width: 100%; margin: 41px 0px 0 0; position: absolute; top: 0; right: 0; z-index: 9999; box-shadow: 2px 2px 2px #888888; border-top: 1px solid #888888; }

    .zoomicon { display: none; visibility: hidden; }

    .theitem .pricestock { font-size: 18px; }

    .productmiddle h1 { color: #000000; font-size: 17px; margin: 0px 0 0px 0; padding: 0px; line-height: 19px; font-weight: bold; }

    .productdetailhero { padding: 20px 0 20px 0; width: 100%; max-width: 1385px; margin: -12px auto 0 auto; text-align: center; min-height: 563px; }

    .productmiddle h3 { color: #000000; font-size: 15px; margin: 0 0 10px 0; padding: 0; font-weight: 700; }

    .viewdetails { margin: 15px 0 0 0; }

    .productmiddle .viewdetails .pictures { width: 75%; height: 225px; display: inline-block; margin-left: 0; }

    .textdetails { display: block; width: 94%; vertical-align: top; margin: 0; text-align: left; padding: 0 10px; }

        .textdetails .DescriptionHolder { min-height: 0px; }

    .extraimages img { height: 72px; }

    .productmiddle .topseller h2 { color: #333333; font-size: 13px; margin: 0px 0 10px 0; padding: 0 5px; line-height: 21px; text-align: center; font-weight: bold; }

    .picturesleft { display: none; }

    .zoom img { display: block; height: 241px; }

    .generalholder { padding: 0px 5px 20px 5px; width: 97%; max-width: 1385px; margin: 0 auto; text-align: center; min-height: 0; }

    .payment h2 { margin: 10px 0 0 0; }

    .payment .area5 { margin-top: 10px; background: #f1f1f1; width: 99%; padding: 0px; border: 1px solid #cccccc; display: inline-block; text-align: left; }
    .payment .topimgfloat { float: left; margin-top: 10px; width: 100%; display: none; }
    .slick-list { position: relative; overflow: hidden; display: block; margin: 0 0 0 0px; padding: 0; }

    .ajax__tab_CJX { text-align: center; margin-top: 19px; width: 93%; }

    .area5 table, .area5 thead, .area5 tbody, .area5 th, .area5 td, .area5 tr { display: block; }

        .area5 tr th { position: absolute; top: -9999px; left: -9999px; }

    .area5 tr { border: 0px; text-align: center; }

    .area5 td { border: none; border-bottom: 0px solid #eee; position: relative; padding-left: 0%; text-align: center; }

        .area5 td input { display: inline-block; width: 24px; margin: 10px 0; }

        .area5 td:nth-of-type(1) { float: left; width: 48%; }

        .area5 td:nth-of-type(4) { display: inline-block; margin-right: 10px; }

        .area5 td:nth-of-type(5) { display: inline-block; margin-right: 10px; }

        .area5 td:nth-of-type(6) { display: inline-block; clear: both; }
        .area5 td:nth-of-type(7) { float: left; }
        .area5 td:nth-of-type(8):before { content: "Total"; }
        .area5 td:nth-of-type(8)::after { clear: both; }

    .totalshopping { float: right; margin: 20px 0; width: 100%; text-align: center; font-size: 14px; padding: 0; }

    .payment .area5 table, .area5 td, .area5 tr, .area5 th { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

    .payment .area5 .tblheader { display: none; }

    .payment .area5 td b { }

    .payment .area5 td { font-size: 15px; text-align: left; }

    .payment .checksummary { margin-top: 10px; background: #f1f1f1; width: 99%; padding: 0px; border: 1px solid #cccccc; display: inline-block; text-align: left; }

    .checksummary table, .checksummary thead, .checksummary tbody, .checksummary th, .checksummary td, .checksummary tr { display: block; }

        .checksummary tr th { position: absolute; top: -9999px; left: -9999px; }

    .checksummary tr { border: 0px; text-align: center; }

    .checksummary td { border: none; border-bottom: 0px solid #eee; position: relative; padding-left: 0%; text-align: center; }

        .checksummary td input { display: inline-block; width: 24px; margin: 10px 0; }



        .checksummary td:nth-of-type(1) { float: left; width: 48%; }

        .checksummary td:nth-of-type(4) { display: inline-block; margin-right: 10px; }

        .checksummary td:nth-of-type(5) { display: inline-block; margin-right: 10px; }

        .checksummary td:nth-of-type(6) { display: inline-block; }

    .payment .checksummary table, .area5 td, .area5 tr, .area5 th { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

    .payment .checksummary .tblheader { display: none; }

    .payment .checksummary td b { color: #969696; font-size: 15px; font-weight: bold; line-height: 20px; }

    .payment .checksummary td { font-size: 15px; }


    .productimage { width: 100%; background-color: #d3d3d3; margin: 0 auto; float: none; }

    .newcustomers { width: 100%; margin-left: 0; display: inline-block; text-align: left; margin-top: 20px; min-height: 450px; padding-bottom:10px  /* new */ }

    .existingcustomers { width: 100%; display: inline-block; text-align: left; vertical-align: top; min-height: 0px; margin-top: 4px; }

        .existingcustomers .regheader { float: left; width: 96%; padding: 10px 10px 0 10px; }
        .existingcustomers .loginfloat, .newcustomers .loginfloat { width: 100%; padding: 0px; bottom: 0px; left: 0; right: 0; position:relative; text-align:center; float:left }
            .existingcustomers .loginfloat a, .newcustomers .loginfloat a { width: 80%; text-align: center; }
        .existingcustomers .regbody .thefield, .newcustomers .newbody .thefield { float: left; width: 58%; padding: 7px 0 0 0px; }
        .existingcustomers .regbody { float: left; width: 96%; padding: 0px 10px 10px 10px; min-height: 211px; /*min-height: 171px;*/ }
            .existingcustomers .regbody .thefield input, .newcustomers .newbody .thefield input, .newcustomers .newbody .thefield select { padding: 5px; width: 93%; }
    .newcustomers .newheader { float: left; width: 96%; padding: 10px 10px 0 10px; }

    .newcustomers .newbody { float: left; width: 96%; padding: 0px 10px 0 10px; /*min-height: 345px;*/ min-height: 385px; }



    .onecollayout h3 { color: #000000; font-size: 14px; padding: 0 0 10px 0; }



    .newsletter-page { width: 90%; }
        .newsletter-page label { font-size: 14px; float: left; margin-bottom: 10px; width: 96%; }
        .newsletter-page .field { float: left; width: 96%; height: 44px; margin-right: 24px; }
        .newsletter-page .field2 { float: left; width: 510px; }
        .newsletter-page .textinput { border: 1px solid #666666; padding: 2px; width: 98%; }
        .newsletter-page .textdrops { border: 1px solid #666666; padding: 2px; width: 25%; }
        .newsletter-page .textinput2 { margin-right: 5px; padding: 2px; }
        .newsletter-page p { font-size: 14px; margin-bottom: 10px; }



    .payment .delivertext { margin-top: 10px; background: #f1f1f1; width: 98%; padding: 0px; border: 1px solid #cccccc; display: inline-block; text-align: center; }

        .payment .delivertext p { margin-bottom: 10px; padding: 0 5px; }

    .payment .terms { margin-top: 10px; background: #f1f1f1; width: 93%; padding: 10px; border: 1px solid #cccccc; text-align: left; display: inline-block; }

    .payment .sitemap { margin-top: 10px; background: #f1f1f1; width: 93%; padding: 10px; border: 1px solid #cccccc; text-align: left; display: inline-block; font-size: 14px; line-height: 17px; }

    .payment h4 { color: #000000; font-size: 22px; margin: 12px 0 15px 0; text-align: center; }

    .payment .area5 tr p { padding: 0 10px 10px 10px; }

    .payment .area1 { border: 1px solid #dde6f8; background-color: #EDF1FA; width: 98%; padding: 0; margin-top: 20px; min-height: 340px; display: inline-block; text-align: center; }

    .btnspacer2 { margin-right: 0; }

    .payment .area1 label { font-size: 14px; float: none; margin: 0; width: 100%; padding: 10px 0; display: block; }

    .payment .area1 .field { float: none; width: 100%; height: auto; margin-right: 0; display: block; }

    .payment .area5 label { font-size: 1.4em; float: none; margin: 10px 0; width: 100%; text-align: center; display: block; }

    .payment .area5 .field { float: none; width: 100%; margin-bottom: 10px; display: block; text-align: center; }

    .errortxt { font-size: 12px; }

    .payment p { font-size: 14px; text-align: left; padding: 10px 0; }

    .onecollayout .accounts { float: none; width: 100%; text-align: left; }

        .onecollayout .accounts .password { width: 95%; background-color: #f1f1f1; padding: 10px; border: 1px solid #cccccc; margin-bottom: 15px; display: block; text-align: left; }

        .onecollayout .accounts .personal { width: 95%; background-color: #f1f1f1; padding: 10px; border: 1px solid #cccccc; margin-bottom: 15px; display: inline-block; text-align: left; }
        .onecollayout .accounts .btn--large { padding: 15px 39px; font-size: 16px; line-height: 23px; display: inline-block; text-transform: uppercase; }
        .onecollayout .accounts .fieldtitle { font-size: 14px; float: none; margin-bottom: 5px; width: 100%; padding-top: 8px; }

        .onecollayout .accounts .password .fieldblock { float: none; width: 100%; height: 44px; margin-right: 0; font-size: 14px; text-align: left; display: block; }

        .onecollayout .accounts h2 { font-size: 20px; margin: 10px 0 13px 0px; font-weight: bold; }

    .password table { width: 100%; }

    .onecollayout .accounts .personal label { font-size: 14px; float: none; margin-bottom: 10px; width: 100%; padding-top: 8px; }

    .onecollayout .accounts .personal .field { float: none; width: 100%; height: 44px; margin-right: 0; }

    .onecollayout { text-align: center; display: inline-block; width: 100%; }


    .payment .area2 { margin-top: 10px; width: 92%; padding: 10px; border: 1px solid #dde6f8; display: inline-block; text-align: left; }

        .payment .area2 label { font-size: 14px; float: none; margin-bottom: 10px; width: 100%; }

        .payment .area2 .field { float: none; width: 100%; height: 44px; }
    .payment .promobox { margin-top: 10px; width: 94%; padding: 10px; border-bottom: 1px solid #cccccc; display: inline-block; text-align: left; }
    .headercontent .countriesFlags { float: left; margin-right: 15px; display: none; }

    .zoomLens { display: none; }
    .zoomContainer { display: none; }
    .productmiddle .viewdetails .pictures img { width: 100%; height: 100%; }

    .promooffer { position: absolute; top: 10px; right: 0; width: 41%; }
    .promocodefloatOLD { background-color: white; color: #ff0000; position: absolute; width: 94%; bottom: 173px; left: 0px; padding: 5px 0; font-size: 12px; text-align: center; }
    .promocodefloatproduct { background-color: white; color: #ff0000; bottom: 5px; padding: 5px 10px; font-size: 12px; border: 1px solid red; margin-top: 10px; display: inline-block; }
    .support-page .field2 { float: left; width: 229px; margin-bottom: 15px; }

    .productmiddle .breadcumbsnormal .left { display: none; }
    .productmiddle .breadcumbs .right { }
    .arrowA { margin-right: 0; }
    .leftback { display: block; float: left; }
        .leftback .btn--large2 { margin: 0; }
    .productmiddle .breadcumbs { border-bottom: 1px solid #D6D6D6; height: 39px; }
    .breadcumbs .left { margin: 10px 0 10px 0; }
    #productheading1 { display: none; }
    #productheading2 { display: block; background: rgba(0,0,0,1); background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(148,148,148,0.5) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(148,148,148,0.5)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(148,148,148,0.5) 50%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(148,148,148,0.5) 50%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(148,148,148,0.5) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(148,148,148,0.5) 50%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 ); -moz-background-size: 100% 1px; /* This get flipped. */ background-size: 100% 1px; /* This get flipped. */ background-position: 0 bottom; /* The last argument gets flipped. */ background-repeat: no-repeat; padding: 0 0 6px 0; margin-bottom: 10px; }
    #issuereview { display: none; }
    #ctl00_FeaturedContent_Rating1, .textdetails #ctl00_FeaturedContent_UpdatePanel2 { display: none; }
    .mobileimages { display: block; height: 320px; width: 100%; border: 1px solid #D6D6D6; }
    .mobileimageholder { display: block; height: 320px; width: 100%; text-align: center; }
    .qtybtnholder .btn--large { padding: 6px 10px; vertical-align: bottom; }
    .qtybtnholder .buybutton { display: inline-block; vertical-align: bottom; }
    .mainproductareaholder2 { padding: 10px 0 0px 0; }
    .cathero { height: auto; }
    .catheromobile { display: block; }
    .catheromobile { float: left; width: 100%; margin-bottom: 20px; }
        .catheromobile img { width: 100%; }

    .shop_title { padding: 0 10px; width: 94%; }
    .minis2 .minleft { width: 100%; min-height: inherit; border: 0; }
        .minis2 .minleft p { padding: 0 0 10px 0; display: none; }
        .minis2 .minleft h3 { display: none; }
    .CollectionLogo { display: inline-block; padding-top: 10px; }
    .CollectionImage { display: none; }


    .cat_shop_title { padding: 0 10px; }
    .mainotherproductarea { margin: 0 auto 20px auto; }
    .minis2 img { width: auto; }

    .payment .continuebutton .checkoutlink { display: none; }
    .payment .continuebutton .checkoutlink2 { float: none; width: 66%; margin-top: -12px; text-transform: uppercase; }
    .payment .continuebutton { text-align: center; }
        .payment .continuebutton .continuelink { float: none; font-size: 14px; text-align: center; }
    .payment .area5 tr { border-bottom: 1px solid #bcbbbb; clear: both; padding: 10px 0; min-height: 160px; }
    .payment .area5 .productimage { margin: 0 10px; width: 124px; }
    .promosection { float: left; width: 100%; }
    .postagesection { float: left; width: 100%; padding: 0; border-left: 0px #BCBBBB solid; }
    .checksummary .totalsArea .finaltotal { background-color: #e7e7e7; padding: 5px; margin-top: 20px; width: 97%; margin-bottom: 9px; }
    .checksummary .totalsArea { margin: 0; float: right; width: 93%; padding: 10px; }
    .headercontentfloat { position: absolute; }
    .breadcumbs a, .breadcumbs span { /*font-size: 11px;*/ font-size: 13px; line-height: 13px; min-height: 30px; }
    .breadcumbs { margin: 10px auto 93px auto; }
    .afftext { height: auto; width: 98%; padding: 5px; right: 0; }

    .youtubelinkmobile { display: block; height: 300px; width: 100%; margin: 15px 0 }
	
	.topseller .promocodefloat{width:86%}
}

@media only screen and (max-width:414px) {
    .logolistmobile .shoplogo img { margin: 13% auto !important; }
    .topseller { border: 0 }
    .mobileproductscroller { margin-bottom: 20px }
    .deliverymess { padding-left: 0px; font-size: 12px; float: left }
}

@media only screen and (max-width:414px) {
    .slick-slide img { max-height: 318px }
    input[type="checkbox"] { width: 30px; height: 30px; vertical-align: middle; margin-right: 20px; }
    .headercontentfloat { position: absolute; }
    .logo { float: left; width: 70%; }
    .mlogo { float: left; margin: 6px 0 0 0; width: 60%; }
    .socialfb { float: left; margin: 7px 11px 0 10px; }
    .floatcart { margin: 6px 0 0 0; }
    .logonav { height: 45px; }
    .nav-mobile { padding: 0px 0 4px; height: auto; font-size: 11px; width: 19%; }
    .topsearch { padding: 0px 0 4px; font-size: 11px; width: 19%; height: auto; }
    .toplogin { padding: 0px 0 4px; font-size: 11px; width: 19%; height: auto; }
    .topcart { padding: 0px 0 4px; border-right: 0px solid #949494; border-left: 0px; font-size: 11px; width: 20%; height: auto; margin-right: 0; }
    .topbasket { text-align: center; padding: 0px 0 4px; width: 21%; height: auto; font-size: 11px; }
        .nav-mobile img, .topsearch img, .toplogin img, .topcart img, .topbasket img { width: 50px; display: inline-block; }
    .floatingaccount { display: none; }
    .blackspan { width: 100%; margin: 0 auto; height: 73px; }

    select:focus,
    textarea:focus,
    input:focus { font-size: 16px; background: #eee; }
    select,
    textarea,
    input { font-size: 16px; }
    .afftext { position: absolute; top: 0; right: 0px; background-image: url('../images/affbg.png'); padding: 10px; text-align: center; color: white; width: 94%; }
        .afftext h1 { font-size: 15px; line-height: 17px; margin-bottom: 5px; }
        .afftext p { font-size: 12px; margin-bottom: 7px; line-height: 14px; font-weight: 300; }
    .aboutaffiliate, .piggieblock, .blackpig, .affsupport { width: 91%; }
        .piggieblock .pig1 { width: 48%; float: left; }
            .piggieblock .pig1 p { font-size: 12px; font-weight: 300; line-height: 16px; }
            .piggieblock .pig1:nth-child(3n+1) { clear: both; }
        .blackpig .pig1 { width: 48%; float: left; }
            .blackpig .pig1 p { font-size: 12px; font-weight: 300; line-height: 16px; }
            .blackpig .pig1:nth-child(3n+1) { clear: both; }
    .custompageImage { margin: 20px 0; display: none; }
    .custompageImageMobile { display: block; margin: 20px 0; }

    .CatImage { display: none; }
    .CatMobile { display: block; width: 100% }


    .theitem { margin: 0px 8px; /*width: 160px;*/ width: calc(50% - 18px); }
    .prohero { padding: 0 0 10px 0 }

    /* FILTERS
    .filter_col10 { width: 100% }
    #filterspanel { display: none; left: 600px; background-color: white; z-index: 99999; position: absolute; top: 0; width: 100%; border: solid 2px #c5c5c5 }
    .sortfilters { margin: 0 }

        .sortfilters h3 { margin: 9px; font-size: 20px; display: inline-block }
    .filterbtnmobile { float: right; margin-right: 4px; display: inline-block }
        .filterbtnmobile .btn--large, .filterbtnmobileremove .btn--large { padding: 6px 7px; font-size: 14px; line-height: 23px; display: inline-block; width: auto; text-align: center; }
        .filterbtnmobile a, .filterbtnmobile a:hover { color: #fff }
    .filterbtnmobileremove a, .filterbtnmobileremove a:hover { color: #fff }
    .filter_col10 .totalproducts { display: block; margin-top: 0px; margin-left: 0px; float: left; width: 100%; }
        .filter_col10 .totalproducts b { margin: 10px 0 0 10px; float: left; }
    .filterbtnmobileremove { display: block; float: right; margin-right: 9px; margin-top: 10px }
    .filters h2 { margin-bottom: 5px; display: inline-block; }
    .filters small { margin-left: 20px }
	*/
    .sortblock { width: 95%; text-align: center; margin-top: 5px }
    .graybar2 { width: 100%; margin: 0 auto; height: 52px; text-align: center; background-color: #a6a6a6; font-size: 14px; padding: 13px 0 0 0; }

    .StockMessage { font-size: 14px }
    .main-content .main { margin-top: 0 }
    .theitem .bodyarea h4 { font-size: 12px; }
    .newcustomers .loginfloat { position: relative }

    .newbtnone, .newbtnthree, .newbtnfour { width: calc(100% - 4px); max-width: none; padding: 15px 0px; font-size: 13px; }
    .topseller .bodyarea h2 { font-size: 13px }
    .topsellers h2 { font-size: 14px; padding: 0 5px }
    .topseller .bodyarea h4 { font-size: 13px }
}

@media only screen and (max-width:360px) {
	.topseller .promocodefloat{width:85%}
}


@media only screen and (max-width:320px) {
    .theitem { margin: 0px 2px 0px 3px; width: 148px; }
	.buybutton .btn--large {font-size: 13px;}
	#ctl00_FeaturedContent_BackissuesList_ViewAllButton{    display: block; padding-bottom: 16px;}
	.topseller .promocodefloat{width:82%}
	.topseller{height: 374px;}
}

@media only screen and (min-width:1025px) {
    #backissuefader { text-align: left; }
}


.promo-panel2 {
    display: none;
}

@media only screen and (max-width:768px) {
    .promo-panel2 {
        display: inline-block;
        margin-bottom: 6px;
    }
}



@media only screen and (max-width: 1024px) {
	.theitem .bodyarea {height: 170px !important;}
	.theitem .promocodefloat {bottom: 60px !important;}
}
@media only screen and (max-width: 768px) {
	.theitem .bodyarea {height: 180px !important;}
	.theitem .promocodefloat {bottom: 60px !important;}
}
@media only screen and (max-width: 480px) {
	.theitem .bodyarea { height: 190px !important;}		
}
@media only screen and (max-width: 415px) {
	.theitem .bodyarea {height: 160px !important;}
	.theitem .promocodefloat {bottom: 38px !important;}
}
@media only screen and (max-width: 411px) {
	.theitem .bodyarea {height: 150px !important;}
	.theitem .promocodefloat {bottom: 44px !important;}
}
@media only screen and (max-width: 375px) {
	.theitem .bodyarea {height: 150px !important;}
	.theitem .promocodefloat {bottom: 40px !important;}
}
@media only screen and (max-width: 360px) {
	.theitem .bodyarea {height: 170px !important;}
	.theitem .promocodefloat {bottom: 46px !important;}
}
@media only screen and (max-width: 320px) {
	.theitem .bodyarea {height: 190px !important;}
	.theitem .promocodefloat {bottom: 40px !important;}
}