@charset "UTF-8";
/* CSS Document */
.xsmobile .home .container {width: 90%}

#widget-nocontrols 
{
	width: 100% !important;
	aspect-ratio: 2.3 / 1 !important;
}

.widgetdesktop iframe {
	width: 100% !important;
	height: 385px;
}

    .secondbanners {
            padding-top: 10px
        }

        .desktop .secondbanners #secondbanners_lg {
            display: block;
            width: 106%;
            height: auto
        }

        .tablet .secondbanners #secondbanners_lg {
            display: block;
            width: 107.7%;
            height: auto
        }

        .mobile .secondbanners #secondbanners_sm {
            display: block;
            width: 100%;
            height: auto;
			margin-top: 174px;
			margin-left: 20px;
        }

        .xsmobile .secondbanners #secondbanners_sm {
            display: block;
            width: 100%;
            height: auto;
			margin-left: 20px;
				margin-top: 144px;
			padding-bottom: 20px
        }

        #secondbanners_sm {
            display: none
        }

        #secondbanners_lg {
            display: none
        }

        .nav-eroofs {
            display: none
        }

        .mobile .nav-eroofs {
            display: block
        }

        .xsmobile .nav-eroofs {
            display: block
        }

        .nav-login {
            display: none
        }

        .xsmobile .nav-login {
            display: block
        }

        .mobile .nav-login {
            display: block
        }

        .desktop .secondbanners #secondbanners_sm {
            display: none
        }

        .tablet .secondbanners #secondbanners_sm {
            display: none
        }

        .mobile .secondbanners #secondbanners_lg {
            display: none
        }

        .xsmobile .secondbanners #secondbanners_lg {
            display: none
        }

        .desktop .bestSellersTitle h2 {
            margin-top: -68px;
            margin-left: 100px;
        }

        .tablet .bestSellersTitle h2 {
            margin-top: -68px;
            margin-left: 100px;
        }

        .mobile .bestSellersTitle h2 {
            padding-top: 13px;
            padding-left: 10px
        }

        .xsmobile .bestSellersTitle h2 {
            padding-top: 13px;
            padding-left: 10px
        }

        .desktop .bannerLink1, .desktop .bannerLink2, .desktop .bannerLink3, .desktop .bannerLink4 {
            height: 170px;
            top: 0px;
            position: absolute;
        }

        .desktop .bannerLink5 {
            display: none;
        }

        .tablet .bannerLink1, .tablet .bannerLink2, .tablet .bannerLink3, .tablet .bannerLink4 {
            height: 105px;
            top: 0px;
            position: absolute;
        }

        .tablet .bannerLink5 {
            display: none;
        }

        .mobile .bannerLink1, .mobile .bannerLink2, .mobile .bannerLink3, .mobile .bannerLink4{
            display: none;
        }

        .mobile .bannerLink5 {
            display: block;
        }

        .xsmobile .bannerLink1, .xsmobile .bannerLink2, .xsmobile .bannerLink3, .xsmobile .bannerLink4 {
            display: none;
        }

        .xsmobile .bannerLink5 {
            display: block;
        }

        .bannerLink1{
            left: 15px;
        }

        .desktop .bannerLink1{
            width: 175px;
        }

        .desktop .bannerLink2 {
            width: 188px;
            left: 190px;
        }

        .desktop .bannerLink3 {
            width: 505px;
            left: 378px;
        }
        
        .desktop .bannerLink4 {
            width: 305px;
            left: 880px;
        }

        @media only screen and (min-width: 991px) and (max-width: 1200px) {
            .desktop .bannerLink1, .desktop .bannerLink2, .desktop .bannerLink3, .desktop .bannerLink4 {
                height: 140px;
                top: 0px;
                position: absolute;
            }
            .desktop .bannerLink1{
                width: 147px;
            }

            .desktop .bannerLink2 {
                width: 159px;
                left: 160px;
            }

            .desktop .bannerLink3 {
                width: 423px;
                left: 318px;
            }
        
            .desktop .bannerLink4 {
                width: 256px;
                left: 740px;
            }
        }

        .tablet .bannerLink1{
            width: 112px;
        }

        .tablet .bannerLink2 {
            width: 119px;
            left: 126px;
        }

        .tablet .bannerLink3 {
            width: 320px;
            left: 245px;
        }

        .tablet .bannerLink4 {
            width: 194px;
            left: 564px;
        }

        /*Product of the week styling*/
        #productofweek2-holder {
            background-image: url("/img/pow_landscape_eD2.jpg");
            height: 500px;
            background-size: contain;
         
			background-repeat: no-repeat
        }

        #productofweekModal2 {
            padding-right: 0px !important;
        }

        @media only screen and (min-width: 975px) {
            .desk_title {
                width: 290px;
                display: block;
            }

            .ed_price {
                margin-top: -50px;
                display: block;
                margin-left: -145px;
                width: 250px;
            }

            #button_size1 {
                margin-top: 10px;
            }
        }

        .tablet #productofweek2-holder, .mobile #productofweek2-holder, .xsmobile #productofweek2-holder {
            background-image: url(/img/pow_portrait_eD3.jpg);
            background-size: 100% 100%;
            background-position-x: unset;
        }

        .tablet #productofweek2-holder{
            height: 72vh;
            padding-top: 30px;
            padding-left: 60px;
            padding-right: 40px;
            padding-bottom: 145px;
        }
		
		 @media only screen and (min-width: 799px) and (max-width:800px) {
            .tablet #productofweek2-holder {
               height: 57vh;
            }
			  }

		 @media only screen and (min-width: 599px) and (max-width:600px) {
            .tablet #productofweek2-holder {
               height: 71vh;
            }
			  }
		 @media only screen and (min-width: 833px) and (max-width:834px) {
            .tablet #productofweek2-holder {
               height: 66vh;
            }
			  }

		

        .tablet .potwMobileClass {
            margin-top: 130px;
            margin-bottom: 30px;
            height: 120px;
            text-align: center;
            padding-left: 35px;
        }

        .tablet .potwMobileClass .ed_title {
            font-size: 34px;
            line-height: 22px;
        }

        .imgchangepotw {
            background-repeat: no-repeat;
            background-size: contain;
        }

        .tablet .potwMobileClass {
            margin-bottom: 110px;
            padding-left: 40px;
        }

        .tablet .imgchangepotw {
            height: 220px;
            background-position-x: center;
			margin-top: 10px;
        }

        .mobile #productofweek2-holder {
            height: 75vh;
            padding-top: 30px;
            padding-left: 60px;
            padding-right: 40px;
            padding-bottom: 145px;
        }

        .mobile .imgchangepotw {
            height: 190px;
			margin-top: 10px;
        }

        .mobile .potwMobileClass {
            margin-top: 120px;
            padding-left: 30px;
            text-align: center;
        }

        .mobile .potwMobileClass .ed_title {
            font-size: 30px;
            line-height: 22px
        }

        .mobile .potwMobileClass2 {
            margin-top: 5px;
        }

        .xsmobile #productofweek2-holder {
            height: 85vh;
            padding-top: 30px;
            padding-left: 60px;
            padding-right: 40px;
            padding-bottom: 140px;
        }
		
			 @media only screen and (min-height: 926px) and (max-height:927px) {
            .xsmobile #productofweek2-holder {
               height: 68vh;
            }
			  }

        .xsmobile .imgchangepotw {
           
			height: 180px;
      
		
		
        }

        .xsmobile .potwMobileClass {
            margin-top: 130px;
            padding-left: 20px;
            text-align: center;
        }

        .xsmobile .ed_title {
            font-size: 35px;
            line-height: 23px;
        }

        .xsmobile #lblPowTitle {
         
        }

        .xsmobile .button_size1 {
            padding: 3px 5px;
        }

        .pow-description {
            display: none;
        }

        @media only screen and (max-width: 475px) {
            .xsmobile #productofweek2-holder {
              
                padding-top: 20px;
                padding-right: 30px;
                padding-bottom: 105px;
                padding-left: 40px;
            }
            
            .xsmobile .potwMobileClass {
                margin-top: 70px;
                padding-left: 25px;
            }

            .xsmobile .ed_title {
                font-size: 25px;
                line-height: 14px;
            }

            .xsmobile #lblPowTitle {
              
            }

            .xsmobile #button_size1 {
                font-size: 22px;
                padding: 4px 10px;
            }

            .xsmobile .imgchangepotw {
				height: 130px;
				margin-top: 10px;
         
            }
			
			  @media only screen and (max-height: 927px) {
                .xsmobile .imgchangepotw {
				height: 210px;
				margin-top: 0px;
			
         
            }
            }
			
			
			
			@media only screen and (max-height: 896px) {
				 .xsmobile #productofweek2-holder {
				height: 74vh;
			
         
            }
				.xsmobile #pow_mobile .pow_title {
					
					padding-top: 0px;
				}
            }
			 @media only screen and (max-height: 786px) {
				 .xsmobile #productofweek2-holder {
				height: 79vh;
			
         
            }
            }
			
			
        }

       
		
			
		
		
		
		
		@media only screen and (max-width: 390px) {
            .xsmobile #productofweek2-holder {
              
               height: 83vh;
                padding-right: 30px;
                padding-bottom: 90px;
                padding-left: 35px;
            }
            
            .xsmobile .potwMobileClass {
                margin-top: 80px;
                padding-left: 25px;
            }
			
			

			
			
            @media only screen and (max-height: 845px) {
                .xsmobile #productofweek2-holder {
					height: 70vh;
                  
                }
            }
			
			
			
            @media only screen and (max-height: 820px) {
                .xsmobile .potwMobileClass {
                    margin-top: 70px;
                }
            }
			
			
			
			
			  @media only screen and (max-height: 812px) {
                .xsmobile #productofweek2-holder {
					height: 72vh;
                  
                }
		
            }
			
			
			
			

            @media only screen and (max-height: 750px) {
                .xsmobile #productofweek2-holder {
					height: 81vh;
                  
                }
				

                .xsmobile .potwMobileClass {
                    margin-top: 40px;
                }

                .xsmobile #lblPowTitle {
                    height: 25px;
                }
            }
			
			
			  @media only screen and (max-height: 740px) {
                .xsmobile #productofweek2-holder {
					height: 82vh;
                  
                }
				

            
            }
			
			
			
          
			@media only screen and (max-height: 680px) {
                .xsmobile .imgchangepotw {
                    height: 140px;
					margin-top: 10px;
					margin-bottom: 10px;
                }
            }
			
			@media only screen and (max-height: 568px) {
                .xsmobile .imgchangepotw {
                    height: 110px;
					margin-top: 10px;
					margin-bottom: 10px;
                }
            }

            .xsmobile .potwMobileClass h1 {
                margin-bottom: 2px;
            }

            .xsmobile .ed_title {
                font-size: 23px;
                line-height: 14px;
            }

            .xsmobile #lblPowTitle {
              
            }

            .xsmobile #button_size1 {
                font-size: 18px;
                padding: 0px 5px;
                margin: 0px
            }

            .xsmobile .imgchangepotw {
              
            }
        }

        @media only screen and (max-width: 1200px) and (min-width: 1010px)  {
            .widgetdesktop {
                display: none;
            }

            .widgetmobile {
                display: block;
            }

            .widgetmobile iframe{
                height: 408px !important;
            }
        }
		
			#pow_mobile .pow_title {font-family: 'Jomhuria', sans-serif, Helvetica, Arial, "sans-serif"; font-size: 36px; line-height: 22px; padding-top: 25px; padding-bottom: 25px}	
	.xsmobile #pow_mobile  .pow_title {font-family: 'Jomhuria', sans-serif, Helvetica, Arial, "sans-serif"; font-size: 28px; line-height: 18px;  padding-bottom: 20px }	
		  
		@media only screen and (min-height:640px) and (max-height: 896px) {
               .xsmobile #pow_mobile  .pow_title {
                   font-size: 36px;
				   line-height: 22px;
                }
            }
		@media only screen and (min-height:897px) and (max-height: 927px) {
               .xsmobile #pow_mobile  .pow_title {
                   font-size: 36px;
				   line-height: 22px;
                }
            }
		
	#pow_mobile .price-holder {height: 130px; border: 1px solid #e6e6e6;padding: 10px;}
	.xsmobile #pow_mobile .price-holder {height: 100px; border: 1px solid #e6e6e6;padding: 0px;}

	.xsmobile #pow_mobile .product-price {padding-top: 18px}

	
	#pow_mobile .pow_moreinfo {padding-top: 20px}
	.xsmobile #pow_mobile .pow_moreinfo {padding-top: 10px}
	
	.pow_logo {margin-top: 50px;}
	.xsmobile .pow_logo { display: none}
	.modal-header {position: absolute; z-index: 10; display: none}
	#pow_mobile .close {background-color: #fff; opacity: 1; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 50px; }
	#pow_desktop .close {margin-top: 69px; background-color: #fff; opacity: 1; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-radius: 50px;}

	#productofweek2-holder .desktoponly {text-align: center}
	#productofweek2-holder .desktoponly #pow_desktop {margin-left: 108px; margin-top: 10px;}
	
	#productofweek2-holder .desktoponly .pow_title {width: 70%; margin-top: -58px}
	#pow_desktop .pow_title {font-family: 'Jomhuria', sans-serif, Helvetica, Arial, "sans-serif"; font-size: 36px; line-height: 22px; height: 120px; }	
	#pow_desktop .price-holder {height: 100px; border: 1px solid #e6e6e6;padding: 10px; margin-left: 10px; margin-right: 10px;}
	#pow_desktop .product-price {padding-top: 10px;}
	#pow_desktop #moreinfo {margin-top: 50px;}

		
		
	.tablet .parallax-horiz {height: 70px;}	
.mobile .parallax-horiz {height: 70px; margin-top: -150px;}	
.xsmobile .parallax-horiz {height: 70px; margin-top: -100px;}	

.parallax-horiz {height: 120px;}	

	.mobile .secondbanners {
    padding-top: 0px !important;
    margin-top: -14px;
}
.tablet .secondbanners {height: 128px;
    margin-left: -7px !important;
    padding-top: 0px !important;
    margin-top: -6px;
}
	.desktop .secondbanners {height: 182px;
    margin-left: -11px !important;
    padding-top: 0px !important;
    margin-top: -6px;}	
	.desktop-lg .secondbanners {height: 212px; margin-left: -14px !important; padding-top: 0px !important; margin-top: -5px;}	


	.secondbanners-top {position: relative; width: 100%; z-index: 2; margin-left: -20px; margin-right: -20px; margin-top: -119px;}	
	.tablet .secondbanners-top {position: relative; width: 100%; z-index: 2; margin-left: -20px; margin-right: -20px; margin-top: -74px;}	


	.tablet .secondbanners-bottom {position: relative; z-index: 0; top: 32px; width: 341px; left: 0px;}	
	.desktop .secondbanners-bottom {position: relative; z-index: 0; top: 21px; width: 411px; left: 0px;}	
	.desktop-lg .secondbanners-bottom {position: relative; z-index: 0; top: 40px; width: 487px; left: 0px;}		
	.mobile .secondbanners-bottom {visibility: visible}	
	.xsmobile .secondbanners-bottom {visibility: visible}	
	.mobile .bestsellersHolder {margin-top: -10px !important}


.xsmobile .secondbanners-mobile {
	
	width: 106%;
	margin-left: -3%;
}


.mobile .secondbanners-mobile {
	
	margin-left: -32px; margin-right: -32px;
}