@media (max-width:991px){
    #borde, #container, #header, #transbox, #transbox_bottom, #main, #footer, #copyright, #myGallery, #myGallerySet, #flickrGallery{
        width: 100%;
    }
    #header{
        display:flex;
    }
    #transbox ul{
        display:flex;
        padding-left:0;
    }
    #transbox_bottom > dl{
        display:flex;
    }
    #transbox_bottom dd.elencodd_step_1,
    #transbox_bottom dd.elencodd_step_2,
    #transbox_bottom dd.elencodd_step_3{
        width:33.33%
    }
    #header_menu{
        right:0;
    }
    #main{
        display:flex;
    }
    #main-sx{
        width:60%;
    }
    #main-dx{
        width:40%
    }
    #container-photo-gallery{
        width:100%;
        display:flex;
        gap:10px;
    }
    #photo-gallery{
        width:33.33%;
    }
    .photo{
        float:none;
        width:100%;
        object-fit:contain;
        height:auto;
        
    }
    #footer{
        display:flex;
    }
    #sub-header{
        width:100%;
    }

    #sub-header img{
        width:100%;
        object-fit:cover;
    }
    #box-dx-gallery{
        width:auto;
        flex:1;
        height:auto;
    }
    #container-box-gallery{
        width:100%;
        height:auto;
    }

    #gallery-step{
        display:flex;
        flex-wrap:wrap;
        background: linear-gradient(to bottom,  #334164 0%,#191f35 21%);

        border-radius:12px;
    }

    .box-photo-step, .border-step-sx, .box-step-description-dx, .border-step-dx{
        background:none;
    }

    .box-photo-step{
        width:50%;
        box-sizing:border-box;
        height: auto;
    }

    .border-step-sx, .border-step-dx{
        display:none;
    }
    #container-box-gallery{
        display:flex;
        flex-wrap:wrap;
    }

    #description-gallery-step{
        width:60%;
        box-sizing:border-box;
    }

    #photo-gallery-step{
        width:40%;
        box-sizing:border-box;
    }

    #photo-gallery-step img{
        width:100%;
        height:auto;
    }
    .box-step-description-dx{
        padding:20px 40px;
        height:auto;
    }
    #main-sx-contatti{
        width:30%;
        box-sizing:border-box
    }
    #main-dx-contatti{
        width:70%;
        box-sizing:border-box
    }

    #main-dx-contatti table{
        width:100%;
        table-layout: fixed;
    }
    #main-dx-contatti table tr td input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]),
    #main-dx-contatti table tr td textarea{
        width:100%
    }

    #main-dx-contatti table tr td:first-child{
        width:20%
    }
    #main-sx-dove-siamo{
        width:30%;
        box-sizing:border-box;
    }
    #main-dx-dove-siamo{
        width:70%;
        box-sizing:border-box;
    }
}
.invo-nav-toggle{
    display: none;
}
@media (max-width:767px){
    #header-sx{
        width:60%;
        padding-top:5%;
        box-sizing: border-box;
    }

    #header-sx img,
    #header-dx img{
        width:100%;    
    }

    #header-dx{
        width:40%;
    }

    #transbox ul{
        flex-wrap:wrap;
    }
    #main{
        flex-wrap:wrap;
    }
    #main-sx, #main-dx{
        width:100%
    }
    #footer-links{
        width:100%;
    }
    #footer{
        flex-wrap:wrap;
        height:auto;
    }

    #transbox{
        height:50px;
    }
    .invo-nav-toggle {
        display:flex;
        width:40px;
        height:35px;        
        position:absolute;
        right:10px;
        top:5px;
        border-radius:4px;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
        flex-direction:column;
    }

    .invo-nav-toggle span{
        width:25px;
        height:2px;
        background:#fff;   
        transition:all 0.3s linear;
    }

    .invo-nav-toggle span + span{
        margin-top:6px;
    }

    .invo-active.invo-nav-toggle span:nth-child(1){
        transform:rotate(45deg) translate(20%, 300%);
    }

    .invo-active.invo-nav-toggle span:nth-child(2){
        transform:scale(0, 1);
    }

    .invo-active.invo-nav-toggle span:nth-child(3){    
        transform:rotate(-45deg) translate(20%, -300%);
    }

    #transbox{
        height:auto;
        position:fixed;
        left:0;
        top:0;
        bottom:0;
        right:0;
        width:auto;
        display:flex;
        align-items:center;
        z-index:99;
        transform:translate(-100%, 0);
        transition:all .65s cubic-bezier(.05,.2,.1,1);
        background: linear-gradient(45deg,  #191f35 0%,#313d62 100%);
        opacity: 0.95;
    }

    #transbox ul li{
        width:100%;
    }

    #transbox ul li a{
        display:block;
        text-align:left !important;
        padding:15px 50px !important;
        font-size: 14px !important;
    }

    .invo-active #transbox{
        transform:translate(0, 0);
    }
    #header_menu:before{
        content:'';
        display:block;
        position:absolute;
        left:0;
        right:0;
        top:0;
        height:50px;
        background:rgb(0 0 0/60%)
    }
    #transbox .invo-nav-toggle{
        background:none;
    }

    #transbox .invo-nav-toggle span{
        background:#fff;
    }
    #header{
        height:auto;
    }

    #header-sx a{
        display:block;
        overflow:hidden;
        background: url('../images/mussone-logo.png') no-repeat left center;
        background-size: contain;
    }

    #header-sx a img{
        height:60px;
        width:auto;
        mix-blend-mode: lighten;
        opacity: 0;
    }

    #header-dx img{
        height:30px;
        width:auto;
    }

    #header_menu{
        top:92px;
        padding-top:49%;        
    }
    #myGallery, #myGallerySet, #flickrGallery{
        height:auto;
    }

    #myGallery .slick-slide img,
    #myGallerySet .slick-slide img,
    #flickrGallery .slick-slide img{
        height:auto;
        width:100%;
    }

    #transbox_bottom{
        margin-top:63%
    }
    #myGallery, #myGallerySet, #flickrGallery{
        height:auto;
    }

    #myGallery .slick-slide img,
    #myGallerySet .slick-slide img,
    #flickrGallery .slick-slide img{
        height:auto;
        width:100%;
    }

    #transbox_bottom{
        margin-top:0;
        height: auto;
    }

    #transbox_bottom dd.title{
        font-size:12px;
    }
    #transbox_bottom dd.description{
        font-size:9px;
        display:none;
    }

    #transbox_bottom dd.elencodd_step_1, #transbox_bottom dd.elencodd_step_2, #transbox_bottom dd.elencodd_step_3{
        padding:5px;
        height:15px;
    }
    #sub-header{
        width:100%;
        height:auto;
    }

    #sub-header img{
        width:100%;
        height:auto;
    }

    #main-sx-la-bottega{    
        border-radius:12px;
        height:auto;
        width:auto;
        margin:15px 10px;
        background: linear-gradient(to bottom,  #44537f 0%,#202a45 21%);

    }
    #detail-la-bottega{
        padding-left:20px;
        padding-right:20px;
    }
    #detail-la-bottega br:nth-child(1), #detail-la-bottega br:nth-child(2){
        display: none;
    }
    div#transbox li:hover ul{
        position:static !important;
    }

    div#transbox li ul li{
        float:none;
    }
    #sub-header-container{
        height: auto;
    }
    #box-sx-gallery{
        width:100%;
        background-position:center top;
    }

    #title-section-gold-gallery{
        text-align:center;
        padding-left:30px;
        padding-right:30px;
    }

    #box-sx-gallery .jcarousel-skin-tango .jcarousel-container-vertical{
        margin:0 auto;
        padding-left:20px;
        padding-right:20px;
    }
    .box-photo-step{
        padding:10px;
        width: 100%;
        height: auto;
    }
    .box-photo-step img{
        width:100%;
        height:auto;
        box-sizing:border-box
    }

    .box-step-description-dx{
        height:auto;
        padding: 20px;
        text-align: center;
        width: 100%;
    }
    #description-gallery-step{
        width:100%;
        order:2;
    }

    #photo-gallery-step{
        width:100%;
        order:1;
    }
    #description-gallery-step{
        padding:20px 0 0;
    }
    #box-sx-gallery{
        color:#212b46;
        background:#212b46;
        width:auto;
        margin:20px 20px 0;
        flex:1;
        border-radius:12px;
    }

    #box-dx-gallery{
        padding:30px 20px
    }

    #main-sx-contatti{
        width:100%
    }
    #main-dx-contatti{
        width:100%;
        padding-top: 0;
    }
    .form-field{
        width:100%;
    }
    #main-dx-contatti table tr{
        display:flex;
        flex-wrap:wrap;
    }

    #main-dx-contatti table tr td{
        width:100%;
    }
    #main-dx-contatti table tr td[colspan="2"]{
        width:100%
    }
    #main-dx-contatti table tr td input:not([type="submit"]):not([type="reset"]):not([type="checkbox"]),
    #main-dx-contatti table tr td textarea{
        margin-bottom:10px;
    }
    #main-sx-dove-siamo{
        width:100%;
    }
    #main-dx-dove-siamo{
        width:100%;
    }

}


@media (max-width:540px){
    #transbox_bottom{
        margin-top:14px;
    }
}

@media (max-width:365px){
    #transbox_bottom{
        margin-top:18px;
    }
}