@media (max-width: 1350px) {
    
}
@media (max-width: 1200px) {
    

}
@media (max-width: 992px) {

    #menu{
        min-height:0px;
    }
    
    #search-container.active{
        padding-left:15px;
        padding-right:15px;
    }
    
    .menu-container{
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: auto;
        z-index: 10000;
        width:0px;
        overflow:hidden;
        -webkit-transition:all .3s ease;
        -moz-transition:all .3s ease;
        transition:all .3s ease;
    }
    
    .menu-container.active{
        width: 320px;
        border-left: 1px solid grey;
    }
    
    #main-menu {
        align-items: flex-start;
    }
    
    #main-menu .nav-item#close-menu{
        position: unset;
        display: inline-block!Important;
        color: #000;
        text-align: right;
        width: 100%;
        margin-bottom:40px;
    }
    
    #close-menu i{
        font-size:20px;   
    }
    
    #main-menu .nav-item{
        width:100%;
    }
    
    #menu .navbar-nav > li > a{
        width:100%;
        margin:0;
        padding-bottom:10px;
    }
    
    #menu.navbar{
        padding: 40px 20px;
    }
    
    #narbar-menu{
        display:block;
        -webkit-transition:all 0s ease;
        -moz-transition:all 0s ease;
        transition:all 0s ease;
    }
    
    #menu .dropdown-inner a{
        padding: 4px 0px;
        font-size: 12px;
    }
    
    #menu .nav-item.dropdown .nav-item.dropdown .dropdown-menu li a{
        margin-bottom:0;
    }
    
    #menu .nav-item.dropdown .nav-item{
        width:100%!Important;
    }
    
    #menu .navbar-nav > li > a::after{
        height:1px;
    }
    
    #menu .navbar-nav > li > a{
        display: flex;
        width: 100%;
        margin: 0;
        align-items: center;
        justify-content: space-between;
        font-size: 15px;
    }
    
    #menu .nav-item.dropdown > .dropdown-menu{
        margin-left:0!Important;
    }
    
    .caret-responsive{
        display:inline-block;
    }
    
    #menu .nav-item.dropdown .nav-item.dropdown .dropdown-menu{
        padding:0;
    }
    
    .cont-menu-opts{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    
    .cont-menu-opts .navbar-toggler{
        padding:0;
    }
    
    .cont-menu-opts .navbar-toggler i{
        font-size: 29px;
    }
    
    #main-menu .nav-item{
        margin-bottom:20px;
    }
    
    #cont-menu-general .menu-container{
        position: relative;
        display: block;
        width: 100%;
        height: auto;
    }
    
    #cont-menu-general #main-menu .nav-item#close-menu {
        position: absolute;
        display: block!Important;
        color: #999999;
    }
    
    #cont-menu-general #menu .navbar-nav > li{
        margin-bottom:0;
    }
    
    #cont-menu-general #menu .navbar-nav > li > a {
        margin: 0;
        margin-bottom: 6px;
        font-size: 12px;
        line-height: 20px;
    }

    #cont-menu-general #menu .navbar-nav > li#logo-menu {
        margin: 15px 0;
    }


}
@media (max-width: 768px) {

    .breadcrumb li, .breadcrumb li a {
        font-size: 14px;
    }
    
    .sociale-footer li {
        display: block;
    }
    
}
@media (max-width: 576px) {

    #header-opt{
        justify-content:space-between;
    }
    
    .menu-container.active {
        width: 100%;
        border:none;
    }
    
}
@media (max-width: 480px) {
    
    header {
        padding: 15px calc(5vw - 15px);
    }
    
    #main-content-container {
        padding-top: 110px;
    }
    
    .big-footer-container{
        padding-right: 40px;
        padding-left: 40px;
    }
    
    #toggle-menu, #toggle-menu i {
        font-size: 18px;
    }
    
    #content {
        padding-top: 55px;
    }

}
@media (max-width: 420px) {
    #logo img {
        min-width: 190px;
    }
    
    .btn {
        padding: 12px 24px;
        font-size: 16px;
        height: 45px;
    }
    
    
}
@media (max-width: 363px) {
    
}