/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .logo-header {
        width: 280px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .circle-numbered {
        --bs-bg-opacity: 1;
        border-radius: 50% !important;
        background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
    }
    .position-numbered-custom {
        right: 0 !important;
        bottom: 0 !important;
        position: absolute !important;
    }
    .tecniche .expansion-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .w-6 {
        width: 6rem;
    }
    .fs-6-custom{
        font-size:calc(1.275rem + 0.3vw) !important;
    }
    .container-bigger {
        max-width: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .tecniche .expansion-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .container-bigger {
        max-width: 1040px;
    }
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .border-lg-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .span-normal span{
        font-size: 1.5rem !important;
    }
    .tecniche .expansion-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .logo-header {
        width: 350px;
    }

    .container-bigger {
        max-width: 1240px;
    }

}

@media (min-width: 1400px) {
    .tecniche .expansion-grid {
        grid-template-columns: repeat(5, 1fr);
    }
    .container-bigger {
        max-width: 1440px;
    }
    .pb-8 {
        padding-bottom: 7rem !important;
    }
}

@media (min-width: 1600px) {
    .container-bigger {
        max-width: 1500px;
    }
}

@media (min-width: 1700px) {
    .container-bigger {
        max-width: 1640px;
    }
}

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

@media (max-width: 1399.98px) {
    .pb-8 {
        padding-bottom: 4rem !important;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .span-normal span{
        font-size: calc(1.275rem + 0.3vw) !important
    }
    .pb-8 {
        padding-bottom: 4rem !important;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .nav-item.dropdown .dropdown-menu {
        display: block !important;
        position: static;
        float: none;
    }
    .pb-8 {
        padding-bottom: 3rem !important;
    }
}

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

    .fs-6-custom{
        font-size: 1.25rem !important;
    }
    .w-6 {
        width: 4rem;
    }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .pb-8 {
        padding-bottom: 3rem !important;
    }
    .w-6 {
        width: 10rem;
    }
    .fs-6-custom{
        font-size: 1rem !important;
    }
    .logo-header {
        width: 180px;
    }
}