@media screen and (min-width: 400px) {
    .header-contacts .whastapp-logo{ margin:8px 10px; }
}
@media screen and (max-width: 767px) {
    .offerta-breve .wrap-image .img-responsive {margin-bottom:30px;}

    .list-inline.languages { left: calc(50% - 52px) !important; top: 51px; }
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .gallery-mini { margin: 0 -5px; }
    .gallery-mini .wrap-image.slick-slide {margin: 3px 5px;}
    .table-listino.table-responsive {margin-bottom: 0;}
    .xs-text-center {text-align: center;}
    #slider-top .slick-slide {text-align: center;}
    #slider-top img.img-responsive {max-width: 120%; display: inline-block; margin: 0 -10%}
}
@media screen and (min-width: 768px) {
    .header-contacts{line-height:40px; }
    .header-contacts .whastapp-logo{ width:40px; height:40px; margin:12px 15px; }

    .navbar-toggle{position:absolute;top:-65px; right:15px;}
    .navbar{min-height:0;}
    .navbar-default{background-color:#f4f3f0}
    
    .wrapper-lang{position:relative;top:-4px;right:auto;display:inline-block;margin:12px 15px}
    .wrapper-lang .btn{font-weight:700;padding:7px 10px;}

    /* ------------------ MAPPA --------------------- */
    #map { height:500px; }
    .navbar-brand{display:none}

    /* ----------- PARCHI E ITINERARI --------------- */
    .lista-luoghi .wrap-blocco .wrap-image { margin-top:0px; }

    /* ----------------- PRENOTA -------------------- */
    #privacy-text { text-align:justify; padding-top:0px; }

    .masonry .brick-item:nth-child(7) { margin-top: 100px;}
    .luoghi h1 {
        position: absolute;
        left: 50%;
        right: 0;
        top: 30px;
        text-align: center;
    }    

}

@media screen and (min-width: 992px) {
    .navbar-toggle{position:absolute;top:-65px; right:15px;}
    .navbar{min-height:20px;}
    .navbar-default{background-color:#f4f3f0}
    #ulmenu a{padding:10px 10px; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .list-inline.languages {top: 15px; left: 160px; }
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

}

@media screen and (max-width: 991px) {
    .btn-prenota-ora { margin-top: 0; float: none; margin:0; position: absolute;  top: 8px;}
    .navbar-collapse { background-color: #f4f3f0; border-top: 1px solid #d6d2c7;}
    .navbar-collapse.collapse {transition: all .4s; border-top: 1px solid #d6d2c7;}
    .navbar-collapse.collapse.in { transition: all .4s; }
    .bg-header{border-bottom: 1px solid #d6d2c7; }
    .wrapper-miniprenota .container {max-width:100%}
    .wrap-beige { padding: 15px 0;}
    .box-newsletter .copyright { position: static; }
    .box-newsletter {padding: 30px 0;}
    .list-inline.languages { position: absolute;  z-index: 9; margin: 0; padding: 0; background-color: rgba(255,255,255,.9) }
    .offerta-breve .box-sticker h2 {font-size: 20px;}
    .wrap-beige .container {width: auto;}
    .wrap-beige #slider-offers .container {width: auto; padding: 0;}
}

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

    .wrap-navbar-brand {min-height: 88px;}
    /* ------------------ MENU --------------------- */
    
    #ulmenu > li > a {border-bottom: solid 6px #d6d2c7;}
    #ulmenu > li > a.active { 
        border-bottom: solid 6px #d5b966;
        padding-bottom: 10px;
        transition: all ease-in-out .3s;

    }
    #ulmenu > li > a:hover, #ulmenu > li > a:focus { 
        background-color: #746558; color: #f0d582; transition: all ease-in-out .5s;
        border-bottom: solid 6px #d5b966;
        padding-bottom: 10px;
        transition: all ease-in-out .3s;
        /* background-color: #845a28; */
    }
    .navbar-nav{ float:none; margin: 0 auto; display: table; table-layout: fixed; }

    .navbar-default { background:none; border: 0; }

    /* .navbar-brand { display:none; }  perche? */

    #navbar-menu-top-collapse {clear: both;}
    .navbar-default{background-color:#d6d2c7; padding-top:10px; }
    .header-contacts{float:none;}
    .header-contacts .visible-xl{display:inline-block;border-right:1px solid #665445;padding-right:15px;font-size:14px;   }
    .header-contacts .whastapp-logo{margin:8px 5px; }
    .header-contacts a{color:#665445}
    
    

}

@media screen and (min-width: 992px)  and (max-width: 1199px){   
    .md-no-padding {padding-left: 0; padding-right: 0}
    .wrapper-miniprenota .container {max-width:100%}
    .wrap-beige .cornice {margin: 15px 0 -15px 0;}
}

@media screen and (min-width: 1200px) {    
    .navbar-nav > li > a {padding-top: 20px; padding-bottom: 20px; }

    .box-sticker {padding: 50px 30px 30px 30px; background-color:#eeebe4; margin-top: 90px; position: relative }
    .box-sticker:before {display: inline-block; content: ' '; width: 100px; height: 100px; margin: -50px 0 0 -50px; background-color: #d5b966; position: absolute; top: 0; left: 50%;}
    .box-sticker.text-right { border-left: 10px solid #d5b966; margin-left: -130px; box-shadow: -2px 0 0 1px #eeebe4; }
    .box-sticker.text-left { border-right: 10px solid #d5b966; margin-right: -130px;  box-shadow: 2px 0 0 1px #eeebe4; }
    .cucina.box-sticker:before { background: #d5b966 url('../img/icone/ico-ristorazione.png') no-repeat center center;}
    .camere.box-sticker:before { background: #d5b966 url('../img/icone/ico-chiavi.png') no-repeat center center;}
    .wrap-stickers .row {margin-bottom: 15px;}
    .bg-header {background-position-y: bottom; background-size: 32px 152px;}
    .table-listino table { table-layout: fixed; }
    
    .header-contacts .visible-xl{padding-right:15px;font-size:16px;   }
    .header-contacts .whastapp-logo{margin:8px 15px; }
    
    

}

@media screen and (min-width: 1200px)  and (max-width: 1599px){   
    #ulmenu a{padding:10px 15px; }
    .wrapper-miniprenota .container {max-width:100%}
    .wrap-beige {background: #d6d2c8 url('../img/layout/anfora.png') no-repeat calc(100vw - 1599px) 50px;}
    .wrap-beige .cornice { margin:30px 0 -30px 0}
    .pre-footer .md-no-padding {padding-left: 0; padding-right: 0}

}
@media screen and (max-width: 1599px) {
    .luoghi .container {width: 100%; max-width: 1599px;}
}

@media screen and (min-width: 1600px) {
    .lg-big {font-size: 20px;}
    h1 { font-size: 36px;}
    #ulmenu a{padding:10px 20px; }
    .container {max-width:1570px; width:100%;} 
    .container--nomedia{max-width:1170px;width:100%;}
    .navbar-default .btn { font-size: 16px; }
    .navbar-default .btn.visible-xl { display: inline-block !important; }
    .btn-contact-phone, .btn-contact-whatsapp, .btn-contact-email { padding-right: 0; }
    .wrap-beige .cornice {border: 25px #fff solid; margin: 150px 0 -150px 0;}
    .wrap-beige {background: #d6d2c8 url(../img/layout/anfora.png) no-repeat left bottom; margin-bottom: 150px;}
    .box-sticker {padding: 100px; background-color:#eeebe4; margin-top: 90px; position: relative }
    .box-sticker:before {display: inline-block; content: ' '; width: 135px; height: 135px; margin: -62px 0 0 -62px; background-color: #d5b966; position: absolute; top: 0; left: 50%;}
    .box-sticker.text-right { border-left: 10px solid #d5b966; margin-left: -130px; box-shadow: -2px 0 0 1px #eeebe4; }
    .box-sticker.text-left { border-right: 10px solid #d5b966; margin-right: -130px;  box-shadow: 2px 0 0 1px #eeebe4; }
    .cucina.box-sticker:before { background: #d5b966 url('../img/icone/ico-ristorazione.png') no-repeat center center;}
    .camere.box-sticker:before { background: #d5b966 url('../img/icone/ico-chiavi.png') no-repeat center center;}
    .wrap-stickers .row {margin-bottom: 88px;}
    .box-sticker .btn-read-more {color: #845a28; font-size: 24px;}
    .offerta-breve .box-sticker { margin: 0 0 30px 0;  padding: 50px;}
    .offerta-breve .box-sticker h2 {font-size: 30px;}

    .text-relax { padding: 85px 80px 85px 120px; }
    .btn-gold {font-size: 20px; padding: 15px 40px;}
    .btn-richiedi-info { padding: 20px 30px; font-size: 18px;}
    .wrap-relax .wrap-btn {margin: 30px 0 30px 0;}
    .box-footer .seguici { font-size: 48px;}
    .box-newsletter h2 {font-size: 36px;}
    .btn-yellow-frame { font-size: 24px; padding: 14px 80px;}
    .box-newsletter input.form-control { font-size: 24px; padding: 14px 14px;} 
    .wrapper-miniprenota {
        border: solid 60px #eeebe4;
        padding: 30px 0;
    }
    .masonry { 
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;    
    }
    .masonry .brick-item:nth-child(7) {margin-top: 0;}
    .brick-item:nth-child(5) { margin-top: 100px;}
    .brick-item:nth-child(9) { margin-top:0px;}
    .luoghi h1 {position: absolute; right:33.3%; left: 33.3%; top: 30px; text-align: center;}

    .img-logo{float:right; }
    
}