@media (max-width: 1400px) {
    .home-slider .carousel-wrapper .slide-content h2 {
        font-size: 42px;
    }
    .home-slider .carousel-wrapper .slide-content .pre-title {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .home-slider .carousel-wrapper{flex-direction:column}
    .shop-section .box-hours-shop .text {
        font-size: 14px;
    }
}


@media (min-width: 992px) {
    .row-element {
        --bs-gutter-x: 70px;
    }
}

@media (max-width: 991px) {
    h2{font-size:48px}
    header .navbar>.container-fluid{justify-content:space-between}
    .mappa-container{border-width:2px}
    .shops-section .shops-group .shops .shop,.services-section .services-group .services .service{width:calc(50% - 15px);margin-right:30px}
    .shops-section .shops-group .shops .shop:nth-child(2n),.services-section .services-group .services .service:nth-child(2n){margin-right:0}
    .shops-section .shops-group .shop:nth-child(3n),.services-section .services-group .service:nth-child(4n){margin-right:auto}
    .shops-section .box-change{justify-content:center}
    header .navbar-nav .nav-item{border-bottom:1px solid #f0f2f4}
    header .navbar-nav .nav-item:last-child{border-bottom:none}
    header .navbar-nav .nav-item .nav-link{padding-top:15px;padding-bottom:15px;margin:0 !important;}
    .route-promotions .search-form input,.route-promotions .input-wrapper .select2-container--default .select2-selection--single{width:205px!important}
    .route-promotions .input-wrapper{padding-right:19px}
    .route-promotions .search-form .select-search,.route-promotions .search-form .box-select .select2-container--default .select2-selection--single .select2-selection__rendered{width:205px}
    .come-here.box-img .navigation-buttons{position:initial!important;padding-left:0;padding-right:0;width:100%}

    header .navbar-nav .nav-item .nav-link{width:100%}
    header .navbar-nav .nav-item .nav-link.active:before{right:0;left:0}

    .breadcrumb-box .main-cover{background-image:url(../images/breadcrumb-cover-small.jpg);height:300px}
    .breadcrumb-box .title-box{min-height:300px}
    .breadcrumb-box .cover-box{padding:0}
    .breadcrumb-box .cover-box img{width:100%;height:300px;object-fit:cover}

    .shop-section{margin-top:-20px}
    .shop-section .col-desc{padding-top:20px}
    .shop-section .col-info .box-info-shop .box-img-logo img{width:auto!important}
    .shop-section .row-info{flex-direction:column-reverse}
    .shop-section .col-info .box-info-shop{padding:0 15px 40px}
}

@media (max-width: 767px) {
    :root {
        --font-size-base: 15px;
    }
    body {font-size: 15px;}
    button:focus-visible{outline: none;}
    
    .route-promotions .search-form input,.route-promotions .input-wrapper .select2-container--default .select2-selection--single{width:100%!important}
    .route-promotions .search-form .select-search,.route-promotions .search-form .box-select .select2-container--default .select2-selection--single .select2-selection__rendered{width:100%}
    .route-promotions .select2-container{width:100%!important}
    .route-promotions .box-select.box-order{margin-right:0}
    h2{font-size:30px}
    .title{font-size:24px}
    .subtitle{font-size:20px}
    .mappa-container{border-width:1px}
    .map {
        height: 300px;
    }
    .divider::after{content:none!important}
    .subtitle{font-size:22px!important}
    .shops-section .shops-group .shop .cover-wrapper{width:100%}
    .shops-section .shops-group .shop{margin-right:0}
    /* Commentato per aggiustare la lunghezza */
    /* .shops-section .shops-group .shops .shop,.services-section .services-group .services .service{width:100%;margin-right:0} */
    .gallery-shops .more-shops{min-height:300px}
    .search-section .input-wrapper{padding-right:0; width: 100%;}
    .search-section .input-wrapper .select2-container{width: 100% !important;}
    .search-form input,.input-wrapper .select2-container--default .select2-selection--single{width:100%!important}
    .route-promotions .search-form .box-select.box-order{width:49%!important}
    .route-promotions .search-form .box-select{max-width:49%}
    .search-form .box-select.box-order{margin-top:0}
    .element-section .box-photo{margin-bottom:30px}
    .areas-section h3,.contacts-section h3{margin-top:15px;margin-bottom:15px}
    .search-form,.search-form .box-button{width:100%}
    .calendar .title-calendar h2{font-size:35px}
    .calendar .title-list{margin-top:20px}
    .bee-scroll-top{bottom:80px}
    .home-content .text{margin-bottom:40px}
    .newsletter-box{padding-left:0}
    header{padding:1rem 0}
    .btn-general,.btn-general:focus,.btn-page,.route-eventsnews .search-form .btn-page,.route-home .search-form .btn-page{font-size: .9rem; padding:.375rem .5rem}
    .contacts-section h3, .informations-section h3 {margin-bottom: 1rem;}
    header img{width:180px}
    .mapplic-dir {
        max-height: 500px;
    }

    .box-footer{background-size:auto;background-position:top center;background-repeat:repeat-y}
    .box-footer .item{margin-bottom:30px}
    footer .title-footer{font-size:16px}
    footer .title-footer br {display: none;}
    footer .text{font-size:12px}
    .footer-last{padding-bottom:45px}
    .footer-last .text {font-size: 11px;}

    .assessment .title{font-size:23px}
    .assessment .title br{display:none}
    .assessment .modes{display:block}
    .assessment .modes span{margin:0;padding:.5rem}

    .box-cookies{display: none;}

    .breadcrumb-box .main-cover{background-image:url(../images/breadcrumb-cover-small.jpg);height:200px}
    .breadcrumb-box .title-box{min-height:200px}
    .breadcrumb-box .title-box h1,.home-slider .carousel-wrapper .slide-content h2{font-size:36px}
    .breadcrumb-box .title-box h1{margin-bottom:0;line-height:1;font-size:30px}
    .breadcrumb-box .title-box .pre-title{font-size:14px}
    .breadcrumb-box .breadcrumb{padding:2px 10px;}
    .breadcrumb li{font-size:14px}
    .breadcrumb-box .breadcrumb li.active {
        display: inline-block;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .calendar .items-title {flex-direction: column;align-items: flex-start;}
    .calendar .calendar-head .calendar-title{font-size: 20px;}
    .calendar .items-title .title {font-size: 30px;}

    .home-slider .carousel-wrapper .slide-content {width: 100%;padding:2rem 1rem}
    .home-slider .carousel-wrapper .slide-content .pre-title{font-size:14px}
    .home-slider .carousel-wrapper .slide-content h2{font-size: 32px;}
    .home-slider .carousel-wrapper .picture-mobile {
        display: block;
    }
    .home-slider .carousel-wrapper .picture-desk {
        display: none;
    }

    .informations-list {margin-bottom: 0;}
    .informations-list .informations-list-item {margin-bottom: 3rem;}

    .informed-section {margin-bottom: 0;}
    .informed-section .title {font-size: 30px;}

    .items-section .box-item {margin-bottom: 1rem !important;}

    .promotions-section .promotions-list {margin-top: 1rem; margin-bottom: 0;}
    .promotions-section .title-list {font-size: 30px; margin-bottom: 1rem;}
    .promotions-list .promotion .box-promotion {margin-bottom: 1rem !important;}

    .services-section .btn-page{margin-bottom:5px;width:100%}
    .services-section .box-categories{display:flex;flex-wrap:wrap;gap:10px}
    .services-section .box-categories .btn{flex:0 0 calc(50% - 5px);margin:0}
    .services-section .services-group .letter {font-size: 26px;margin: 0;}

    .sliders-section{margin-bottom:150px}
    .sliders-section .slick-prev,.sliders-section .slick-next{top:auto;bottom:-30%}
    .sliders-section .slick-prev{left:37%}
    .sliders-section .slick-next{right:37%}
    .sliders-section .shopping-slider .box-change{margin-top:0}
    .sliders-section .box-change{margin-top:120px}
    .sliders-section .slick-prev,.sliders-section .slick-next,.sliders-section .slick-prev:focus,.sliders-section .slick-next:focus{width:45px;height:45px}

    .search-section .search-form {
        flex-direction: column;
    }
    .search-section .search-form div + div {
        margin-left: 0;
        margin-top: .5rem;
    }
    .route-shops .search-section .search-form,
    .route-promotions .search-section .search-form {
        display: inline-block;
    }
    .route-promotions .search-section .search-form .box-select {
        width: 100%;
    }
    .route-shops .search-section .search-form .box-select,
    .route-promotions .search-section .search-form .box-select {
        float: left;
    }
    .route-shops .search-section .search-form .tools,
    .route-promotions .search-section .search-form .tools {
        float: inline-end;
    }
    .search-form .box-select .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 38px;
    }

    .shops-section .title-list{max-width: 260px;margin: 0 auto;}
    .shop-section .col-info .box-info-shop h1 {font-size: 30px;}
    .shops-section h2 {margin: 0;}
    .shops-section .shops-group .letter {font-size: 30px;}
    .shops-section .shops-list {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mappa {margin-bottom: 0;}

    .gallery-shops.shops-section{padding-top: 0;}
    .gallery-shops.shops-section .shops-group {padding-bottom: 0;}

    .triangle-title {font-size: 26px;}

    .widget-links{align-items:center;justify-content:center;top:initial;bottom:0;left:0;transform:none;right:0;border-top:1px solid var(--text-color);background-color:var(--white-color);flex-direction:row}
    .widget-links .item{border:none!important;margin:0!important}
    .widget-links .item .control{width:60px;height:60px;padding:.9rem}
    .widget-links .item .helper{display:none;position:absolute;bottom:100%;left:0;right:0;width:auto;height:auto;margin-bottom:1rem;border-top:1px solid var(--text-color);border-bottom:1px solid var(--text-color)}
    .widget-links .item.item-open .control{display:block}
    .widget-links .item.item-open .helper{display:block}

    .btn-collapse{
        max-width: 100%;
    }
    .aside-text{
        max-width: 100%;
    }
    .shops-section .shops-group .shops .shop{width:100%;margin-right:0}
    .services-section .services-group .services .service{
        max-width: 430px;
        width: 100%;
        margin-right:0
    }
    .modal-content.bee-dialog .bee-dialog-inner{
        padding: 30px 45px;
    }
    .modal-content .newsletter-img img {
        max-width: 250px;
    }
    .modal-content h1{
        font-size: 30px;
        margin: 20px 0;
    }
    .modal-content p{
        font-size: 15px;
        margin-bottom: 20px;
    }
    .modal-content .newsletter-form .custom-input-group{
        margin-bottom: 20px;
    }
    .modal-content .newsletter-form .custom-input-group input{
        font-size: 14px !important;
        height: 40px !important;
    }
    .modal-content .newsletter-form .btn-submit{
        height: 40px !important;
        border: 3px solid #FFFFFF !important;
    }
}