@media screen and ( max-width: 1150px ){
    #login-box { margin-top: 0 !important; }
    #header .contact-header{ top: 10px; }
    #header .contact-header a { float: none; }
    #header .contact-header a.mail { margin: -20px 0 10px 0 !important; display: block; }
    
}


@media screen and ( max-width: 1024px ){
    .cta-news .box-news{ width: 50%; }
    .category-list .box{ width: 31.3%; }

    #login-box { width: 250px; }
    #login-box .qr-reader { display: block; }
    .horizontal-line:after { display: none;}
}

@media screen and ( max-width: 980px ){
    
    .contact-page .txt{ text-align: center; }
    
    .gallery-area .gallery-area-container .gallery-box{ width: 49%; }
    
    #footer{ text-align: center; }
    #footer img.logo-footer{ margin-bottom: 50px; max-width: 100%; }
    #footer .contacts{ text-align: center; margin-top: 35px; }
    
    #tabs .tab-nat-select ul{text-align: center;}
    
    .map-container.col.no-gutter{margin-top: 20px;}
    
    .tab-content{margin-top: 20px;}
    
}


@media screen and ( max-width: 768px ){
    #lang{display: none;}
    #menu #lang{display: block; position: relative; left: inherit; top: inherit;}
    #menu #menu-content #lang ul li{margin: 5px;}
    #menu #menu-content #lang ul li.first{margin-right: 16px;}
    #menu #menu-content #lang ul li a{padding-left: 5px;}
    #menu #menu-content #lang ul li a span{top: 5px; left: 5px;}
    
    #header a.a-logo-header { margin: 0 0 0 80px; }
    .category-list .box{ width: 48%; }
    .init-map { min-height: 350px; margin-bottom: 25px; }
    
    .area-riservata .title-row h4 {float: none; text-align: center;}
    .area-riservata .title-row .download-btn { float: none; text-align: center; margin-top: 30px; margin-bottom: 30px; }
    .downlaod-area .dl-eh { width: 100%; }    
}


@media screen and ( max-width: 600px ){
    #wrapper{ margin-top: 280px; }
    
    .header--no-image{margin-top: 195px;}
    .header--no-image h1{ font-size: 28px; }
    
    #header #logo { margin: 0 auto; }
    #header-slider-single .caption { padding: 40% 25px 15% 25px; }
    
    #header .contact-header a.mail{ display: none; }
    #header .contact-header { width: 100%; margin: auto; position: relative; display: block;  margin-left: 25px; }
    #login-box{ float: none; margin: 30px auto 0 auto; }
    
    #menu #menu-content ul.menu-mobile{display: block;}
    
    .cta-news .box-news{ width: 100%; border: 0; margin-bottom: 50px; }
    
    .category-list .box{ width: 100%; margin: 25px 0; }
    
    .gallery-area .gallery-area-container .gallery-box{ width: 100%; margin: 0 0 10px 0; }

}


@media screen and ( max-width: 480px ){
    .link-row .text-content { text-align: center; padding: 15% 10%; }
    .contact-page .form{ padding: 0; }
    
    .template-news img{padding: 25px 15px;}
    
    #tabs .tab-nat-select ul li > a{text-align: left;}
    .tab-nat-select ul li:after{right: 15px;}
}