@media screen and (max-width:1200px){
    .section .row{padding: 50px; max-width: 1350px; margin: auto;}
    #section1 .main-img .title-box .title-container{margin: 10% 20%;}
}

@media screen and (max-width:1024px){
    
    img.main-logo {  width: 160px; }
    
    
    .section{padding-top: 100px;}
    .section .content{ margin-top: 50px; }
    .section.last .row{padding: 50px 20px;}
    .section h1 { line-height: 1.2em; }
    .section .content p { line-height: 1.5em; }
    
    #section1 .main-img{ margin-top: 0px; }
    
    
    /* HOME - SOCIAL WALL */
    .social-wall .box.news .txt p,
    .social-wall .box.twitter .txt p{line-height: 1.2em;}
    .template-azienda .section .intro h2{font-size: 35px; margin-top: 5px;}
    
    .template-tessuti .section#section4 .row .subtitle-row { margin: 20px auto 0 auto;}
    .template-tessuti .section#section4 .row .subtitle-row * {font-size: 18px;line-height: 1.4em;}
}

@media screen and (max-width:980px){
    
    body, html{ overflow: auto;}
    
    #pp-nav{display: none;}
    .pp-section{ position: relative; padding-bottom: 80px;}
    .pp-section.last{padding-bottom: 0;}
    img.main-logo { padding: 20px 0px 0 30px; width: 140px; }
    
    #menu #menu-content ul.level_2,
    #footer ul.menu-footer-col>li>ul {display: none;}
    
    
    .section, .section.last{ background-attachment: scroll; padding-top: 60px; padding-bottom: 80px; }
    .section h1 {font-size: 35px; margin-bottom: 50px; }
    .section .content,
    .section .row.yellow .content{margin: 0px;}
    
    #section1{padding-top: 40px;}
    #section1 .content-home{ position: relative;}
    #section1 .main-img { margin-top: 0px; }
    #section1 .main-img .title-box .title-container {
        margin: 15%;
        width: 70%;
        height: 50%;
        padding-top: 10%;
        min-height: 350px;
        position: relative;
    }
    #section1 .main-img .title-box{ padding-bottom: 5%; padding-top: 5%; }
    
    .social-wall {margin-bottom: 150px;}
    .social-wall .box{  width: 48%; }
    .social-wall .box.box-double{ width: 98%; }
    .social-wall .box.news .txt { max-height: none;}
    
    .template-products .section .intro h1,
    .template-produzione .section .intro h1,
    .section .intro h1 {padding: 0 30px;font-size: 35px;}
    .section .intro{padding-bottom:80px;padding-top: 0px;}
    .home-page .section .intro{padding-bottom: 80px;padding-top: 0px;}
    .section .intro .content {margin: 50px 0 40px 30px; padding: 0 20px;}
    
    .section .row .content .col{margin: 0}
    
    
    
    .template-contact .section .intro h2,
    .template-news .section .intro h2,
    .template-produzione .section .intro h2,
    .template-products .section .intro h2,
    .template-azienda .section .intro h2,
    .template-tessuti .section .intro h2{text-align: left; padding: 0 30px; font-size: 35px;}
    .template-news .section .intro h1,
    .template-azienda .section .row h1,
    .template-tessuti .section .row h1 { font-size: 35px; }
    .template-tessuti .section .row h2 { font-size: 25px; }
    .template-tessuti .section .row h1>sup { font-size: 12px; }
    .template-azienda .section .row .img-main img{margin-top: 30px;}
    
    .template-products .icon-feature{width: 33.333333%; text-align: center; margin-top: 20px;}
    .template-azienda .box-carat{width: 33.333333%; text-align: center;}
    
    .template-azienda #detail-txt{ display: none;position: fixed;background: rgba(160, 27, 34, 0.95);width: 90%;height: 80%;top: 130px;left: 5%;padding: 150px 30px 50px 30px;text-align: center;z-index: 10; }
    .template-azienda #detail-txt h5{ text-transform: uppercase; text-align: center; }
    .template-azienda #detail-txt .close-btn{display: block; position: absolute; top: 20px; right: 20px; z-index: 11; color: #ffffff; cursor: pointer;}
    
    .template-products .section .row .content{max-width: 85%;}
    
    .template-produzione .section .row.grey .btn-more {margin: 100px auto;}
    .template-news .section .row img{margin-top: 80px;}
    .form input[type="text"], .form input[type="password"], .form .privacy .privacy-policy, .form textarea, .submit-container, .form select{width: 100%; max-width: 100%;}
    
    #footer {padding: 0;}
    #footer .txt-footer{float: left;padding-right: 30px; }
    #footer .logo-footer {float: right;}
    #footer .col1,#footer .col2{ padding: 50px 30px; }
    #footer ul.menu-footer-col>li {margin-bottom: 10px; text-align: center;}
    #footer ul.menu-footer-col {margin: 0;}
    #footer .link-box:last-child {text-align: center;}
    #footer .col2 {margin-top: 0px;}
    
    
    #mc_embed_signup{max-width: 100%; margin: auto;}
}

@media screen and (max-width:640px){
    
    #lang{ position: relative; float: right; top: 30px; }
    
    .section .row {padding: 50px 20px;}
    
    #top-menu-bar{height: 50px;}
    img.main-logo { padding: 20px 0px 0 20px; width: 105px; }
    #nav{ padding: 15px 20px 0 50px;}
    .section h1, .template-products .section .intro h1, .template-produzione .section .intro h1, .section .intro h1{ font-size: 25px !important; }
    .section .row .content {max-width: 100% !important;}
    
    .social-wall .box,
    .social-wall .box.box-double{ width: 100%; margin: 0 0 30px 0; }
    .social-wall .box.twitter{min-height: 250px;}
    
    .template-azienda #detail-txt{ top: 90px;padding: 5px 30px 50px 30px; overflow-y: scroll; }
    
}

@media screen and (max-width:550px){
    
    #footer .logo-footer {float: left; padding-right: 50px; padding-bottom: 50px;}
    
}