@media screen {
    /* MOBILE */
    main{clear:left;width:100%;margin:0 auto;height:auto;min-height:200px;overflow:auto;}  
        
    .sections{width:100%;}
    
    .powerContainer{margin:20px 0;overflow:auto;width:100%;}
    .powerContainer ul{padding:20px;list-style:none;width:100%;overflow:auto;}
    .powerContainer ul li{float:left;width:16.66%;padding:10px;}
    .powerContainer ul li a{display:block;padding:15px 20px;border-radius:5px;background-color:#6b6d6f;text-align:center;color:#fff;font-size:19px;font-weight:bold;background-image:url('/design/image/select.png');background-position:center;transition: .3s;}
    .powerContainer ul li a:HOVER{background-color:#2a97ae;}
    .powerContainer p{text-align:center;margin-bottom:20px;}
    
    .saleContainer{margin:20px 0;}
    .saleContainer .slider{margin:0 auto 50px auto;}    
    
    .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:#2a97ae;font-weight:bold;padding:0;margin:0;line-height:100%;}
    .boxContent p.priceTextSale{font-weight:bold;color:orange;padding:0;}
    .boxContent p.price{color:#2a97ae;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;}
    
    .brandBox{width:100%;padding-top:20px;}
    .imageContainer{width:100%;overflow:hidden;cursor:pointer;padding:0 20px;}
    .imageContainer img{width:100%;transition: transform .5s;}
    .imageContainer img:HOVER{transform: scale(1.03);}    
    .brandProductBox{float:left;width:25%;padding:10px;}
    .borderBox{height:auto;overflow:auto;border:10px solid #fff;border-radius:10px;overflow:hidden;cursor:pointer;}
    .borderBox:HOVER{border-color:#eee;}
    .productImageContainer{width:100%;}
    .productImageContainer hr{border-top:1px solid #999;}
    .productImageContainer img{width:100%;}
    .brandProductBox p{font-size:19px;font-weight:bold;margin:10px; line-height:140%;text-align:center;color:#656565;} 
    
    .sliderRow{}
    .newsContainer{width:100%;margin:0 auto;padding:60px 10px;}
    .newsContainer .slider{margin:0 auto 0 auto;}
    .newsBox{float:left;width:33.33%;overflow:auto;padding:10px;}
    .newsContent{height:auto;overflow:auto;background-color:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;}    
    .newsContent:HOVER{background-color:rgba(255,255,255,1);border-bottom:5px solid #008dd2;}
    .newsContent:HOVER img{transform: scale(1.05);}
    .newsContent img{width:100%;display:block;transition: transform .5s;}
    .newsTitle{margin:0;padding:30px;font-size:21px;color:#008dd2;}
    .newsLead{margin:0;padding:0 30px 30px 30px;line-height:150%;}
    
    .newsRow{}
    .newsContainer{width:100%;margin:0 auto;padding:60px 10px;}
    .newsContainer .slider{margin:0 auto 0 auto;}
    .newsBox{float:left;width:33.33%;overflow:auto;padding:10px;}
    .newsContent{height:auto;overflow:auto;background-color:rgba(255,255,255,1);border:1px solid rgba(0,0,0,0.1);overflow:hidden;cursor:pointer;}    
    .newsContent:HOVER{background-color:rgba(255,255,255,1);border-bottom:5px solid #008dd2;}
    .newsContent:HOVER img{transform: scale(1.05);}
    .newsContent img{width:100%;display:block;transition: transform .5s;}
    .newsTitle{margin:0;padding:30px;font-size:21px;color:#008dd2;}
    .newsLead{margin:0;padding:0 30px 30px 30px;line-height:150%;}
    
    .softRow{background-color:rgba(200,200,200,0.5)}
    .softContainer{width:100%;margin:0 auto;padding:60px 10px;}
    .softContainer .slider{margin:30px auto 10px auto;}
    .softBox{float:left;width:33.33%;overflow:auto;padding:10px;}
    .softContent{height:auto;overflow:auto;background-color:rgba(255,255,255,1);border-bottom:5px solid #fff;overflow:hidden;cursor:pointer;}    
    .softContent:HOVER{background-color:rgba(255,255,255,1);border-bottom:5px solid #008dd2;}
    .softContent:HOVER img{transform: scale(1.05);}
    .softContent img{width:100%;display:block;transition: transform .5s;}
    .softTitle{margin:0;padding:30px;font-size:21px;color:#008dd2;}
    .softLead{margin:0;padding:0 30px 30px 30px;line-height:150%;}
    
    .promoRow{background-color:rgba(255,255,255,0.7);}
    .promoContainer{width:100%;margin:0 auto;padding:60px 20px;}
    .promoContainer img{margin: 40px auto 20px auto;width:100%}
    .promoText{font-size:19px;text-align:center;padding:30px 0 0 0;}
    .promoUrl{font-size:19px;text-align:center;padding:30px 0 0 0;text-transform: uppercase}
}

@media screen and (min-width: 768px) {
    /* TABLET */
    .mainContainer{width:100%;}     
    .sections{width:75%;float:right;width:75%;}
    .configuratorText{float:left;width:25%;text-align:right;}
    .configuratorText p{padding:132px 30px 0 30px;font-size:13px;line-height:150%;}
    .configuratorText p i{font-size:11px;line-height:80%;}
    select{float:right;width:50%;padding:5px 10px;height:40px;font-size:13px;border:3px solid #fff;border-radius:5px;text-align:right;} 
    input{float:right;width:15%;padding:5px 0 5px 10px;height:40px;font-size:19px;text-align:right;border:3px solid #fff;border-radius:5px 0 0 5px;} 
    .formRow p{float:left;font-size:14px;display:inline-block;height:40px;padding:12px 0 12px 0;} 
    .formRow span{float:right;width:30px;background-color:#fff;height:40px;padding:9px 0;font-size:13px;border:3px solid #fff;border-radius:0 5px 5px 0;}
    .box{float:left;width:50%;min-height:310px;padding:10px 10px 0 10px;}
}

@media screen and (min-width: 1200px) {
    /* DESKTOP */
    
    .newsContainer{max-width:1440px;}
    .softContainer{max-width:1440px;}
    .promoContainer{max-width:1440px;}
    .promoContainer img{max-width:900px;}
    .promoText{font-size:19px;text-align:center;}
    .sectionContainer{max-width:1360px;}    
    .configuratorText{float:left;width:25%;text-align:right;}
    .configuratorText p{padding:132px 30px 0 30px;font-size:13px;line-height:150%;}
    .configuratorText p i{font-size:11px;line-height:80%;}
    .configuratorTitle{float:right;width:75%;}
    .configuratorForm{float:right;width:75%;}
    select{float:right;width:50%;padding:5px 10px;height:40px;font-size:13px;border:3px solid #fff;border-radius:5px;text-align:right;} 
    input{float:right;width:15%;padding:5px 0 5px 10px;height:40px;font-size:19px;text-align:right;border:3px solid #fff;border-radius:5px 0 0 5px;} 
    .formRow p{float:left;font-size:14px;display:inline-block;height:40px;padding:12px 0 12px 0;} 
    .formRow span{float:right;width:30px;background-color:#fff;height:40px;padding:9px 0;font-size:13px;border:3px solid #fff;border-radius:0 5px 5px 0;}
    .formBox{float:left;width:50%}
    .buttonBox{float:left;width:50%}
    .resultBox{float:left;width:50%}
    .box{float:left;width:25%;min-height:310px;padding:10px 10px 0 10px;}

}

.nolink{cursor:initial;}