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

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 576px) {
    .fancybox-slide--iframe .fancybox-content {
        max-width: 80%;
        max-height: 80%;
        margin: 0;
        padding: 15px;
    }
}

@media (max-width: 767.98px) {
    .single-catprodotto h3 {
        min-height: 66px;
    }

    h1.white {
        font-size: 30px !important;
    }

    .img-fix {
        height: 250px;
        width: 100%;
        object-fit: cover;
    }
}

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

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

@media (max-width: 991.98px) {
    #header-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 9999;
        left: 0;
        width: 100%;
        display: none;
    }

    #header-menu.is-active {
        display: block;
    }

    #menu-menu-top li,
    #menu-dx li {
        display: block;
        padding: 10px 0 !important;
        float: none;
    }

    .menu-cerca {
        display: none;
    }

    #sidebar-navigation_top li,
    #sidebar-navigation_top-en li {
        float: left;
        margin: 8px;
    }

    #sidebar-navigation_top>li.current_page_item {
        background-color: #00aae6 !important;
    }

    #sidebar-navigation_top>li.current_page_item>a {
        border-bottom: 0 !important;
    }

    .header {
        /*position: relative;*/
    }

    .slideshow {
        margin-top: 15vh;
    }

    /* .menu-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 0!important;
        margin-bottom: 0!important;
        background-color: #00aae6;
    } */
    .navbar {
        padding: 11px;
    }

    .menu-mobile {
        position: absolute;
        top: 59px;
        background-color: #fff;
        width: 100vh;
        left: -15px;
    }

    .menu-mobile .menu li {
        float: none !important;
        padding: 0 30px;
        border-bottom: 1px solid #00aae6;
        margin: 0 !important;
    }

    .menu-mobile .menu li a {
        color: #00aae6 !important
    }

    .footer {
        margin-bottom: 64px;
    }
}

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

@media (min-width: 992px) {

    /* per le bandierine */
    .lang-col {
        flex: 0 0 auto;
    }

    /* larghezza solo quanto serve */
    .lang-col .wpml-ls ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: flex-end;
    }

    .lang-col .wpml-ls li {
        list-style: none;
    }

    .lang-col .wpml-ls a {
        display: inline-flex;
        align-items: center;
        padding: 0;
    }

    .lang-col .wpml-ls-flag {
        width: 22px;
        height: auto;
    }

    /* riduci se servisse (20–22px) */


    #menu-fixed {
        justify-content: center !important;
    }

    .header-clearfix {
        height: 125px;
    }

    .menu li:hover .sub-menu {
        display: block;
    }

    .navbar {
        padding: 0;
    }

    #sidebar-navigation_top li,
    #sidebar-navigation_top-en li {
        float: left;
        position: relative;
        margin: 10px 0px 10px 0;
    }

    #sidebar-navigation_top li:last-child,
    #sidebar-navigation_top-en li:last-child {
        margin-right: 0;
    }

    #sidebar-navigation_top li:hover a,
    #sidebar-navigation_top li:focus a,
    #sidebar-navigation_top li.current_page_item a,
    #sidebar-navigation_top-en li:hover a,
    #sidebar-navigation_top-en li:focus a,
    #sidebar-navigation_top-en li.current_page_item a {
        text-decoration: none;
        color: #D9AA71;
    }

    #sidebar-navigation_top li a:hover,
    #sidebar-navigation_top-en li a:hover {
        text-decoration: none;
        border-bottom: 0;
    }

    #sidebar-navigation_top li:hover .sub-menu,
    #sidebar-navigation_top-en li:hover .sub-menu {
        display: block;
    }

    .cerca li a:hover,
    .cerca li a:hover {
        text-decoration: none !important;
        color: #ccc !important;
    }
}

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

@media (min-width: 1200px) {}

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

@media (min-width: 1200px) and (max-width: 1399.98px) {
    body {
        font-size: 16px;
    }

    .h3,
    h3 {
        font-size: 30px;
    }

    #menu-dx li {
        margin-left: 20px;
    }
}