@media screen {
    /* MOBILE */
    main{width:100%;margin:0 auto;background-color:#fff;}
    .mainContainer{width:100%;height:auto;margin:0 auto;padding:20px;overflow:auto;}
    
    .brandMenu{float:left;width:25%;}
    .brandMenu ul{margin:22px 30px 30px 30px;list-style:none}
    .brandMenu ul li{padding:10px 0;border-top:0px solid #ccc;text-align:right;cursor:pointer;}
    .brandMenu ul li.neptronic:HOVER{color:#024f85;}
    .brandMenu ul li.pego:HOVER{color:#ee2d30;}
    .brandMenu ul li.cuoghi:HOVER{color:#3f78ae;}
    .brandMenu ul li.tecnocooling:HOVER{color:#ee7f01;}   
    
    .article{width:100%;padding:0 10px 20px 10px;}
    .article h1{font-size:21px;color:#2177bc;font-weight:bold;line-height:150%;margin:0 0 20px 0;padding:20px 0 10px 0;border-bottom:1px solid #666;} 
    .article .lead{margin-top:25px;font-size:14px;font-weight:bold;line-height:150%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
    .article .text{margin-top:25px;font-size:13px;line-height:150%;text-align:justify;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
    .article .imageContainer{margin-top:25px;}
    .article .imageContainer img{width:100%;margin:0 auto;}
    .article .imageContainer .caption{background-color:#fff;padding:10px;font-size:12px;font-style:italic;color:#aaa;text-align:center;}
    .article .chapter{clear:both;margin-top:40px;font-size:19px;line-height:150%;text-align:justify;text-transform:uppercase;}
    .article .columnContainer{clear:both;overflow:auto;}
    .article .leftColumn{clear:left;width:100%;}
    .article .rightColumn{clear:right;width:100%;}   
    .article b.chapter{font-size:19px;}
    
    .documentList{margin-top:10px;padding:0 30px;}
    .documentBox{height:auto;width:auto;margin-right:30px;}
    .documentBox h2{font-size:19px;color:#666;padding:0 20px 20px 0;border-bottom:1px solid #ccc;}
    .documentBox ul{overflow:auto;list-style:none;padding:10px 0;}
    .documentBox ul li {float:left;width:110px;border:7px solid #fff;border-radius:7px;padding:10px;cursor:pointer;}    
    .documentBox ul li:HOVER{border-color:#eee;}
    .documentBox ul li img{width:100%;border-radius:5px;transition: .5s}
    .documentBox ul li:HOVER img{transform: scale(1.05);}
    .documentBox ul li p{margin:15px 0 5px 0;font-size:15px;text-align:center;line-height:140%;}
    
    .articleList{padding:0 15px;}
    .articleBox{width:33.33%;float:left;padding:0 15px 10px 15px;}
    .articleBox h3{padding:0 0 20px 0;font-size:19px;font-weight:bold;color:#666;text-align:left;}
    .articleBox .imageContainer img{width:100%;margin:0 auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
    .articleBox .imageContainer .caption{background-color:#fff;padding:10px;font-size:13px;font-style:italic;color:#999;text-align:center;}
    .articleBox p{padding:20px 0;font-size:13px;line-height:150%;}
    .articleBoxProduct{width:50%;float:left}
    .articleBoxProduct .articleBoxProductImageContainer{width:100%;padding:20px 20px 0px 20px;}
    .articleBoxProduct .articleBoxProductImageContainer img{width:100%;border-top:1px solid #999;}
    .articleBoxProduct h4{font-size:13px;line-height:140%;padding:10px 20px;}
    .articleBoxProduct h4 a{color:#000;}

    .mainProducts{display:none;}
    .coolArticle{display:none;}
    .humiArticle{display:none;}
}

@media screen and (min-width: 768px) {
    /* DESKTOP */
    .mainContainer{max-width:1360px;}
    .article{float:right;width:75%;padding:0 30px 20px 30px;}
    .article .leftColumn{float:left;width:50%;padding-right:20px;}
    .article .rightColumn{float:right;width:50%;padding-left:20px;}   
    .articleList{float:right;width:75%;}
    .documentList{float:right;width:75%;}
    .documentBox{float:left;};
    .documentBox ul li {float:left;width:150px;border:7px solid #fff;border-radius:7px;padding:10px;cursor:pointer;}   
}

@media screen and (min-width: 1200px) {
}