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

    /* ELEMENTS */
    .title-sec h1{
        text-align:center;
        padding: 20px 5px;
        font-size: 25px;
    }
    .title-sec h2{
        text-align:center;
        padding: 20px 5px;
        font-size: 25px;
    }

    /* Nav and menu */
    .dsk-top-nav ,.nav-item a.dsk-top-nav{
        display:none!important;
    }
    .mbl-top-nav .col-2, .mbl-top-nav .col-8, .mbl-top-nav .col-1,.mbl-top-nav .col-6,.mbl-top-nav .col-3,.mbl-top-nav .col-4 {
        float:left;
        padding: 0px;
    }
    .navbar-nav.mr-auto, .navbar-nav.mr-auto .dropdown-menu {
        background-color: #232323;
        border:none;
    }
    .navbar-nav.mr-auto li{
        margin-left:15px;
    }
    /*.navbar-nav.mr-auto .dropdown-menu {
        border:none;
    }*/
    .navbar-nav.mr-auto li,.navbar-nav.mr-auto li a, .navbar-light .nav-item a.dropdown-item {
        background-color: #232323;
        color: #a4a4a4!important;
        font-weight: 600;
        font-size: 16px;
        line-height: 2em;
    }
    .nav-item i {
        margin-right: 15px;
        float: right;
        margin-top: 10px;
        font-size: 13px;
    }
    .sottocat {
        font-size: 16px;
        font-weight: 600;
    }
    i.dsk-arrow {
        padding-right: 15px;
    }

    /* Footer */
    footer {
        padding-left: 15px;
        padding-right: 15px;
        border-top: none;
    }

    /* Slider carousel layout */
    .carousel-item .d-none {
        display: block!important;
    }
    .carousel-caption.d-md-block{
        font-size: smaller;
    }
    .carousel-caption h1 {
        font-size: 2.0rem;
    }
    .mt-50 { /* 50 on dsk */
        margin-top: 20px!important;
    }
    .mt-100 { /* 100 on dsk */
        margin-top: 50px!important;
    }
    .carousel-caption {
        bottom: 15%;
    }
    .pickgradient img {
        min-height: 280px;
    }
    .section-title{
        font-size:18px;
    }
    .link-lista {
        padding-top:0px;
    }

    /* Slider new items */
    .owl-theme .owl-controls {
        text-align: center;
    }
    .post-slide {
        height: 350px;
    }
    .art-sld-btn.bottomcnt {
        left: 15%;
    }
    .art-sld-btn {
        padding: 5px 35px;
    }
    #news-slider h5 {
        text-align: center;
        font-size: 16px;
        height:80px;
    }
    .link-lista {
        font-size: 12px;
    }

    /* focus azienda */
    .focus-content h1 {
        font-size: 30px;
    }
    .focus-content {
        width: 90%;
    }

    /* focus azienda */
    .mbl-latest {
        max-width: 90%;
        margin: auto;
        margin-bottom: 20px;
        padding: 0;
    }
    .dsk-height-latest.fb-post {
        min-height: 330px;
    }
    
    /* Newsletter box */
    .newsletter-form {
        width: 90%;
        margin: auto;
    }
    .sumbmit-btn {
        color: #fff;
        background-color:black;
    }
    .social-icons-mbl {
        float: right;
        margin-top: 20px;
    }

    /* Default page */
    .content-sec {
        max-width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }

    /* Lista categorie */
    .text-box {
        height:200px;
    }
    .text-box div {
        padding: 15px;
        text-align: center;
    }
    .immagine-slider {
        height:200px;
    }
    #more,.morescai {display: none;}

    /* Cataegoria page */
    .detail-prod {
        height: 200px;
        padding: 5px;
        font-size: 12px;
    } 

    /* NUOVE MODIFICHE 2021 */
    .detail-prod, .detail-saloni,#carouselProductsSlider .text-box {
        height: auto;
    }

    .img-prod {
        height:130px;
    }
    .banner-img {
        width: 100%;
        background: url(../img/banner_colori_mobile.jpg) no-repeat center center;
        min-height: 100px;
        background-size: cover;
    }
    .testo-banner {
        position: unset;
        text-align:center;padding-top:15px;
    }
    
    .dropdown-item {
        padding: .25rem 0px .25rem 1.5rem;
    }
    .border-r {
        padding-right: 0px;
    }
    .option-mobile option{
        color:black;
        font-weight:600;
    }
    .option-mobile{
        border: none;
    }
    .immagine-modello {
        width: 90px;
        height: 90px;
    }


    .scheda-dettaglio .dettagli{
        text-align:center;
    }
    .container-colori-sx {
        width:90%;
        margin:auto;
    }
    .container-colori-dx {
        width:90%;
        margin:auto;
    }
    .pos-focus-content {
        position: absolute;
        top: 80%;
    }
    .focus, .vision, .mission {
        height:320px;
    }
    .abs-marg {
        margin-top:250px;
    }
    .black-bg {
        margin-top: 20px;
    }

    /*.font-st-item.not-sel {
        color: grey!important;
    }   
    .font-st-item.active-t-mob.not-sel {
        color: black!important;
    }*/ 
}
@media only screen and (max-width: 567px) {
    .black-bg .focus-content{
        max-height:520px;
    }
    .hgt.abs-marg {
        margin-top:520px;
    }
    .hgt.low.abs-marg{
        margin-top:280px;
    }
    footer .social .nav-link {
        padding: 0px 3px;
    }
    .sm-mbl {
        font-size:10px;
    }
    .width-90-perc-mobile-only {
        width: 90%;
        margin: auto;
    }
    .box-results{
        padding: 20px 0px;
    }
    #geoloc {
        width: 100%;
        text-align: center;
        border: 1px solid grey;
    }
    #geolocPrependMap {
        border: none;
        background-color: #c5c5c5;
        width: 100%;
    }
    #geolocPrependLente {
        display:none;
    }
    .input-group-prepend{
        width: 100%;
        border: 1px solid #c5c5c5;
        border-right: none;
    }
    .mobile-posback {
        z-index: -1;
        position: relative;
        height: 200px;
        overflow: hidden;

        object-fit: cover;
        width: 100%!important;
        height: 120px;
    }
    .background-trans{
        background-color:transparent;
    }
    #saloni-ambienti {
        margin: 0px 20px;
    }
    .detail-saloni {
        padding: 10px 0px;
        height: 125px;
    }
    .entra-div {
        right: 15px;
    }
    #saloni-ambienti .news-title {
        font-size: 25px;
    }
    #saloni-ambienti .img-prod {
        height: 200px;
    }

    /* PAG DISTRIBUTORI */
    #map {
        height: 300px;
        width: 90%;
        margin: auto;
    }
    .box-results .mblcar {
        padding: 20px;
    }
    .box-results .mblcar .list-distributori{
        background-color:#fff;
    }
    .button-distributori img {
        display:none;
    }
    .list-distributori {
        padding: 30px 25px;
        margin: 15px;
        background: #ffff;
    }
    .button-distributori {
        color: #fff;
        background-color: black;
        padding: 6px 20px;
        width: 100%;
        height: 38px;
    }
    .info-dist.filter-title {
        padding: 15px;
    }
    .mbl-title-cr.filter-title {
        padding: 15px;
        text-align:center!important;
    }
    .info-dist {
        text-align:center!important;
    }
}



@media only screen and (max-width: 633px) {
    #sliderfam .carousel-control-next,#sliderfam .carousel-control-prev {
        top:20%;
    }
    #carouselHomeSlider .slider-btn {
        font-size: 12px;
    }
    .dk-mainbox.focus{
        margin-bottom: 400px;
    }
    .art-sld-btn.bottomcnt {
        text-align: center;
        border: none;
        font-size: 13px;
        color: black;
        font-weight: bold;
    }
    .post-slide .post-img img {
        max-height:150px;
    }
    .owl-item {
        max-height: 280px;
    }
    .mt-200-small {
        margin-top: 200px;
    }
    .detail-prod.related-prod {
        height: 150px;
    }
    .active-mb i.fa-chevron-down{
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg) translateX(15px);
        transition: transform 0.5s;
    }
    .sottocat.active-mb i.fa-chevron-down{
        transform: rotate(180deg) translateX(15px);
    }
    .navbar-nav .nav-link.active-mb {
        color: #fff!important;
    }
    .nav-social .social i {
        border: 1px solid #a4a4a4;
        margin-right: 15px;
    }
    #search-form.search button {
        height: 45px;
        background: #a4a4a4;
        width: 45px;
    }
    #search-form.search input[type=text] {
        height: 45px;
        background: #a4a4a4;
        color: black;
    }
    #search-form.search {
        max-width:100%;
        width:100%;
        margin-top: 20px;
    }
    #search-form i {
        margin-right: 5px;
        font-size: 20px;
    }
    .search-results.filter-title {
        margin-left: 15px;
    }



    /* Slider mobile x famiglie e saloni */
    #sliderfam .carousel-inner > .carousel-item {        
        height: 300px;         
    }

}

/* Navigazione active 
a.active-mb, .active-mb, .navbar-light .nav-item .show a.dropdown-item,.navbar-nav.mr-auto li.show a ,.show .sottocat{
    color:#fff!important;
}
}*/