@media screen and (max-width:1120px){
    #lang{top: -15px;}
}

@media screen and (max-width:1024px){
    
    #nav-icon {display: block;}
    #menu{ float: none; width: 100%; display: inline-block; background: #ffffff; position: fixed; left: 0; z-index: -1; top: 85px; display: none;}
    #menu ul{list-style: none;  margin: 25px 25px 0 25px;}
    #menu ul li{ float: none; padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc;}
    #menu ul li a{ padding: 0px; margin: 0px; }
    
    #lang{ position: relative; background-color: #ffffff; padding-bottom: 25px;top: 25px; }
    #lang ul{ display: table; margin: 0 auto; }
    #lang ul li{ float: left; display: block; border: 0; padding: 4px 0; }
    
    
    .cta-home .cta-box{ margin-bottom: 10px;width: 100%;overflow: hidden; max-height: 350px; }
    .cta-home .cta-box .content-cta,
    .cta-home .cta-box:hover .content-cta{ padding: 35px; background-image: none; background-color: rgba(83, 78, 73, 0.85);  height: 100%; background-size: cover; position: absolute; z-index: 5; bottom: 0; width: 100%; min-height: 130px;}
    .cta-home .cta-box .content-cta .txt{display: block;}
    .cta-home .cta-box .content-cta a.btn { position: relative; margin-top: 50px; }
    
    #services .title-box, #services .content-col { width: 50%; }
    #services .section.alternate .title-box {margin-left: 0%; float: right;}
    #services span.box-bar.top { top: -45px; }
    
    #services .section .title-box.fullwidth {float: none; width: 100%;}
    #services .title-box.fullwidth img { width: 50%; max-width: 100%; float: left; }
    #services .title-box.fullwidth .title { min-height: 110px; margin-top: 0px; width: 50%; float: left;}
    
    #services .content-col.fullwidth { width: 100%; }
    #services .content-col.fullwidth .col.txt-col:last-child { padding-right: 0px;}
    
    #contatti .col{width: 100%; padding-bottom: 50px;}
}

@media screen and (max-width:980px){
    .inpage-menu{text-align: center;} 
    .inpage-menu .submenu{ display: none; background: #fdfcfa; position: absolute; z-index: 5; }
    .inpage-menu .menu-resp{display: inline-block;width: auto;margin: auto; }
    .inpage-menu .menu-resp span.menu-lnk{ cursor: pointer; background: url(/i/select-arrow.png) no-repeat top right; padding: 0px 40px 10px 10px; display: block; font-size: 14px; font-weight: bold; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
    .inpage-menu .menu-resp span.menu-lnk:hover, .inpage-menu .menu-resp span.menu-lnk.active{ color: #d7061f; -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out; }
    .inpage-menu .lnk{padding: 5px 0;}
}

@media screen and (max-width:768px){
    
    .header-img .img-header { width: 100%; }
    .header-img .tit-header { width: 100%; position: absolute; top: 0; height: 100%; background-color: rgba(103, 102, 100, 0.7);}

    .main-content .txt-col { width: 100%; padding: 0 25px; }
    
    .bx-wrapper .bx-caption span {font-size: 20px; padding: 0 0 0 15%;}
    
    #home-news h1 {margin: 0 0 50px 0; text-align: center;}    
    #home-news .news-box {width: 100%;margin: 0;padding: 35px;border-bottom: 0px;text-align: center;}
    #home-news .news-box a.btn { display: block; max-width: 200px; margin: auto; }
    
    #bottom-contatti {padding: 0 0 75px 0;}
    #bottom-contatti .centered-element {
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #bottom-contatti .img-col, #bottom-contatti .txt-contatti {width: 100%; display: block;}
    #bottom-contatti .txt-contatti{ padding: 50px; }
    #bottom-contatti .img-col{padding: 0;}
    #bottom-contatti .img-col img {max-width: none; width: 100%; margin: auto;}
    
    
    #services .title-box, #services .content-col { width: 100%; margin-bottom: 50px; }
    #services #section-bottom .content-col {width: 100%; padding-top: 0; }
    .gallery-container { margin: 30px auto 50px auto; }             
    
    #services .title-box.fullwidth img,
    #services .title-box.fullwidth .title{ width: 100%; }
    
    #footer #menu-footer {  padding: 20px 0; }
    #footer #menu-footer ul li{ float: none; width: 100%; padding: 5px; margin: 20px 0px; text-align: center; }
}

@media screen and (max-width:640px){
    .gallery-row .blank, .gallery-row .blank span.box-bar{ display: none;}
    .gallery-row img { width: 20%; }
}

@media screen and (max-width:590px){
    #bottom-contatti .txt-contatti h4{ text-align: center; }
    #bottom-contatti .txt-contatti, #bottom-contatti .txt-contatti .content-txt, #bottom-contatti .txt-contatti .content-txt .txt-small {width: 100%; text-align: center;}
    
    #services .content-col.fullwidth .col.txt-col {  width: 100%;  padding-right: 0px; margin-top: 25px; }
    
    #footer #credits p,
    #footer #credits a { float: none; width: 100%; text-align: center; display: block;}
}