/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    footer .list-inline li:not(:last-child) {
        margin-right: 0.5rem;
        padding-right: 0.5rem;
        border-right: 1px solid #fff;
    }

    footer .list-inline li {
        display: inline-block;
    }

    /*.sez-meteo {min-height: 170px;}*/
    .green-sm {background-color: var(--green);}
    .img-meteo {margin-top: -35px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .slider-tecnici {width: 75vw;height:400px;}
    .thumb-slider-tecnici {height:400px;width:130px;}
    .thumb-slider-tecnici .swiper-slide {width:100%;height:100%;}   

    .thumb-slider-tecnici .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .thumb-slider-tecnici .swiper-slide {opacity: 0.4;}
    .thumb-slider-tecnici .swiper-slide-thumb-active {opacity: 1;}
    /*.sez-meteo {min-height: 200px;}*/
    .img-meteo {margin-top: -45px;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header {padding: 20px 0;}
    .title-page::before {width:100vw;}
    .thumb-slider-tecnici .swiper-slide {height: calc((100% - 10px) / 3) !important;}
    .thumb-slider-tecnici {height:400px;width:250px;}

    .slider-tecnici {height: 400px;}
    /*.sez-meteo {min-height: 225px;}*/
    .img-meteo {margin-top: -60px;}

    .box-green-small {padding: 50px 20px;}
    .img-box-verde img {height: 350px;}

    .custom-search-header input[type="text"], header .btn-default {
        height: 35px;
    }
    .custom-search-header button {
        width: 35px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .box-green-small {padding: 50px 35px;}
    .img-meteo {margin-top: -80px;}
    /*.sez-meteo {min-height: 270px;}*/
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1350px;
    }

}

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

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    
    h1, .h1 {font-size: 36px;}
    h2, .h2 {font-size: 28px;}
    h3, .h3 {font-size: 25px;}
    h4, .h4 {font-size: 21px;}
    
    /*.btn-border {font-size: 18px;}*/
    p, ul li {font-size: 16px;}
    
    .tit-footer span {font-size: 28px;}
    .p-big p, p.p-big {font-size: 18px;}
    
    .title-page {margin-top: -30px;}

    header .navbar-nav .nav-link,
    header .link-ecommerce .label,
    header .wrap-user .label, .wrap-navigation .swiper-button-prev:after, .wrap-navigation .swiper-button-next:after {font-size: 15px;}

    header .navbar-nav .nav-item {margin-right: 25px;}

    .wrap-navigation .swiper-button-prev, .wrap-navigation .swiper-button-next {height:20px;width: 20px;}
    .wrap-navigation {width: 45px;height:20px;bottom:50px;right: -30px;}
    .wrap-slider {
        position: relative;
        margin-top: -40px;
    }
    
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .item-prod .prezzo-prod, .item-prod .nome-prod {font-size: 17px;}
    .item-prod .cat-prod, p, ul li {font-size: 14px;}
    
    .slider-catprod .preview-cat {font-size: 20px;}
    .tit-footer span, .fascia-contatti .h3 {font-size: 24px !important;}

    .btn-border {font-size: 17px;}
    
    /*NAVBAR*/
    /*header .link-ecommerce {border-bottom: 1px solid var(--main);}*/
    header .link-ecommerce .wrap-icon i {font-size: 18px;}
    header .link-ecommerce .wrap-icon a:before {display: none;}
    header .navbar {padding-top: 0;padding-bottom: 0;}

    header .navbar-toggler {
        background: transparent;
        width: auto;
        height: auto;
        padding: 0;
        border-radius: 0;
        z-index: 9999;
        position: relative;
        display: flex;
        align-items: center;
        padding: 0;
        margin-right: 0;
        margin-left: auto;
    }

    header .navbar-toggler.is-active::before {
        width: 300px;
        height: 300px;
    }

    header .navbar-toggler .bar {
        width: 25px;
        height: 2px;
        background-color: var(--main);
        margin: 0 auto;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        display: block;
        cursor: pointer;
    }

    header .navbar-toggler .bar:nth-child(2) {
        margin: 5px 0;
    }
    
    header .navbar-toggler.is-active .bar {background-color: var(--green);}

    header .navbar-toggler.is-active .bar:nth-child(2) {opacity: 0;}

    header .navbar-toggler.is-active .bar:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        -o-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }

    header .navbar-toggler.is-active .bar:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        -o-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }

    header .navbar-collapse .navbar-nav {
        padding: 10px 20px;
    }

    header .navbar-nav .nav-item {margin:5px 0;}
    header .navbar-nav .nav-link {display: inline;padding: 5px 15px;}

    header {padding-bottom: 15px;}
    
    .item-prod .ticket-sconto {
        width: 45px;
        height: 45px;
        bottom: 10px;
        left: 10px;
    }
    
    .slider-catprod .preview-cat {width: 390px;}
    
    .title-page::before {width:100%;left: -15px;}
    
    .form-footer form input[type="email"] {width:200px;}

    /*.slider-tecnici {width: 75vw;height: 100%;}
    .thumb-slider-tecnici {height:400px;width:130px;}
    .thumb-slider-tecnici .swiper-slide {width:100%;height:100%;}*/

    .box-green-small {padding: 40px 15px;}

    .custom-search-header input[type="text"], header .btn-default {height: 40px;}
    .custom-search-header button {width: 40px;}
    
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    h1, .h1 {font-size: 30px;}
    h3, .h3 {font-size: 23px;}

    .slider-catprod .preview-cat {font-size: 18px;}
    
    .btn-border {font-size: 16px;}
    
    footer p, .filtri .filtro .item, .filtri .filtro input {font-size: 13px;}

    header .logo img {width: 220px;}

    .btn-default, .filtri .filtro .tit {font-size: 14px;}
    .slider-tecnici, .slider-tecnici .swiper-wrapper {width: 100%;max-height: 400px;}
    .slider-tecnici .swiper-slide {max-height: 400px;}
    .slider-tecnici .swiper-slide img {max-height: 400px !important;}
    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    h1, .h1 {font-size: 27px;}
    h2, .h2, .tit-footer span, .carrello h3 {font-size: 20px!important;}
    h3, .h3, h4, .h4, .tit-footer span, .fascia-contatti .h3 {font-size: 18px !important;}
    header .link-ecommerce .wrap-icon a {font-size: 18px;}
    
    .p-big p, p.p-big, .btn-default, .btn-border, .btn-default i,
    .arrows-correlati .swiper-button-prev:after, .arrows-correlati .swiper-button-next:after {font-size: 15px;} {font-size: 15px;}

    header .link-ecommerce .label, header .wrap-user .label, header .btn-default {font-size: 13px;}
    
    .testata-big::before {width: 100%;}
    .testata-big .img-testata {margin: 0 auto;width: 350px;max-width: 100%;}

    .item-prod {width: 280px;max-width: 100%;}
    
    .img-box-verde {margin-bottom: -60px;margin-top: 0;}
    
    .slider-catprod {margin-left: -12px;}
    
    /*.btn-arrow {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }*/
    
    .form-footer .btn-append {width: calc(100% + 1px);}
    
    .slider-catprod .preview-cat {margin: 0 auto;}
    .title-page {margin-top: -25px;}

    .icon-info {font-size: 60px;top: -45px;}

    header .logo img {width: 180px;max-width: 100%;}

    form input,
    form select,
    form textarea {font-size: 15px !important;}

    .wrap-registrazione {padding: 40px 15px;}

    .btn-default {height: 45px;/*line-height: 35px;*/}
    .btn-default.triangle::before {border-width: 22.5px 0 22.5px 22px;height:45px;}

    .wrap-slider {margin-top: -30px;}

    .arrows-correlati .swiper-button-next,.arrows-correlati .swiper-button-prev {height:25px;width: 25px;}
    .arrows-correlati {width: 55px;height:25px;}
    .item-prod {margin: 0 auto;}

    .green-max-xs {background-color: #1AA95C !important;}
    .mt-n-xs {margin-top: -50px;position: relative;}
    
}