/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .bg-sm-transparent {
        background-color: transparent !important;
    }
    .border-bottom-sm-0 {
        border-bottom: 0 !important;
    }
    .border-end-sm-3-white {
        --bs-border-opacity: 1;
        border-right: 3px var(--bs-border-style)
            rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    }
    .text-sm-white {
        color: var(--white) !important;
    }
    .w-sm-40 {
        width: 40% !important;
    }
    .w-sm-75 {
        width: 75% !important;
    }
    .w-sm-100 {
        width: 100% !important;
    }
    .h-sm-100 {
        height: 100% !important;
    }
    .sez-corsi {
        display: grid;
        grid-template-columns: 2fr 3fr;
        grid-template-rows: auto auto;
        grid-template-areas:
            "content content"
            "image links";
    }
    .sez-corsi .content {
        grid-area: content;
    }
    .sez-corsi .links {
        grid-area: links;
    }
    .sez-corsi .image {
        grid-area: image;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .border-md-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style)
            var(--bs-border-color) !important;
    }
    .position-md-static {
        position: static !important;
    }
    .w-md-50 {
        width: 50% !important;
    }
    .w-md-75 {
        width: 75% !important;
    }
    .w-md-100 {
        width: 100% !important;
    }
    .sez-corsi {
        grid-template-columns: 1fr 2fr;
    }
    .swiper-nav .swiper-button-next,
    .swiper-nav .swiper-button-prev {
        top: 55px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .fs-lg-4 {
        font-size: 1.5rem !important;
    }
    .position-lg-relative {
        position: relative !important;
    }
    .position-lg-absolute {
        position: absolute !important;
    }
    .transform-lg {
        transform: scale(var(--scale, 1))
            translate(var(--spaceX, 0), var(--spaceY, 0)) !important;
    }
    .translate-middle-lg {
        transform: translate(-50%, -50%) !important;
    }
    .h-lg-100 {
        height: 100% !important;
    }
    .w-lg-90 {
        width: 90% !important;
    }
    /* HEADER */
    .dropdown-menu {
        border-radius: 0;
        left: 0;
        right: auto;
        display: block;
        opacity: 0;
        width: 100%;
        transform: translateY(10px);
        visibility: hidden;
        transition:
            opacity 0.3s ease,
            transform 0.3s ease,
            visibility 0.3s;
    }
    .dropdown:hover .dropdown-menu,
    .dropdown-menu.show {
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }

    .sez-corsi {
        grid-template-columns: repeat(6, 1fr);
        grid-template-areas:
            "image image content content content content"
            "image image links   links   links   links";
    }
    .bg-light-custom {
        background-image: linear-gradient(
            to right,
            var(--bs-light) 80%,
            transparent 80%
        );
    }
    .btn-border-custom {
        position: relative;
    }

    /* .image-swiper .img-container {
        height: 100% !important;
    } */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .h-tags h1 {
        font-size: 2.5rem !important;
    }
    .h-tags h2 {
        font-size: 2rem !important;
    }
    .h-tags h3 {
        font-size: 1.75rem !important;
    }
    .h-tags h4 {
        font-size: 1.5rem !important;
    }
    .swiperTestata {
        overflow: visible !important;
    }
    .swiperTestata .img-testata {
        position: absolute;
        right: 5rem;
        top: 0;
        width: 40%;
        margin-left: auto;
        max-width: 700px;
    }
    /* .swiper-nav .swiper-button-disabled {
        opacity: 0;
    } */
    .swiper-nav .swiper-button-prev {
        right: 48px;
        top: 50%;
    }
    .swiper-nav .swiper-button-next {
        right: 8px;
        top: 50%;
    }
    /* .modal-gallery .modal-content {
        max-height: 90vh !important;
    } */

    .sez-corsi {
        grid-template-areas:
            "image image content content content content"
            "image image links   links   links .";
    }
}

@media (min-width: 1400px) {
    .swiperTestata {
        min-height: 600px;
        margin-bottom: 100px !important;
    }
}

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

@media (min-width: 1920px) {
    .site-wrap {
        width: 1920px;
        max-width: 100%;
        margin: 0 auto;
    }
}

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

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* .modal-gallery .modal-content {
        max-height: 660px !important;
    } */
    /* .text-swiper .swiper-slide .text {
        height: 500px;
    } */
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* HEADER */
    .dropdown {
        overflow: hidden;
    }
    .dropdown-menu {
        display: block;
        transform: translateY(100%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
        max-height: 0;
        position: static;
    }
    .dropdown-menu.show {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        max-height: 500px;
    }
    .bg-light-custom {
        --bs-bg-opacity: 1;
        background-color: rgba(
            var(--bs-light-rgb),
            var(--bs-bg-opacity)
        ) !important;
    }
    .header-search {
        max-width: none !important;
    }
    .offcanvas.offcanvas-end {
        width: 300px;
    }
    /* .modal-gallery .modal-content {
        max-height: 90vh !important;
    } */
    /* .image-swiper .img-container {
        height: 485px !important;
    } */
    /* .modal-gallery .modal-content {
        height: 758px;
    } */
    /* .text-swiper .swiper-slide .text {
        height: 110px;
    } */
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* .modal-gallery {
        max-width: 650px;
    } */
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .breadcrumb {
        font-size: 14px;
    }
    .px-0-til-sm {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .testata.display-5 {
        font-size: calc(1.2rem + 2.1vw) !important;
    }
}