@media only screen and (min-width: 769px) {
    .dtop-not {display: none;}
    .co-step-wrap > .aside { display: none !important; }
    /*Modified By Firas*/
    #co-step-2 > .aside { display: block !important; }
    #authpage-master-container .content-holder1{width:70%; margin:auto;}
    /*++++++++++++++++++*/
    .checkout-content .slide { display: block !important; left: auto !important; position: relative !important; top: auto !important; height: auto !important; }
}

/* ---------------------------------------------------------
   Styles for Responsive web design
   ---------------------------------------------------------*/
/* Styles for screens 980px wide and narrower. */
@media only screen and (max-width: 1000px) {
    .promobox .box { margin: 0 auto; }
    #header .holder { width: 100%; padding: 15px 0 0; }
    .bar ul, .search-form { width: 100%; }
    .search-form fieldset { width: auto; }
    .search-form input { width: 410px; }
    .w1 { padding: 0; width: auto; }
    .panel { padding: 0 9999px; margin: 0 -9999px; }
    .bar { padding: 3px 9999px 0; margin: 0 -9999px; }
    .bar .holder { padding: 0 9999px 3px; margin: 0 -9999px; }
    #nav { width: auto; margin: 0 -14px 0 0; }
    .button { display: none; }
    .promobox { padding: 0 9999px; margin: 0 -9999px; }
    .promobox .holder { padding: 21px 9999px 0; margin: 0 -9999px; }
    #main { width: 100%; margin: 20px 0 0 0; }
    #content { width: 75%; margin-top:0; }
    #sidebar { width: 24%; }
    /*#content .banner { display: none; }*/
    #content .banner img {vertical-align: top; width: 98%;}
/*    #footer .newsletter fieldset { width: 100%; margin: 0; }
    #footer .newsletter .textholder { width: auto; float: none; margin: 0 0 10px; padding: 0 10px; }
    #footer .newsletter .area { float: none; margin: 0 10px 10px; }
    #footer .section-holder { width: auto; text-align: center; }
    #footer .logo { margin: 0 auto 20px; display: block; float: none; }
    #footer .section .block { width: 24%; padding: 0 0 10px; float: none; display: inline-block; vertical-align: top; }
    #footer .section .block2 { display: none; }
    #footer .section .block-r { width: 100%; background: url(/images/divider1.png) repeat-x; padding: 20px 0 0; }*/
    /*.payment-list { display: inline-block; vertical-align: top; width: auto; padding: 10px 0 20px; }*/
/*    #footer .block-r .logo { margin: 0 auto; }
    .section-b { text-align: center; }
    .section-b .inner-c { width: auto; margin: 0 10px; }
    .section-b .add-nav { float: none; margin: 0 0 10px; overflow: hidden; }
    .section-b .add-nav li { display: inline-block; vertical-align: top; float: none; padding: 0 5px; }
    .section-b .copyright { width: 100%; text-align: center; margin: 0 0 10px; }
    .section-b .by { padding: 0 10px; }
    #footer .section .textholder { width: 100%; }*/
    #content .block.bg1 .btn { width: 95%; left: 2.5%; }
    #content .block.bg2 .btn { width: 95%; left: 2.5%; }
    .newsletter { width: 95.5%; padding: 0; }
    .newsletter .textholder { margin: 0 0 10px; }
    .newsletter .area { margin: 0 10px 10px; float: left; }
    #content .block { width: 30%; margin: 0 2.1% 10px 0; min-height: 10px; }
    #content .block.long { width: 100%; }
    .sort-form { width: 95.5%; }
    #content .heading { width: 95.5%; }
    #content .more { width: 100%; }
    .content-holder { margin: 0 -5% 0 0; }
    #content .block.bg1 h2 { font-size: 72px; line-height: 78px; }
    #content .block.bg1 h2 span { font-size: 23px; line-height: 26px; margin: 0 0 -10px; }
    #content .block.bg1 h2 strong { font-size: 28px; line-height: 31px; margin: -10px 0 0; }
    #content .block.bg2 h2 { font-size: 52px; line-height: 60px; }
    #content .block.bg2 h2 span { font-size: 24px; line-height: 27px; margin: 0 0 -10px; }
    #content .block.bg2 h2 strong { font-size: 24px; line-height: 27px; margin: -10px 0 0; }
/*    #footer { margin: 0 -9999px; padding: 0 9999px; width: auto; }
    #footer .holder, .page #footer .holder { padding: 0 9999px; margin: 0 -9999px; }
    #footer .newsletter { padding: 0 9999px; margin: 0 -9999px 7px; }*/
    /*.section-b { padding: 0 9999px; margin: 0 -9999px; width: auto; }*/
    #content .block .flag { font-size: 11px; line-height: 14px; width: 51px; height: 51px; border-radius: 25px; top: 27px; right: 0; }
    #content .block .flag span { padding: 12px 0 0; }
    #content .block .flag .price { font-size: 12px; line-height: 15px; padding: 0; }
    .heading2 { width: 100%; }
    .view-holder { width: 100%; }
    .breadcrumbs { width: 100%; }
    .btn-top { left: 24%; top: 1380px; }
    .aside { width: 33%; }
    .content { width: 66%; }
    .promoblock5 { width: 100%; }
    .aside .social-network ul li { padding: 0 4px 0 0; }
    .aside .social-network .mail, .aside .social-network .print { margin: 0 4px 0 0; }
    #content .block.bg1 .frame .info-block { font-size: 16px; }
    .login-form { width: 70%; }
    .content .content-holder1 .box { width: 30%; }
    .content .content-holder1 .box h2 { padding: 50px 20px 0; font-size: 30px; }
    .content .content-holder1 .box h2 span { font-size: 30px; }
    .content .content-holder1 .box .btn { margin: 0 20px 30px; font-size: 14px; width: 140px; }
    .error-block, .reset-block { width: 80%; }
    .promoblock6 { background: url(/images/bg-promobox6.jpg); width: 100%; }
    .promoblock6 .holder { padding: 15px 30px 10px; background: none; }
    .promoblock6 .alignright { display: none; }
    .promoblock6 .alignleft { display: none; }
    .promoblock6 .logo { position: relative; top: auto; left: auto; margin: 0 0 30px; float: none; display: block; }
    .content-holder1 .block.bg1 { width: 22.7%; margin: 0 1% 10px 0; }
    .content-holder1 .block.bg1 .frame .info-block { font-size: 18px; line-height: 18px; }
    /*.range-block .holder .visual { width: 30%; margin: 0; }
    .range-block .survey { float: right;*/ /*width: 68%;*/ /*}*/

    div.lightbox { width: 100%; }
    div.lightbox .section-l { float: none; text-align: center; width: 100%; padding: 0 0 10px; }
    div.lightbox .visual { display: inline-block; vertical-align: top; width: auto; }
    div.lightbox .section-l .carousel .mask { width: 100%; }
    div.lightbox .section-r { float: none; width: 100%; }

    .login-form fieldset { padding: 0; }
    .content .password-info { margin: -10px 0 -9999px; }
    .content .password-info1 { width: 25%; }
    .content .password-info .account { padding: 9px 0 15px; }
    .confirmation-block dd { overflow: visible; }
    .confirmation-block { width: 50%; }
    .content .password-info .account input[type="submit"] { margin: 0; }
    .content .password-info h2:first-child { padding: 0; }
    .content .password-info ul { min-height: 1px; }
    .promoblock3 .btn { margin: -10px 20px 0 -150px; }
    .aside .banners-list { width: 100%; }
    .aside .banners-list li { width: 48%; padding: 10px 0 12px; margin: 0 2% 8px 0; height: auto; }
    .aside .banners-list .holder { height: auto; width: auto; padding: 15px 0; margin: 0 10px; }
    .aside .banners-list .head { font-size: 15px; }
    .aside .banners-list strong { font-size: 13px; }
    .aside .banners-list .price { font-size: 45px; }
    .aside .banners-list .btn { font-size: 11px; }
    .aside .banners-list .price.small { font-size: 40px; }
    #content .block .flag .price1 { font-size: 12px; }
    #content .logos-list1 li { width: 27.7%; }
    #content .logos-list1 img { width: 100%; height: auto; }
    .visual .thumbs-scroller { display: none; }

    /* Auth Page | Added 5Dec18 */
    
    #login-reg-content.content .password-info1{width:100%;}
    #regitration-complete-container > a > div{width:100%;}

    /* ***********************/
}

/* Styles for screens 897px wide and narrower. */
@media only screen and (max-width: 897px) {
    #sidebar .social-list li { padding: 0 1px; }
    .newsletter .textholder { float: none; width: auto; }
    .newsletter .area { float: none; }
}

/* Styles for screens 420px wide and narrower. 
@media only screen and (max-width: 420px) {
    .content .tabset {
        overflow: hidden;
        visibility: hidden;
		height: 0px;
    }
}*/

/* Styles for screens 780px wide and narrower. */
@media only screen and (max-width: 768px) {

    #wrapper{/*Added by Firas*/ width:100%; min-width:initial; overflow-x:hidden;}

    /*ADD TO CART POP-UP*/
    .lightbox#added-to-cart { padding: 0 0 29px; width: 100%; background: transparent; }
    .lightbox#added-to-cart .section-l { width: 100%; }
    .lightbox#added-to-cart #cart-details { display: flex; }
    .lightbox#added-to-cart .section-r { width: 100%; }
    .lightbox#added-to-cart .section-r .cart-list .mask { height: 100px; }
    .lightbox#added-to-cart .continue-wrap .btn { white-space: nowrap;  padding:8px 20px; display:inline-block; width:100%; margin:5px 0; box-sizing:border-box; } /* pop cart modified */

    .dtop-only { display: none !important; }
    body { min-width: 320px; }
    .panel { display: none; }
    .logo { width: 138px; height: 42px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; float: none; display: block; margin: 0 auto; }
    #m-nav .opener { display: block; }
    #m-nav .open-close { position: absolute; top: 0; left: 2px; margin: 0; }
    #m-nav .open-close .slide { position: absolute !important; z-index: 20; }
    #m-nav .open-close .slide.js-slide-hidden { left: -9999px !important; top: -9999px !important; position: absolute !important; }
    #nav { float: left; background: #f5f5f5; border: 1px solid #ae576b; padding: 7px 5px; margin: 0; font-size: 10px; line-height: 13px; }
    #nav li { padding: 0 7px 0 10px; }
    #nav li:first-child { padding: 0 7px 0 10px; }
    #nav li:after { width: 2px; height: 2px; border-radius: 1px; margin: -1px 0 0; }
    #nav a.home { margin: 0; }
    .search-form { width: 100%; text-align: left; margin: 15px 0 14px; }
    .search-form fieldset { margin: 0 2.2%; display: block; }
    .search-form input { width: 75%; }

    .cart { position: relative; top: 0; float: right; width: auto; height: 40px; overflow: hidden; padding: 0 5px 0 38px; background: #61aabc url(/images/ico-cart.png) no-repeat 9px 13px; }
    .cart span.my-cart { display: none; }
    
    .page .cart { padding: 0 10px 0 38px; text-indent: 0; }

    .bar { display: none; }
    .w1 { padding: 0; width: 100%; }
    .promobox { background: none; margin: 0 0 10px; padding: 0; }
    .promobox .holder { padding: 21px 0 0; margin: 0; background: none; min-height: 1px; }
    .promobox .box { width: auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0); /* Safari 5, iOS, Android, Blackberry */ box-shadow: 0 0 5px rgba(0, 0, 0, 0); margin: 0; }
    .promobox .head { font-size: 28px; line-height: 31px; }
    .promobox .head span { display: none; }
    .content-holder { padding: 0 2.4% 0 1.2%; margin: 0 -2% 0 0; }

    #content { width: 100%; float: none; margin: 0; }
    #content .block img { width: 100%; }
    #content .block { width: 47%; margin: 0 1.1% 10px; min-height: 10px; }
    #content .block2 { display: none; }
    #content .block3 { display: inline-block; }
    #content .block.long { background: url(/images/divider.png) repeat-x 0 50%; margin: 0 2.2% 10px; width: 95.6%; }
    #content .block.long .holder { margin: 0; border: none; padding: 0; }
    #content h1 { background: #f5f5f5; display: inline-block; vertical-align: top; margin: 0; padding: 0; }
    #content .block.long p { display: none; }
    #content .heading { display: none; }
    #content .logos-list1 { display: none; }
    #content .block h2 { font-size: 16px; line-height: 19px; }
    #content .block.bg1 .holder, #content .block.bg2 .holder { height: auto; }
    #content .block.bg1 .frame, #content .block.bg2 .frame { height: auto; padding: 0 0 50px; }
    #content .block .flag .price2 { font-size: 11px; }
    #content .block .flag { font-size: 11px; line-height: 14px; width: 51px; height: 51px; border-radius: 25px; top: 27px; right: -5px; }
    #content .block .flag span { padding: 12px 0 0; }
    #content .block .flag .price { font-size: 12px; line-height: 15px; padding: 0; }
    #content .block.bg1 .btn { left: 4%; width: 90%; }
    #content .block.bg2 .btn { left: 4%; width: 90%; }
    #content .more { width: auto; margin: 0 2.2%; }
    #content .block .textholder .price span.old { display: inline-block; vertical-align: top; }
    #content .block .textholder .price { padding: 10px 0 0; }
    #content .block .flag .price1 { font-size: 12px; line-height: 12px; }

    /* Added By Firas, 24Feb2020*/
    #content .block .textholder{ padding: 5px 0 100px;}
    #content .block .product-block-btns-wrapper {height:90px;}
    #content .block .product-block-btns-wrapper .btn {width:100%;}
    #content .block .product-block-btns-wrapper .btn:first-of-type {margin-bottom:7px;}
    /* ************************** */

    #sidebar { display: none; margin: 0; }
    #sidebar .block1 { display: block; }
    #sidebar .block2 { display: none; }

    .promobox1 { display: none; }
    .hidden { display: inline-block; vertical-align: top; }
    .breadcrumbs { margin: 0 2.2%; width: auto; padding-bottom: 10px; padding-right: 50px; }
    .breadcrumbs li { padding: 0 0 0 7px; }
    .breadcrumbs a { background-position: 100% 8px; }

    .logos-list a { background: url(/images/logos-list.png) no-repeat 0 -59px; width: 116px; height: 16px; margin: 4px 0 10px; }
    .logos-list a.logo2 { background-position: -180px -55px; width: 119px; height: 20px; margin: 0 0 10px; }
    .logos-list a.logo3 { background-position: 0 -99px; width: 114px; height: 27px; margin: 0 0 10px; }
    .logos-list a.logo4 { background-position: -172px -102px; width: 129px; height: 25px; margin: 5px 0; }
    .logos-list a.logo5 { background-position: -69px -148px; width: 138px; height: 31px; margin: 0; }


/*    #footer .section h2 { font-size: 18px; line-height: 21px; }
    #footer .newsletter .area input[type="text"] { width: 154px; }
    #footer .newsletter .area { width: 280px; }*/

    .newsletter .area { width: 280px; }
    .newsletter .area input[type="text"] { width: 164px; }

    .promoblock { width: auto; margin: 0 2.2% 15px; background: #e0b698; }
    .promoblock h2 { font-size: 20px; line-height: 23px; float: none; width: auto; padding: 0 10px; }
    .promoblock .holder { padding: 15px 0 10px; }
    .promoblock h2 span { font-size: 20px; line-height: 23px; display: inline; }
    .promoblock h2 strong { font-weight: normal; }
    .promoblock .price-block { float: none; padding: 0 10px 10px; width: auto; }
    .promoblock .price-block span, .promoblock .price-block strong span { display: inline; vertical-align: top; padding: 0 2px; }
    .promoblock .price-block strong { display: inline; }
    .promoblock .price-block strong span { vertical-align: bottom; }
    .promoblock .btn { width: 218px; float: none; display: block; margin: 0 auto; background: #303030; }
    .container1 { display: block; }

    .container .items-list li { width: auto; margin: 0 9px 0 0; }
    .sort-form .section { float: none; padding: 0 2% 0 1%; }
    .sort-form .section.r { float: none; }
    .sort-form .section .view { display: none; }
    .select-area { float: none; display: inline-block; vertical-align: top; margin: 0; }
    .sort-form .section.r select { width: 254px; }
    .sort-form .section.r label { padding: 0 3px 0 0; }
    .sort-form { width: 100%; }
    .sort-form .accordion { display: block; }
    .sort-form .section.r .accordion label { padding: 0; }
    .rating-block a { display: none; }
    .aside .rating-block a, .content-holder .rating-block ul a { display: block; }
    .section-table { width: 100%; display: table; }
    .section-table .promoblock1 { display: table-footer-group; }
 /*   .page #footer .holder { padding: 17px 9999px 0; }

    #footer .section .block { width: 49%; padding: 0 0 10px; float: none; display: inline-block; vertical-align: top; }
    #footer .section .block1 { display: none; }
    #footer .section .block2 { display: inline-block; }*/

    nav { display: none; }
    .left-panel { display: block;  text-align: left !important; padding: 5px;}
    .promoblock4 { display: block; }
    .promoblock2 { display: none; }
    /*.heading2 { display: none; }*/
    .view-holder { display: none; }
    .btn-top { display: none; }
    .aside { float: none; margin: 0 2.2% -11px; width: auto; padding: 370px 0 0; background: #fff; }
    .aside1 { padding: 0; }
    .content { float: none; margin: 0 2.2%; width: auto; }
    .aside .block { margin: 0; padding: 0; }
    .aside .block1 { display: none; }
    .content .slideshow .btn-prev, .content .slideshow .btn-next { display: none; }
    .content .pagination .holder { width: 100%; text-align: center; height: 7px; }
    .content .slideshow { xposition: absolute; top: 0; left: 0; width: 100%; }
    .content .slideshow h2 { margin: 0 5% 15px 10px; padding: 10px 0 0; }
    .content .slideshow h2 span { display: none; }
    .content .slideshow .slideset { width: auto; height: 245px; margin: 0 2.2%; }
    .content .slideshow .slide { width: 100%; text-align: center; }
    .content .slideshow .slide img { height: 246px; width: auto; max-width: 280px; }
    .content .slideshow .btn-holder .watch { display: none; }
    .content .pagination .holder ul img { display: none; }
    .content .slideshow .pagination { border: none; padding: 0; position: absolute; bottom:-12px; left: 0; width: 100%; }
    .content .pagination .holder ul { display: inline-block; vertical-align: top; width: auto; }
    .content .pagination .holder ul a { display: block; width: 7px; height: 7px; border-radius: 3px; background: #a4abac; }
    .content .pagination .holder ul .active a { background: #ae576b; }
    .content .slideshow .flag { display: none; }
    .content .slideshow .btn-holder { padding: 40px 0 10px; margin: 0 2.2%; width: auto; }
    .content .slideshow .btn-holder .view { margin: 0 5% 0 0; }
    .content .heading h2 span { display: none; }

    .promoblock5 { display: none; }

    .breadcrumbs1 { display: none; }

    .aside .social-network ul li { padding: 0 9px 0 0; }
    .aside .social-network .mail, .aside .social-network .print { margin: 0 9px 0 0; }
    .aside .block .section1 { display: none; }
    .aside .block .section:first-child { background: url(/images/divider.png) repeat-x; }
    .aside .block .section4:first-child { background: none; }
    .aside2 { padding: 40px 0 0; background: none; }
    .aside2 .block:first-child .section:first-child { background: none; }

    
   .productdetailpage .content .tabset { display: none; }
    

    .content .tab-content > div { display: block; }
    .content .steps-list li { background: none; padding: 0 0 10px 20px; }
    .content .steps-list .textholder { float: left; width: 100%; }
    .content .steps-list .alignright { display: none; }
    .page .tab-content .js-tab-hidden { left: 0 !important; top: 0 !important; position: relative !important; }
    .content .steps-list .alignleft { display: block; }
    .content .steps-list .textholder p { margin: 0 0 10px; }
    .content .tab-content .opener { display: block; font-size: 18px; line-height: 21px; color: #5d5d5d; background: url(/images/bg-open-close.png) no-repeat 100% 2px; }
    .content .tab-content .active .opener { background-position: 100% -81px; }
    .content .tab-content .js-slide-hidden { left: -9999px !important; position: absolute !important; top: -9999px !important; }
    .content .tab-content .slide { padding: 10px 10px 0; }
    #tab1.js-tab-hidden { display: none !important; }
    .content .tab-content .open-close { background: url(/images/divider.png) repeat-x; padding: 10px; }
    .content .content-holder1 { padding: 0 10px; }
    .content h1 { background: #f5f5f5; display: inline-block; margin: 0; padding: 0 1%; vertical-align: top; }
    .content .login-form h1 { display: block; background: none; padding: 0; margin: 0 0 10px; }
    .login-form { padding: 10px; float: none; width: auto; }

    .content.long { width: auto; }
    .content .heading { background: #f5f5f5 url(/images/divider.png) repeat-x 0 50%; width: auto; padding: 10px 0 15px; margin: 0; }
    .content .heading { position: absolute; top: 0; left: 2.2%; width: 95.6%; padding: 10px 0; }

    .order-form { padding: 10px; width: auto; min-height: 1px; }
    .order-form p { padding: 40px 0 0; }
    .order-form .row, .login-form .row { width: 100%; position: relative; }
    .order-form .row label, .login-form .row label, .content .password-info .account .row label { float: none; position: absolute; top: 5px; left: 10px; }

    .content .password-info .account .row label { top: 12px; }

    .order-form .row label.label-active, .login-form .row label.label-active { display: none; }
    .order-form .row input, .login-form .row input, .content .password-info .account .row input { width: 261px; float: left; height: 28px; }
    .order-form .row input[type="submit"], .login-form .row input[type="submit"] { float: left; width: 283px; }

    .login-form .row input[type="submit"] { margin: 0 0 10px; }
    .login-form .mark { float: left; position: relative; top: auto; right: auto; clear: both; margin: 0 0 30px; }

    .content .content-holder1 .box { width: 100%; float: none; margin: 0; padding: 10px 0; }
    .content .content-holder1 .box .holder { margin: 0 10px; min-height: 243px; }
    .content .content-holder1 .box h2 { padding: 50px 30px 0; font-size: 40px; }
    .content .content-holder1 .box h2 span { font-size: 33px; }
    .content .content-holder1 .box .btn { margin: 0 30px 30px; font-size: 18px; width: 187px; }
    .content .password-info { float: none; border-top: 10px solid #f5f5f5; width: 100%; margin: 0; padding: 0; }
    .content .password-info h2, .content .password-info h2:first-child { padding: 15px 15px 0; }
    .content .password-info ul { padding: 10px 15px 20px; }

    .error-block, .reset-block { width: 80%; padding: 8px 3% 8px 17%; }

    .content .content-frame { display: none; }

    .aside .block .section3 { display: block; }
    .aside .block .section3 .linkholder { width: 100%; overflow: hidden; padding: 5px 0; }
    .aside .block .section3 .linkholder .view { background: url(/images/arrow1.png) no-repeat 100% 5px; color: #B8586E; float: right; padding: 0 10px 0 0; }
    .aside .block .section img { width: 100%; height: auto; }
    .aside .block .section3 h3 { font-size: 18px; font-weight: bold; line-height: 21px; margin: 0 0 10px; }
    .aside .block3 { display: block; margin: 0 0 10px; }
    .aside .block3 .flags-list { width: 100%; overflow: hidden; margin: 0; padding: 5px 0 10px; list-style: none; }
    .aside .block3 .flags-list li { float: left; width: 50%; padding: 0; }
    .aside .block3 .flags-list ul { width: 100%; font-size: 14px; line-height: 17px; }
    .aside .block3 .flags-list li li { float: none; width: 100%; padding: 5px 0; }
    .aside .block3 .flags-list .ico { color: #fff; display: inline-block; vertical-align: top; background: url(/images/ico4.png) no-repeat; width: 19px; height: 25px; text-align: center; margin: -5px 10px 0; font-size: 13px; line-height: 17px; }
    .aside .block3 .flags-list a:hover .ico { cursor: pointer; }
    .aside .block3 .flags-list li li a { color: #b8586e; }
    .aside .block3 .flags-list a:hover { text-decoration: none; }

    .promoblock6 { background: url(/images/bg-promobox6.jpg); width: 100%; margin: 0 0 10px; padding: 10px 0; }
    .promoblock6 .holder { padding: 15px 30px 10px; margin: 0 10px; }
    .promoblock6 h3 { font-size: 22px; line-height: 22px; }
    .promoblock6 .price { font-size: 49px; line-height: 49px; }
    .promoblock6 .price sup { font-size: 22px; line-height: 22px; }
    .promoblock .btn { width: 235px; margin: 0 auto; }

    .content-holder1 { margin: 0; padding: 0; }
    .content-holder1 .block.bg1 { width: 100%; margin: 0 0 10px; }
    .content-holder1 .block.bg1.block2 { display: none; }
    .content-holder1 .block.bg1 .frame .info-block span { display: inline; }
    .content-holder1 .block.bg1 .frame .info-block { font-size: 24px; line-height: 24px; }
    .confirmation-block { padding: 10px; float: none; width: auto; }
    .content .confirmation-block h1 { background: none; display: block; padding: 0; margin: 0 0 10px; }
    .range-block { position: absolute; top: 10px; left: 5%; width: 90%; }
    .range-block .survey { display: none; }
    .range-block .holder { text-align: center; }
    .range-block .holder .visual { float: none; margin: 0; width: auto; height: 217px; display: inline-block; vertical-align: top; }
    .aside .block .topiclist2 { padding: 0 0 10px; }
    .product-holder .section1 { float: none; width: 100%; }
    .content .password-info { border-width: 9px 0 0; }
    .content .password-info .account p { margin: 0 15px 17px; }
    .content .password-info .account .row { margin: 0 15px; width: auto; }
    .content .password-info .account input[type="submit"] { margin: 0 15px; }
    .content .content-holder1 .heading { padding: 0; }
    .promoblock3 h2 { font-size: 20px; line-height: 20px; }
    .promoblock3 .price-block span { padding: 0 2px; }
    .container .heading h2 { font-size: 20px; }
    #content .block .flag5 { display: none; }
    .aside .block .details .row.check-area { border: 1px solid #ebebeb; width: 243px; padding: 7px 10px 7px 33px; margin: 0 0 10px; overflow: hidden; }
    .aside .details .chk-area { position: absolute; top: 50%; left: 10px; margin: -8px 0 0; }
    .aside .block .details .row.check-area:after { content: ""; position: absolute; top: 0; left: 36px; width: 1px; height: 100%; background: #ebebeb; }
    .aside .block .details .check-area label { padding: 0 0 0 10px; }
    .aside .block .details .row input { padding: 10px; }
    .aside .block .details .row label { top: 3px; }
    .aside .block .details .row.check-area label { top: 0; max-width: 220px; }
    .aside .block .details .row textarea { min-height: 136px; max-height: 136px; height: 136px; }
    .content .content-holder1 .heading1 { padding: 5px 0; }

    .cart-page .aside, .checkout .aside { padding-top: 0; }
    .cart-page .content-holder1, .checkout .content-holder { padding: 10px; }
    .cart-page .content .content-holder1 .heading1, .checkout .content .content-holder .heading1 { margin: 0; padding: 5px 0 14px; position: relative; top: 0; left: 0; width: auto; background: none; }
    .cart-page .content .content-holder1 .heading1 h1, .checkout .content .content-holder .heading1 h1 { margin: 0; padding: 0; position: relative; top: 0; left: 0; width: auto; background: none; }
    .checkout .content .content-holder .heading1 { padding: 0; }

    /*.block-ordr-sum tbody,
        .block-ordr-sum tbody tr,
        .block-ordr-sum tbody th,
        .block-ordr-sum tbody td { display: none; }
        .block-ordr-sum tfoot .sub-tot th,
        .block-ordr-sum tfoot .sub-tot td { border-top: none; }*/
    .block-promo-enter .inp-wrap input, .block-calc-shipping .inp-wrap input { width: 45%; }
    .block-promo-enter .inp-wrap .btn, .block-calc-shipping .inp-wrap .btn { width: 44%; }
    .shop-cart .remove { margin: 0; }
    .shop-cart tbody td, .shop-cart tbody th { border-width: 1px 0; }

    .checkout-form .row { width: 100%; position: relative; margin: 10px 0 0; }
    .checkout-form .row label { float: none; position: absolute; top: 5px; left: 10px; }
    .checkout-form .row label.label-active { display: none; }
    .checkout-form .row input { width: 261px; height: 28px; float: none !important; }

    .checkout-form .row textarea { width: 261px; }
    .checkout-form .row input[type="submit"] { float: left !important; width: 283px; margin: 0; display: block; }
    .checkout-form .row select { width: 261px; }
    .checkout-form .pcode-state input { width: 261px; }
    .checkout-form .pcode-state select { width: 261px; }

    .checkout-form .row.check-area .chk-area { margin-left: 0; }
    .checkout-form .row .select-area { height: 42px; line-height: 40px; float: none !important; }
    .checkout-form .row .select-area.jcf-label-active { background: transparent; }

    .checkout-form .select-area .select-opener { height: 42px; width: 30px; }
    .checkout-form .row > .left { float: none; width: 100%; position: relative; max-width: none; padding: 0 0 9px; }
    .checkout-form .row > .right { float: none; width: 100%; position: relative; max-width: none; }
    .checkout-form .row > .left:last-child { padding-bottom: 0; }

    .checkout-form .row > .left label, .checkout-form .row > .right label { left: 11px; position: absolute; top: 4px; }
    .select-area .center.jcf-label { color: #5d5d5d; }
    .checkout-form .inp-cc-exp > label { display: block; left: auto; position: static; top: auto; }
    .checkout-form .exp-ship { width: 283px; position: relative; border: 1px solid #ebebeb; }
    .checkout-form .exp-ship .chk-area { margin: 0; float: none; }
    .checkout-form .exp-ship th, .checkout-form .exp-ship td { vertical-align: middle; text-align: left; padding: 5px 10px; }
    .checkout-form .exp-ship th { width: 90%; border-left: 1px solid #ebebeb; }
    .checkout-form .exp-ship .price { text-align: right; }
    .checkout-form.payment-form .tabset { display: block; }
    .payment-form .tabset img { width: 39px; height: 24px; }
    .checkout-form .tabset a { height: 30px; background-position: 5px 9px; }
    .checkout-form .tabset a.active { background-position: 5px 14px; }
    .checkout-form .tab-content { padding: 10px 0; }

    .checkout-content .co-steps-wrap { padding: 10px; margin: 0; }
    .checkout-content .co-steps-wrap .opener { display: block; color: #bababa; font-size: 18px; background: url("/images/show-hide-bg.png") no-repeat 100% -19px transparent; padding: 0 25px 0 20px; line-height: 20px; margin: 5px 0; }
    .checkout-content .co-steps-wrap .opener span { color: #bababa; }
    .checkout-content .co-steps-wrap .complete, .checkout-content .co-steps-wrap .complete span, .active .checkout-content .co-steps-wrap .opener span { color: #ae576b; }
    .active .checkout-content .co-steps-wrap .opener { background-position: 100% 0px; color: #5d5d5d; }

    #co-step-3 .opener { background: transparent; }

    .checkout .co-step-wrap .aside { position: relative; z-index: 11; min-height: 0; background: transparent; }
    .co-step-wrap > aside { display: block; margin: 0 2.2%; }
    #co-step-3 > aside { display: none !important; }
    #co-step-3 .checkout-content { display: block; }
    .checkout #main { min-height: 0; }
    .co-step-wrap .checkout-content { position: relative; }
    #co-step-0 .checkout-content, #co-step-1 .checkout-content, #co-step-2 .checkout-content, #co-step-3 .checkout-content { left: auto !important; padding-top: 10px; }
    #co-step-0 .checkout-content { padding-top: 0; }

    #search-predict-prod .p-th { max-height: 95px; }
    #search-predict-prod .p-th img { max-height: 95px; max-width: 95px; margin-top: 15px; }

    .promoblock { background-image: none !important; }
    .promoblockmobile { display: block; }
    .promoblockdesktop { display: none; }

    /*STANDARD CONTENT*/
    .std-content .heading { display: none; }

    /*AUTHENTICATION*/
    .authentication-slide .content .content-holder1 { height: auto; }
    .authentication-slide span.error { position: static; display: block; clear: both; }

    /*CONTACT US*/
    .contact-us .section2 { display: none; }
    .contact-us .section3 { display: block; }
    .contact-holder address, .contact-holder .contact-details { float: none; display: block; }

    /*CHECK OUT */
    .error { display: block; position: static; clear: both; }

    /*LIVE CHAT*/
    .livechat { top: 125px; }

    /* PRODUCT mobile add to car to fix */
    aside { padding-top: 0 !important; }
    .range-block .holder .visual { height: auto; }
    .range-block { left: 0; position: static; top: 0; width: auto; }
    .range-block .survey { display: block; float: none; margin: 0 auto; max-width: 400px; width: 100%; }
    .survey .price-block { line-height: normal; vertical-align: middle; text-align: left; padding: 10px 0 40px; }
    .survey .price-block > * { display: inline-block !important; vertical-align: baseline !important; margin-right: 10px; }
    .content .content-holder1 .range-block .heading { position: static; width: auto; }
    div.lightbox .survey .btn-holder input[type="button"], div.lightbox .survey .btn-holder input[type="submit"] { margin: 0 0 3px; }
    #belowAddToCart{width:300px; margin: 10px auto;}

    div.lightbox { width: 90%; }
    div.lightbox .section-r .carousel .mask { width: 159px; }
    div.lightbox .section-r dl { width: auto; }
    .survey .details-block .section-buy { float: none; width: auto; }
    .survey .details-block .counter-holder { float: none; width: auto; }
    .details-block .separator { float: none; background: none; padding: 0; }
    .details-block .separator span { margin: 0 auto; }
	
    /*Added by Firas April 2018*/


    #mobile-botnav{
        height:auto;
        overflow:hidden;
    }
    
    #mobile-botnav > ul > li {
        width: 47%;
        position:relative;
    }

    #mobile-botnav > ul > li >a{
        vertical-align:middle;
        
    }

    #mobile-botnav > ul > li > a:hover + .mobiel-botnav-li-arrow-container > .mobile-botnav-li-arrow {
        
        left: 0;
        opacity:1;
        transition: left 0.2s ease-out;
   
    }

    #mobile-botnav > ul > li:nth-of-type(2n+1) {
        margin-right:1%;
        margin-left:2%;
    }

    .mobiel-botnav-li-arrow-container{
        position:absolute;
        top:0;
        right:40px;
        width:40px;
        height:40px;
        overflow:hidden;
        pointer-events:none;

    }

    .mobile-botnav-li-arrow {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        color: #f5f5f5;
        font-weight: bolder;
        left: -100%;
        opacity: 0;
        transition: left 1s ease-out;
      
    }

    /*+++++++++++++++++++++++++*/
}

/*Added By Firas April 2018*/

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

    #mobile-botnav > ul > li {
        width: 96%;
        margin-right: 2%;
        margin-left: 2%;
    }

/*    #mobile-top-band {
        width: 100%;
        height: 32px;
        background-color: $color_gray_50;
        position: absolute;
        top: 0;
        box-shadow: 0 4px 5px -3px rgba(167,167,167,.8);
        -webkit-box-shadow: 0 4px 5px -3px rgba(167,167,167,.3);
        -moz-box-shadow: 0 4px 5px -3px rgba(167,167,167,.3);
    }*/

    #header .holder {
        padding-top: 32px;
    }

    #header .logo {
        float: unset;
        position: relative;
        top: -26px;
        width: 80px;
        height: 25px;
    }

    .search-form {
        margin-top: 37px;
        padding-bottom: 10px;
    }

    .cart {
        display: none;
    }

    #mobile-cart-container {
        right: 20px;
    }

    #mobile-cart-buble {
        position: absolute;
        top: -5px;
        right: -5px;
        color: white;
        font-size: 12px;
        font-weight: bold;
        width: 18px;
        height: 18px;
        background-color: #ae576b;
        line-height: 18px;
        border-radius: 50%;
        overflow:hidden;
    }


    #auth-block-container {display: none;}
    #auth-mobile-text-container { position: absolute; right: 32px; width: 170px; font-size: 17px; text-align: end; padding-right: 5px;}
    .drop-active h2, .drop-active i { color: #ae576b;}
    .drop-active ~ #auth-mobile-user-dropdown-container { display: block;}
    .drop-active ~ #Search { margin-top: 47px; }
    #header .drop-active ~ .logo { top: -66px;}
    #auth-mobile-user-dropdown-container { width: 100%; height: 40px; background: #5d5d5d; position: relative; top: 60px; display: none;}
    #user-dropdown-close-btn { width: 50px; height: 100%; position: absolute; right: 0px; text-align: center; font-size: 25px; line-height: 40px; color: #fff4f7;}
    #user-dropdown-menu { width:100%;/*width: 80px;*/ height: 100%; margin: 0 auto; /*text-align: center;*/ display:block; box-sizing:border-box; font-size:0;}
    #user-dropdown-menu > div {display:inline-block; /*width:40%;*/ box-sizing:border-box; vertical-align:top; text-align:center;}
        #user-dropdown-menu > div:nth-of-type(1) {width:40%;}
    #user-dropdown-menu > div:nth-of-type(2) {width:20%;}
    #user-dropdown-menu > div:nth-of-type(3) {width:20%;}
    #user-dropdown-menu a{font-size:17px; color:white; line-height:40px;}
    #user-dropdown-menu input { background: none; border: none; font-size: 17px; line-height: 40px; color: #fff4f7; }

    .mobile-authcart-container {
        display: block !important;
        position: absolute;
        top: 47px;
        width: 28px;
        height: 28px;
        /*background-color: aliceblue;*/
        right: 65px;
        font-size: 20px;
        line-height: 28px;
        border-radius: 50%;
        text-align: center;
        border: 2px solid;
        color: inherit;
    }

    #m-nav .open-close {
        top: 25px;
    }

    #m-nav .opener {
        box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    }

    #m-nav .expanded .left-panel {
        box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.75);
    }


    /*Authpage Styles*/
    #authpage-master-container {
        margin: 0;
    }

    #authpage-master-container .auth-login {
        width: 100%;
    }

    #authpage-master-container .row input {
        width: 80%;
    }

    #authpage-master-container .row .submit-container {
        display: block;
        width: 100%;
    }

    #authpage-master-container .row .submit-container input {
        width:83%;
    }

    #loginpage-register-container {
        display:block;
        height: 75px;
        background-color: #fff4f7;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    }

    #loginpage-register-container h1 {
        line-height:75px;
        background-color:transparent;

    }

    #loginpage-register-container a {

        border: none;
        background-color: #ae576b;
        color: white;
        margin-left: 6px;
        padding: 5px 15px;
        line-height:75px;
        font-size: 26px;

    }

    /*Added by Firas 14Aug18 || Pagination Bar for Search Page*/
    #SearchPaginationContainer{background:none;}
    #SearchPagePaginationBar{display:none}
    #MobileSearchPagePaginationBar{display:block;}
    #MobileSearchPagePaginationBar .MobilePaginationLink{display:inline-block; background-color:pink; padding:10px 15px; margin: 0 10px; width:85px; text-align:center; cursor:pointer;}
    #SearchPaginationLoader > div {top:45px;}

    /* Machine Parts Styles | Added by Firas 23Aug18 */

    #machine-parts-content-holder > form > h1:first-of-type,#content #machine-parts-content-holder > form > p{ display:block; padding:20px; }
    #parts-selection-block{display:block; padding:20px}
    #parts-selection-innerblock{display:block; width:100%; margin:0 auto;}
    #parts-selection-innerblock > div{display:block; padding:10px 0; width:100%;}
    #parts-selection-innerblock .lable-select-wrapper{display:block; width:265px; margin:0 auto;}
    #parts-selection-button >input {display:block; width:150px; margin:0 auto;}
    .lable-select-wrapper #searchtag {margin-left:8px; width:175px;}

    /* ********************** */

    /* Authpage | last edited 5Dec18 */

    #login-reg-content.content { width: 100%; background: none; margin: 0; padding: 0 15px; box-sizing: border-box;}
    #authpage-reg-container { width: 100%;}
    #password-info-container{ width:100%; margin: 15px 0 0 0; padding-top: 15px;}
    /* ******* */

    #pdp-zip-container,.pdp-mobile #pdp-bottom-banners-container{display:block; width: 100%;margin: 0 0 10px; background: url(/images/divider.png) repeat-x 0 11px;}
    #pdp-zip-innercontainer,.pdp-mobile #pdp-bottom-banners-innercontainer{background: url(/images/bg-container.png) no-repeat 50% 0; padding: 24px 0 10px;}
    #pdp-bottom-banners-container{margin-top:10px;}

    /* Product Banner Area */
    .productBannerArea, #pdp-bottom-banners-container { display: none;}
    .pdp-mobile .productBannerArea{display:block;}
    /* =================== */

    /* Products recommended */
    .pdp-mobile-section-wrapper{background-color:#fff; padding: 15px 0;}
    #productPage-recommendedProducts-container, #productPage-rvProducts-container{width:100%; height:250px; overflow:hidden; position:relative; box-sizing: border-box; font-size:0; }
    #productPage-recommendedProducts-innerContainer,#productPage-rvProducts-innerContainer{width:1200px; position:absolute; left:0; top:0; -webkit-transition: left 0.5s ease-in-out; transition: left 0.5s ease-in-out;}
    .pdp-block{ width:135px; height:100%; display:inline-block; vertical-align:top; border: 0.3px solid #f2f0f1; box-sizing:border-box;}
    .pdp-mobile .product-recommmended-bonus-text{display:block; line-height:20px;}
    .pdp-block .submit-container{ width: 100%; margin: 10px 0;}
    .pdp-block .btn {background-color: #58b8a5; margin: 0 auto; font-size:14px; padding: 11px 9px; display: inline-block; vertical-align: top; color: #fff; text-align: center; -webkit-text-shadow: -1px -1px 2px rgba(0,0,0,.3); text-shadow: -1px -1px 2px rgba(0,0,0,.3); text-transform: uppercase; }
    .pdp-block-img { width:100%; height:auto; text-align:center; margin:10px 0;}
    .pdp-block-desc { font-size:14px; text-align:center; padding:0 5px;}
    .pdb-btn-next, .pdb-btn-prev{position: absolute; border: 1px solid #ddd; border: 1px solid #ddd; width: 32px; height: 32px; overflow: hidden; text-indent: -9999px; cursor:pointer; }
    .pdb-btn-next{ background: #f5f5f5 url(/images/arrow-r.png) no-repeat 50% 50%; top: 122px; right: 3px;  }
    .pdb-btn-prev{ background: #f5f5f5 url(/images/arrow-l.png) no-repeat 50% 50%; top: 122px; left: 3px;  }
    .pdp-box-shadow {-webkit-box-shadow: 0 0 10px 0 rgba(184,184,184,.2);-moz-box-shadow: 0 0 10px 0 rgba(184,184,184,.2);box-shadow: 0 0 10px 0 rgba(184,184,184,.2);}

    /* ************* */

        /* Account Settings Page */
    #as-mobile-menu-container{display:block;}
    #as-account-info { margin: 0 20px;}
    #as-edit-info {margin: 0 5px;}
    #as-edit-info input {width:100%; box-sizing:border-box; height:40px; float:none; display:block; margin-top: 5px;}
    #as-edit-info .row .select-area{width:100% !important; box-sizing:border-box; height:37px; float:none; display:block; margin-top:5px;}
    #as-edit-info .row select{width:100%; height:100%;}
    .accountSettingsPage #as-edit-info div.as-btns-container{margin-top:30px; height:auto;}
    .accountSettingsPage #as-account-info div.as-btns-container{margin-top:30px; height:auto;}
    #as-edit-info .as-btn { display: block; width:100%; height:45px; margin-bottom:20px;}
    .accountSettingsPage #as-edit-info .row { height:65px;}
    .accountSettingsPage .as-table .as-td-pm{display:none;}
    .as-table .as-th:nth-of-type(2), .as-table .as-td:nth-of-type(2) { width:30% !important;}
    .as-table .as-th:nth-of-type(3), .as-table .as-td:nth-of-type(3) { width:30% !important;}
    #as-btn-edit{ width:100%; height:45px;}
    .accountSettingsPage #ResetPasswordForm .row {height:auto;}
    /* ************* */

    .content .tab-content .js-slide-hidden { display: none !important;}
       

    #content .block-spotlight-mini{width:50%;}
}

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

    #loginpage-register-container a {

        font-size:23px;
    }

    .cart-page .btn-cont-shop{font-size:15px; line-height:17px;}

    .lightbox#added-to-cart .section-r .btn{padding:8px 5px;}
}

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

    #content .block-spotlight-mini{width:100%;}

    #authpage-reg-container{
        width:100%;
        min-width:unset;
    }

}

@media only screen and (min-width:780px) {


    #mobile-botnav {
        height: auto;
        overflow: hidden;
    }

        #mobile-botnav > ul > li > a {
            vertical-align: middle;
        }

            #mobile-botnav > ul > li > a:hover + .mobiel-botnav-li-arrow-container > .mobile-botnav-li-arrow {
                left: 0;
                opacity: 1;
                transition: left 0.2s ease-out;
            }

    .mobiel-botnav-li-arrow-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        overflow: hidden;
        pointer-events: none;
    }

    .mobile-botnav-li-arrow {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        color: #f5f5f5;
        font-weight: bolder;
        left: -100%;
        opacity: 0;
        transition: left 1s ease-out;
    }

    #mobile-botnav > ul > li {
        width: 30%;
        position: relative;
    }

        #mobile-botnav > ul > li:nth-of-type(3n+1) {
            margin-right: 1%;
            margin-left: 3%;
        }

        #mobile-botnav > ul > li:nth-of-type(3n+2) {
            margin-right: 1%;
            margin-left: 1%;
        }

        #mobile-botnav > ul > li:nth-of-type(3n+3) {
            margin-right: 3%;
            margin-left: 1%;
        }
}

/*+++++++++++++++++++++++++*/



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */