@media screen {
    /* MOBILE */
    main{clear:left;width:100%;margin:0 auto;height:auto;overflow:auto;background-color:#fff;} 
    .mainContainer{width:100%;padding:20px 10px;}
        
    .contentBox{width:100%;}
    
    .promoContainer{margin:10px 0}
    .promoContainer .slider{margin:0 auto 50px auto;}
    .promoBox{float:left;width:50%;overflow:auto;padding:10px;border-radius:5px;}
    .promoContent{height:auto;overflow:auto;border-radius:5px;overflow:hidden;cursor:pointer;}    
    .promoContent:HOVER{}
    .promoContent:HOVER img{transform: scale(1.05);}
    .promoContent img{width:100%;display:block;transition: transform .5s;border-radius:5px;}
    
    .categoryContainer{margin:10px 0 30px 0;}
    .categoryContainer .slider{margin:0 auto 50px auto;}
    .sections hr{margin:0 auto 50px auto;width:50%;border-top: 1px solid #ccc;}
    .categoryBox{float:left;width:33.33%;overflow:auto;padding:10px;}
    .categoryContent{height:auto;overflow:auto;border:10px solid #fff;border-radius:10px;overflow:hidden;cursor:pointer;}    
    .categoryContent:HOVER{border-color:rgba(53,84,146,0.1);}
    .categoryContent:HOVER img{transform: scale(1.05);}
    .categoryContent img{width:100%;display:block;transition: transform .5s;}
    .categoryName{margin:0;padding:5px 15px 15px 15px;font-size:21px;font-weight:bold;text-align:center;color:#355492;}
    
    .productBox{float:left;width:33.33%;overflow:auto;padding:10px;}
    .productBox h2{font-size:15px;line-height:140%;font-weight:bold;padding:10px ;color:#000;border:0}    
    .boxContent{height:auto;overflow:auto;border:10px solid #fff;border-radius:10px;overflow:hidden;cursor:pointer;}
    .boxContent:HOVER{border-color:#eee;}
    .boxContent:HOVER img{transform: scale(1.05);}
    .boxContent img{width:100%;display:block;transition: transform .5s;}
    .boxContent .boxTitle{margin:0;padding:5px 15px 15px 15px;font-size:19px;font-weight:bold;text-align:center;}
    .boxContent p{margin:0;padding:0 15px 15px 15px;font-size:13px;;text-align:center;}
    .boxContent p.priceText{color:#355492;font-weight:bold;padding:0;margin:0;line-height:100%;}
    .boxContent p.priceTextSale{font-weight:bold;color:orange;padding:0;}
    .boxContent p.price{color:#355492;font-size:21px;font-weight:bold;padding:2px 0 15px 0;}
    .boxContent p.priceSale{font-size:21px;font-weight:bold;color:orange;padding:2px 0;}
    .boxContent p.oldPrice{font-size:11px;color:#999;padding:0;margin:0 0 15px 0 ;line-height:100%;}
    .boxContent ul{margin-bottom:15px;list-style:none;width:100%;}
    .boxContent ul li{font-size:13px;font-style:italic; color:#aaa;padding:2px 0;text-align:center;}
    .boxContent ul li b{color:#999;}
    .boxContent .primaryList{overflow:auto;margin-bottom:15px;width:100%;text-align:center;}
    .boxContent .primaryList span{display:inline-block;margin:5px;padding:5px 10px;font-size:15px;font-weight:bold;color:#fff;background:#2a97ae;border-radius:3px;text-align:center;}
    
    .allProducts{background-color:#2a97ae;text-align:center;}
    .allProducts a{display:inline-block;margin:0 auto;width:100%;max-width:1320px;background-color:#6b6d6f;padding:20px 0;font-size:21px;font-weight:bold;color:#fff;transition: .3s;}
    .allProducts a:HOVER{background:#555;color:#79ccda;}    
    
    .mainProductBox{float:left;width:25%;overflow:auto;padding:10px;}
    .mainProduct{border:10px solid #fff;border-radius:15px;cursor:pointer;opacity:0.9;}
    .mainProduct:HOVER{border-color:#eee;opacity:1;}
    .mainProduct img{width:100%;display:block;border-radius:5px 5px 0 0;}
    .mainProduct p{padding:15px;font-size:15px;font-weight:bold;line-height:140%;}
    .promoInfo{margin-top:-40px;padding:20px;font-size:13px;font-style:italic;color:#f27729;}    
    
    .brandContainer{overflow:auto;margin-bottom:40px;}
    .brandList{width:100%;padding:20px 0;}
    .brandBox{float:left;width:33.33%;padding:10px;}
    .brandBox img{width:100%;}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .mainContainer{width:100%;paddin:20px;}  
    
    .menuBox{display:inline-block;float:left;width:33.33%;} 
    
    #customerMenu{display:none}; 
    
    .contentBox{float:right;width:66.67%;}   
    
    .promoContainer{margin:10px 10px}
    .promoContainer .slider{margin:0 auto 50px auto;}
    .promoBox{float:left;width:50%;overflow:auto;padding:10px;border-radius:5px;}
    .promoContent{height:auto;overflow:auto;border-radius:5px;overflow:hidden;cursor:pointer;}    
    .promoContent:HOVER{}
    .promoContent:HOVER img{transform: scale(1.05);}
    .promoContent img{width:100%;display:block;transition: transform .5s;border-radius:5px;}
       
    
    .brandBox{width:25%;}
}

@media screen and (min-width: 1360px) {
    /* DESKTOP */
    .mainContainer{max-width:1360px;margin:0 auto;padding:20px;}
    .menuBox{display:inline-block;float:left;width:25%;}    
    
    #customerMenu{display:none;}
    #categoryMenu nav p{display:none;}
    
    .contentBox{float:right;width:75%;}  
    
    .sectionContainer{max-width:1320px;} 
    
    .brandBox{width:16.66%;}
    
    

}