/*
Theme Name: GBS Child
Theme URI: http://underscores.me/
Author: Global Business Solution S.r.l.
Author URI: http://www.gbs-group.it
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/


@media (max-width: 575px) {

    .fancybox-slide--html .fancybox-content {
        width: 98% !important;
        padding: 30px 20px;
    }

    .hidden-noactive {
        width: 200%;
        transform: translateX(-24%);
    }

    #lp-form .col-100 {
        flex-direction: column;
        gap: 0px;
    }


    .optionform {
        margin: 10px;
        flex-direction: column;
    }

    .allegato-card {
        width: 100%;
    }

    div#tipoContattoWrapperAzienda {
        flex-direction: column;
        gap: 0;
    }

    /*  Header */

    .woocommerce-icons-header-container,
    .menu-mobile {
        width: 33%;
    }

    .site-branding>.logo-container>a>svg {
        max-height: 47px;
    }

    .woocommerce-icons-header-container button>span:before,
    .woocommerce-icons-header-container a>span:before {
        font-size: 26px;
    }


    /*  Fine Header */

    /*  Visore Homepage */

    #visore-home .visore-container {
        height: 450px!important;
    }

    #visore-home .visore-container .contenuto-visore {
        justify-content: flex-end;
        padding-bottom: 40px;
    }

    .title-container span.p-big {
        font-size: 20px;
        font-weight: 300;
    }

    .title-container h1 {
        padding-top: 20px
    }

    /*  Fine Visore Homepage */

}

@media screen and (max-width: 1180px) {

    .grid-desktop-only {
        display: none !important;
    }

    .carousel-mobile-only {
        display: block !important;
    }


    #paragrafi .w-container-small .col-60 {
        width: 100%;
    }


    .carousel-mobile-only .owl-nav {
        position: relative;
        display: block;
        margin-top: 60px;
    }

    /*  Locale card */
    .locale-card {
        flex-direction: column;
        gap: 12px;
        padding: 12px;
    }

    .locale-card>.col-50-flex,
    .locale-card .locale-card-content {
        width: 100% !important;
        flex: 1 1 auto;
        flex-basis: content;
    }

    .locale-card figure {
        height: auto;
    }

    .locale-card figure img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .locale-card .locale-card-content {
        padding: 6px 0 0;
    }

    .locale-card .locale-card-content .p-small,
    .locale-card .locale-card-features li {
        font-size: 13px;
        line-height: 1.4;
    }

    .locale-card-features li {
        padding-bottom: 8px;
    }


    /*  Sez. Chi siamo hp */
    .page-template-default .layout13 .gap-65px {
        display: none;
    }

    /* */

    /*  img mappata */

    #paragrafi .img-map .col-70 {
        width: 100% !important;
        max-width: 100%;
    }

    span.prod-selector {
        display: none;
    }


    /**/

    /*  Card prodotto */
    .prod-card-content a.testo-normale {
        font-size: 14px;
        line-height: 19.6px;
    }


    /*  Filtri carosello */

    .container-tabs.tabs>div {
        flex-direction: column;
        row-gap: 30px;
    }

    span.tab-button {
        font-size: 14px;
    }


    .tabs-buttons {
        gap: 15px;
        justify-content: center;
    }

    /* */

    /*  Footer*/

    .br-footer div,
    section#prefooter .gap-50px div {
        align-items: flex-start;
        justify-content: left;
    }

    .br-footer,
    section#prefooter .gap-50px {
        gap: 20px;
    }

    .copyright-text-1,
    .copyright-text-2,
    .copyright-text-3 {
        align-content: center;
        text-align: center;
        justify-content: center;
    }

    .social-shortcode-icons {

        justify-content: center !important;
        margin: 10px 0;
    }

    .social-shortcode,
    .copyright-text-3 p {
        justify-content: center;
    }

    .layout8:not(.compact)>.margin {
        margin-top: 60px;
        margin-bottom: 30px;
    }

    .layout8 .owl-dots {
        bottom: -60px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .layout11 .cta-title {
        position: absolute;
        bottom: -30px;
        transform: translateY(+100%);
    }

    .layout11 .container-tabs {
        position: relative;
    }

    .layout13:not(.border-bottom),
    .layout1:not(.border-bottom) {
        padding: 0;
    }

    .layout13.border-bottom,
    .layout1.border-bottom {
        margin-bottom: 0;
    }

    .layout1 {
        margin: 70px 0;
    }

    .block-ras-txt {
        line-height: 1.2;
    }

    #mupwp-form-fields {
        flex-direction: column;
    }

    #mupwp-form-fields>.mupwp-form-field {
        width: 100%;
    }

    .mobile-tab .widget_media_image {
        display: none;
    }

    footer section#widget-area {
        padding-top: 0;
    }

    .br-footer {
        border: 0;
    }

    /* Layout 19 responsive */
    .layout19 .col-25,
    .layout19 .col-75 {
        width: 100% !important;
    }

    .layout19 .sezione-date {
        flex-direction: column;
        gap: 15px;
    }

    .layout19 .date {
        width: 100% !important;
        flex-direction: column;
        gap: 10px;
    }

    .layout19 .date .col-60 {
        width: 100% !important;
    }

    .layout20 .col-30,
    .layout20 .col-70 {
        width: 100% !important;
    }

    .layout20-carousel .layout20-item {
        padding: 16px;
    }
}



@media screen and (min-width: 1181px) {
    .carousel-mobile-only {
        display: none !important;
    }

    .numero {
        min-width: 100px;
    }
}


@media screen and (min-width:767px) and (max-width:1400px) {
    .valore__metric {
        width: 100% !important;
        padding-right: 20px;
        flex-direction: column;
    }

    .valore .info-numero {
        width: 100%;
    }

    .flex.valore {
        padding-left: 20px;
        width: 100%;
    }


}



@media screen and (max-width:550px) {

    .valore__metric {
        width: 70%;
        flex-wrap: wrap;
        gap: 0px;
    }

    .visore-container {
        height: 100vh !important;
    }
}


@media screen and (max-width: 767px) {
    .product-map-cont {
        display: none !important;
    }

    /****** BLOG*****/

    div#indice {
        margin-top: 0;
    }

    div#indice .marginbasebottom8 {
        margin-bottom: 0;
    }

    #indice li {
        margin-bottom: 10px;
    }


    .single-post .section-banner-l1 .col-65 {
        width: 100%;
        padding: 0 20px 20px;
    }

    .single-post .section-banner-l1 .gap-65px {
        gap: 20px;
    }

    .section-banner-l1 .p-base {
        padding: 0;
        margin-left: 0;

    }

    .section-banner-l1 h3 {
        margin-bottom: 10px;
    }

    .layout1-text-right-mobile-reverse {
        flex-direction: column-reverse;
    }

    .cat-date-container {
        column-gap: 10px;
        justify-content: center;
        row-gap: 5px;
    }

    /******** BREADCRUMB *******/


    .coll-bread-back-cont,
    nav.woocommerce-breadcrumb {
        text-align: center;
        justify-content: center;
    }

    .back-to-coll-link {
        display: none;
    }

    div#breadcrumbs span {
        justify-content: center;
    }

    /******* SCHEDA PRODOTTO *******/
    .single-product .container-product .gap-140px .col-55 {
        width: 100% !important;
    }

    .woocommerce.single-product div.product div.summary {
        width: 100% !important;
    }


    .single-product div#paragrafi .blocks-icon-txt span:nth-child(3),
    .single-product div#paragrafi .blocks-icon-txt span:nth-child(2) {
        text-align: center;
    }

    .single-product div#paragrafi .blocks-icon-txt img {
        max-width: 70px;
    }

    .single-product .blocks-icon-txt .col-25 {
        width: 40% !Important;
    }

    .single-product .blocks-icon-txt>div {
        width: 100%;
        flex-direction: column;
        display: flex;
        justify-content: space-around;
    }

    .single-product div#paragrafi .blocks-icon-txt .align-items-center {
        flex-wrap: wrap;
    }



    .single .summary .attributes-container-profile {
        column-gap: 20px;
    }

    .single .summary .attributes-container-profile .attribute-circled {
        width: calc(50% - 20px) !important;
    }

    .single-product div#paragrafi .align-items-center {
        justify-content: space-between;
    }

    /***** product card ****/
    .product-card span.old-price {
        font-weight: 400;
    }


    html .centered-arrows-vertical.owl-carousel:not(.woocommerce-product-gallery__wrapper) .owl-nav {
        bottom: -75px;
        display: block;
        position: relative !important;
        top: auto;
    }

    html .centered-arrows-vertical.owl-carousel:not(.woocommerce-product-gallery__wrapper) .owl-nav button.owl-prev,
    html .centered-arrows-vertical.owl-carousel:not(.woocommerce-product-gallery__wrapper) .owl-nav button.owl-next {
        transform: translate(0%) !important;
    }

    .tax-product_cat .marquee-section,
    .page-template-landing-abbonamento .marquee-section {
        display: none;
    }

    .tax-product_cat .visore {
        margin-bottom: 0;
    }

    .tax-product_cat #colonna-principale {
        gap: 10px;
    }

    .tax-product_cat .product-card {
        width: calc(50% - 5px) !important;
    }

    .cat-card-1 {
        gap: 10px;
    }

    .cat-card-1 .content-container {
        padding: 10px 0;
    }

    .cat-card-1 .content-container h3 {
        font-size: 16px;
        margin-bottom: 5px !important;
        line-height: 1.2;
    }

    .cat-card-1 .content-container>div>p {
        font-size: 14px;
        line-height: 1.2;
    }

    .cat-card-1 .content-container .btn {
        width: 28px;
        height: 28px;
        font-size: 22px;
    }

    .container-content-sidebar .sidebar,
    .container-sidebar-content .sidebar {
        position: relative;
        transform: none;
    }

    html .owl-carousel.woocommerce-product-gallery__wrapper .owl-nav button.owl-next,
    html .owl-carousel.woocommerce-product-gallery__wrapper .owl-nav button.owl-prev {
        font-size: 28px;
        padding: 0 !important;
    }

    .container-product>.gap-140px {
        gap: 40px !important;
    }

    .single-product .marquee-section {
        margin: 0;
    }

    .layout14>.flex>.flex>.p-big,
    .layout14>.flex>.flex>span {
        font-size: 16px;
    }

    .single-product .layout0 {
        padding-bottom: 0;
        margin-bottom: 50px;
    }

    .single-product .layout0,
    .single-product .layout0 h2,
    .single-product .layout0 h3 {
        padding-top: 0 !important;
    }

    .single-product .layout1 .col-50>div {
        padding-bottom: 0 !important;
    }

    .single-product .product-carousels-section {
        margin-top: 50px;
    }

    .single-product .up-sells>h2,
    .single-product .related>h2 {
        margin-top: 0;
    }

    .single-product .product-carousels-section .content>section {
        margin-top: 35px;
    }

    html .product-carousels-section .owl-carousel .owl-nav button.owl-next,
    html .product-carousels-section .owl-carousel .owl-nav button.owl-prev,
    html .single-post .owl-carousel .owl-nav button.owl-prev,
    html .single-post .owl-carousel .owl-nav button.owl-next,
    html .page:not(.home) .owl-carousel .owl-nav button.owl-prev,
    html .page:not(.home) .owl-carousel .owl-nav button.owl-next {
        position: relative;
    }

    html .product-carousels-section .owl-carousel .owl-nav,
    html .single-post .owl-carousel .owl-nav,
    html .page:not(.home) .owl-carousel .owl-nav {
        justify-content: center;
        display: flex !important;
        bottom: 0 !important;
        transform: none !important;
        margin-top: 25px;
        gap: 15px;
    }

    html .single-post .owl-carousel .owl-dots,
    html .page:not(.home) .owl-carousel .owl-dots {
        display: none;
    }

    .single-product .product-carousels-section .content {
        margin-bottom: 35px;
    }

    .single-product.woocommerce .summary-prod-container span.onsale {
        font-size: 12px;
        padding: 11px 19px;
    }

    .single-product .summary-prod-container .yith-wcwl-add-to-wishlist .add_to_wishlist {
        font-size: 12px;
        padding: 9px 19px;
    }

    .single-product .summary-prod-container .yith-wcwl-add-to-wishlist .add_to_wishlist svg {
        width: 14px;
    }

    .woocommerce-product-details__short-description {
        margin-bottom: 15px;
    }

    .section-post-title-container>div>div {
        padding: 0 0 30px 0;
        border: none;
    }

    .section-post-title-container>div>div>div>div {
        padding-top: 0;
    }

    .section-post-title-container h1 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    #paragrafi #indice {
        padding: 0;
    }

    html .single-post .layout8 {
        padding: 0;
    }

    main ol li {
        padding-left: 0;
    }

    main ol li::before {
        position: relative !important;
        display: inline-flex;
        margin-right: 10px;
        margin-bottom: 15px;
        height: 20px;
        width: 20px;
        font-size: 12px;
    }

    .single-post .layout0,
    .single-post .layout1 {
        padding: 0;
        margin: 60px 0;
    }

    .single-post .layout1 .section-banner-l1 {
        padding: 10px
    }

    #section-social-bottom-single>div {
        margin-top: 0;
    }

    #correlati h2 {
        padding-bottom: 0;
    }

    #correlati .margin {
        margin: 25px 0 40px 0;
    }

    .page:not(.home) .woocommerce-breadcrumb {
        padding: 0;
    }

    .page:not(.home) .first-group-alt>.marquee-section {
        margin-bottom: 0;
    }

    .youtube-video-container {
        height: 220px;
        margin-top: 10px;
    }

    .cta-yt-cont {
        margin-top: 30px;
    }

    .search-results {
        gap: 10px !important;
    }

    .search-results>.col-25 {
        width: calc(50% - 5px) !important;
    }

    .filter-order-container {
        gap: 10px;
    }

    .filter-order-container>.col-50,
    .filter-order-container>.col-20,
    .filter-order-container>.col-80 {
        justify-content: center;
    }

    .filter-order-container>.col-20,
    .filter-order-container>.col-80 {
        width: 100% !important;
    }

    .filter-order-container>.col-80 {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .filter-order-container>.col-80>div {
        display: flex;
    }

    #prefooter .block-ras>a,
    #prefooter .block-ras>div {
        justify-content: start;
    }

    #paragrafi .flex-mob-xs {
        display: flex !important;
    }

    svg.video-overlay-play-icon {
        width: 40px;
    }



    section#striscia-2:before {
        display: none;
    }

    section#striscia-2 {
        padding-top: 1px !important;
    }

    .site-branding>.logo-container>a>svg {
        height: 40px;
    }

    section.visore.marginbasebottom6 {
        margin-bottom: 0;
        padding-bottom: 0;
    }

}

@media screen and (min-width: 768px) {

    div#map-mobile {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    header #navigation-bar .navigation-content.type_menu_7>div>div {
        width: 100%;
    }

    header .action-bar-content-left,
    .action-bar-content-right {
        display: none;
    }

    .action-bar-content-center.col-33 {
        width: 100%;
    }


    .storia button.hscroll-toggle {
        margin-left: 30px;
        margin-top: 20px;
    }

    body .storia #paragrafi .hscroll-container section.bg-none.panel:after {
        content: none;
    }


    .storia .hscroll-container .gap-100px {
        gap: 0;
    }

    form {
        flex-direction: column;
    }

    #wpsl-search-wrap .wpsl-input {
        flex-direction: column;
        margin-bottom: 10px;
    }

    input#wpsl-search-input {
        width: 100%;
    }

    #wpsl-search-btn:hover,
    #wpsl-search-btn,
    #wpsl-search-wrap div {
        margin: 0;
    }

    #wpsl-search-btn,
    #wpsl-search-wrap input {
        border-radius: 5px;
    }

    div#wpsl-gmap,
    #storelocator div#wpsl-result-list {
        width: 100%;
        margin-top: 20px;
    }

    #wpsl-search-wrap form {
        gap: 0;
    }

    .layout0 .col-80 h2.Normale {
        text-align: center;
    }


    /******** SCHEDA PRODOTTO ******/
    @media screen and (min-width:768px) {
        .woocommerce.single-product div.product div.summary {
            width: calc(55% - 70px) !important;
        }

        .single-product .gap-140px {
            gap: 40px !important;
        }


    }

}

@media screen and (max-width: 1180px) {

    .volto-wic .wic-nav {
        position: absolute;
        top: auto;
        bottom: 0;
    }


    .col-25.layout20__left {
        width: 100% !important;
        max-width: 100% !important;
    }


    h3.w-container {
        padding: 0px 0 20px 0;
    }

    button.wic-nav.wic-next {
        right: 0;
    }

    button.wic-nav.wic-prev {
        left: 0;
    }


    .accademia #paragrafi .layout19 .col-20 {
        width: 100%;
    }

    .layout20 .col-30,
    .layout20 .col-70 {
        width: 100%;
    }

    /*  generali */
    :root {
        --w-container-stretto: 100%;
    }

    .layout16__row {
        flex-direction: column;
        gap: 30px;
    }

    .layout16__left {
        position: static;
        top: auto;
        flex: 0 0 auto;
        padding-top: 0;
    }

    .layout16__rightScroll {
        margin-left: 0;
        margin-top: 0;
        max-height: none;
        height: auto;
        overflow: visible;
        padding-right: 0;
    }

    .sezione-date .date__day {
        font-size: 12px;
        font-weight: 700;
    }

    .sezione-date .date__month {
        font-size: 10px;
    }

    .sezione-date .date__cta {
        opacity: 1;
        text-align: center;
        justify-content: center;
    }

    .layout19 .date {
        flex-direction: row;
        align-items: flex-start;
    }

    .layout16__rightScroll[data-layout16-grid-scroll="true"] {
        height: auto;
        max-height: none;
    }

    .layout16__rightScrollInner {
        transform: none !important;
        will-change: auto;
    }

    /*******  Header ********/

    header #navigation-bar .navigation-content.type_menu_7>div>div {
        width: 100%;
    }

    body.home .menu-toggle,
    body.home #navigation-bar button {
        color: white;
    }

    .menu-toggle,
    #navigation-bar button {
        color: var(--accent-color);
    }

    header .action-bar-content-center {
        text-align: center;
    }

    body:not(.page-template-default) .menu-toggle,
    body:not(.page-template-default) #navigation-bar button,
    .sticky .menu-toggle {
        color: var(--text-color);
    }

    /**********  Striscia animata */

    .marquee__content img {
        width: 50px;
    }

    .marquee__content span {
        font-size: 30px;
    }

    /*****  Paragrafo 1 gap 160*/

    #paragrafi .layout1>.flex {
        gap: 60px;
    }

    .gap-140px>.col-50 {
        width: calc(50% - 30px);
    }

    #paragrafi .gap-140px {
        gap: 30px;
        width: 100%;
    }

    #paragrafi .layout1 .col-30 {
        width: 50%;
    }

    #paragrafi h2,
    #paragrafi .p-base {
        padding-left: 0;
        padding-right: 0;
    }

    /*****  Sez. Chi siamo hp */

    .layout12 .gap-65px {
        gap: 20px;
        justify-content: space-around;
    }

    /******  Footer */

    .mobile-tab .widget.widget_nav_menu {
        border: 1px solid #B896562D;
        border-radius: 6px;
        padding: 10px 15px;
    }

    .mobile-tab .widget.widget_nav_menu>div {
        display: block !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding-top: 0;
        transition: max-height 360ms ease, opacity 220ms ease, padding-top 260ms ease;
        will-change: max-height, opacity;
    }

    footer section#widget-area .widget ul.menu li {
        padding-bottom: 20px;
    }

    #footer section.border-bottom {
        border-bottom: 0;
    }

    .mobile-tab .widget-wrapper.active .widget.widget_nav_menu>div {
        opacity: 1;
        padding-top: 20px;
    }

    #footer .single-faq .menu-widget-footer-colonna-1-container,
    #footer .single-faq .menu-note-legali-container,
    #footer .single-faq .menu-corporate-container,
    #footer .single-faq .menu-prodotti-container {
        padding: 0 0 0;
    }

    #footer .single-faq.active .menu-widget-footer-colonna-1-container,
    #footer .single-faq.active .menu-note-legali-container,
    #footer .single-faq.active .menu-corporate-container,
    #footer .single-faq.active .menu-prodotti-container {
        padding: 20px 0 0;
    }

    footer section#widget-area .widget-row .widget-column .widget-title {
        position: relative;
    }

    .sez-logo {
        flex-direction: column;
    }

    .sez-logo p {
        text-align: center !important;
    }

    section#copyright-area {
        border: none;
        padding-top: 0;
    }

    footer section#widget-area {
        padding: 50px 0;
    }

    .widget-wrapper p.widget-title:after {
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
    }

    .widget-wrapper p.widget-title.opened:after {
        transform: translateY(-50%) rotate(135deg);
    }

    .mobile-tab {
        display: flex;
        flex-direction: column;
        row-gap: 20px;
    }

    .mobile-tab p.widget-title {
        padding-bottom: 0 !important;
    }

    .mobile-hidden-footer {
        display: none;
        visibility: hidden;
    }


    footer .grid-container {
        display: flex !important;
        width: 100% !important;
        grid-gap: 0;
        max-width: 100% !important;
    }

    .mobile-tab {
        width: 100%;
    }

    footer section#widget-area .widget-row .widget-column .widget-title {
        font-style: normal;
        font-family: 'Poppins';
        font-size: 14px;
    }

    /******  Blog  ***/

    .single-post .section-banner-l1 img {
        height: 100%;
    }

    .single-post .section-banner-l1 figure,
    .single-post .section-banner-l1 img {
        min-height: 200px;
        max-height: 300px;
    }

    .container-content-sidebar,
    .container-sidebar-content {
        flex-wrap: wrap;
        gap: 0;
    }

    .container-content-sidebar .sidebar,
    .container-sidebar-content .sidebar {
        position: relative;
        transform: none;
        height: auto;
        overflow: visible;
        background: transparent;
        padding: 30px 0;
        border-top: 1px solid #8D909330;
    }

    .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .custom-recently-viewed a.button.add-to-cart-btn {
        padding: 0px 25px;
        font-size: 22px;
    }

    .sideNav .menu-item-has-children .sub-menu {
        overflow: hidden;
    }

    #sideNav.level-2 .sub-menu.active-sub-menu,
    #sideNav.level-3 .sub-menu.active-sub-menu {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .post-type-archive-product .widget_product_categories {
        display: none !important;
    }

    .page-template-landing-abbonamento .gbs-sidebar {
        position: fixed !important;
        width: 100%;
        bottom: 0;
        background: var(--accent-color-alt);
        visibility: hidden;
        padding-top: 0;
        padding-bottom: 0;
    }

    .abb-prod {
        width: calc(33% - 8px) !important;
        flex-grow: 1;
    }

    .page-template-landing-abbonamento .gbs-sidebar {
        position: fixed !important;
        width: 100%;
        background: var(--accent-color-alt);
        height: max-content;
        bottom: 0;
        top: auto;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 1050;
    }

    .page-template-landing-abbonamento .gbs-sidebar>div {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }

    .layout15 .valore:nth-child(1),
    .layout15 .valore:nth-child(2),
    .layout15 .valore:nth-child(3) {
        width: 100% !important;
        justify-content: start;
        gap: 30px;
    }

    #abb_period_select {
        font-size: 14px;
        padding: 5px 10px;
    }

    .period-select-container {
        margin-top: 15px;
    }

    .total-container-abb {
        margin-top: 15px;
    }

    .button-container-abb {
        margin-top: 15px;
    }

    .page-template-landing-abbonamento .gbs-sidebar>div.expand-toggle {
        display: inline-flex !important;
    }
}

@media screen and (max-width: 1200px) {
    #quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav {
        gap: 15px;
    }

    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav>li.quadmenu-item>a {
        font-size: 13px;
    }

    .woocommerce-icons-header-container {
        gap: 10px;
    }
}

@media screen and (max-width: 1279px) {
    :root {
        /*Elementi*/
        --w-container: 100%;
        --w-container-stretto: 95%;
    }

}

@media screen and (max-width: 1440px) {
    .carosello-categorie .owl-stage {
        margin-left: -10px;
    }

    .container-sidebar-content,
    .container-content-sidebar {
        gap: 25px;
    }

    #colonna-principale {
        gap: 15px;
    }

    .three-columns .col-33 {
        width: calc(33% - 8px);
        flex-grow: 1;
    }

    .valore .numero p {
        font-size: 80px;
    }

    .valore__icon {
        width: 70px;
        height: 70px;
    }

    .valore__metric {
        width: 70%;
    }

    .hscroll-container .layout15 .col-100 {
        max-width: 800px;
    }

    .hscroll-container .layout15 .col-40 {
        width: 70%;
    }

    .hscroll-container .layout15 .valore {
        gap: 20px;
        padding-left: 0;
    }

}

@media screen and (min-width: 1181px) {
    .mobile-tab {
        display: none;
        visibility: hidden;
    }

    body:not(.page-template-landing-abbonamento) .categories-call-container {
        display: none;
        visibility: hidden;
    }
}

@media screen and (max-width: 767px) {

    .cv-menu-banners a,
    .cv-menu-banners a img {
        height: 160px;
    }

    .cv-menu-banner__title {
        font-size: 14px;
        font-weight: 400;
    }

    .layout0 .btn {
        margin-top: 30px;
    }

    .sideNav a.cv-menu-banner::after {
        background: linear-gradient(to top, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0) 100%);
    }

    #paragrafi svg {
        height: auto;
    }

    section.bg-img .layout0 h3,
    section.bg-img .layout0 .col-80,
    section.bg-video .layout0 label,
    .bg-video .layout0 .col-80 {
        text-align: center;
        justify-items: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.bg-img .layout0 .col-80 {
        margin-bottom: 40px;
    }

    div#paragrafi section.bg-img.overlay figure::after {
        height: 100%;
        background: transparent linear-gradient(180deg, #19191900 0%, #000000 100%) 0% 0% no-repeat padding-box;
        opacity: 0.9;

    }

    .layout16 .box-card {
        height: auto;
    }

    #paragrafi .col-60.layout0 {
        width: 100%;
    }

    span.testo-header {
        display: none;
    }

    #site-navigation {

        top: 0;
    }

    h3.w-container,
    h4.w-container,
    h2.w-container {
        padding-left: 0;
    }

    #paragrafi .col-60.layout0 h3 {
        padding-left: 0;
    }

    body.menu-open-no-scroll div#sideNav {
        max-width: 100%;
        min-width: auto !important;
        width: calc(100vw - 40px);
    }

    section.layout18 .flex.gap-20px {
        flex-direction: column;
        gap: 0;
    }

    section.layout18 .valore__metric {
        flex-direction: column;
        width: 100%;
        justify-content: center;
        text-align: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #0000000d;
    }

    footer .widget_4a {
        flex-direction: column;
        grid-gap: 30px !important;
    }

    .valore .numero p {
        font-size: 50px;
    }

    .layout15 .gap-100px {
        gap: 20px;
        justify-content: start;
    }

    .valore__icon {
        aspect-ratio: 1/1;
        width: 100px;
        height: 100px;
        padding: 0;
        margin-left: 0 !important;
    }

    .valore__icon img {
        width: 50%;
        height: auto;
    }


    .valore__metric {
        width: 70%;
    }

    .valore .separatore {
        display: none;
    }

    .numero,
    .info-numero {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }


}

@media screen and (max-width: 500px) {
    .banner-bottom .banner-thumb {
        display: none;
    }

    .filter-order-container {
        gap: 10px;
    }

    .filter-order-container>.col-50 {
        justify-content: center;
    }

    .cpops-cart-item__image {
        display: none;
    }
}

/* custom viewport width */
@media screen and (max-width: 1040px) {

    .cv-menu-banners a,
    .cv-menu-banners a img {
        height: 180px;
    }
}