:root {
    --sc25: 0.25;
}

@media only screen and (max-width:1366px) {
    :root {
        --screen-scale: 0.75;
    }

    .navbar .navbar-brand {
        width: 15%;
    }
}

@media only screen and (max-width: 768px) {
    :root {
        --screen-scale: 0.5;
    }

    #company-partners-certificates {
        display: flex;
        flex-direction: column;
        gap: calc(var(--gap-gutter-y) * var(--screen-scale));
    }

    #main .introduction .introduction-carousel .introduction-description {
        gap: calc(var(--gap-gutter-y) * var(--sc25));
        display: flex;
        flex-direction: column;
    }

    #main .introduction .introduction-carousel .introduction-content {
        width: 100%;
    }

    #main .introduction .introduction-carousel .introduction-carousel-record {
        flex-direction: column-reverse;
    }

    #company-news .company-news-grid {
        height: unset;
    }

        #company-news .company-news-grid img {
            max-height: 20rem;
        }

    #solution-details .solution-advantages .solution-advantages-grid {
        flex-direction: column;
        gap: unset;
    }
}

@media only screen and (max-width: 450px) {
    #main .company-business .company-business-record {
        flex-direction: column;
        gap: calc(var(--gap-gutter-y) * var(--sc25));
    }

    #main .company-business .company-business-content {
        width: 100%;
    }

    #main .company-business .company-business-index {
        text-align: right;
        position: absolute;
        top: -20%;
        right: 0;
    }

    #company-news .company-news-grid img {
        max-height: 20rem;
    }

    .solutions-grid {
        flex-direction: column;
        gap: calc(3.75rem * var(--screen-scale));
    }

    #solution-details .property-rows {
        gap: 0;
    }

    #business-sectors .sub-sectors {
        flex-direction: column;
    }

        #business-sectors .sub-sectors .sub-sector-card .sub-sector-image {
            width: 100%;
            height: 100%;
        }

    .row {
        --bs-gutter-x: 0.5rem;
    }

    .navbar-brand img {
        width: 100%;
    }

    #footer .company-information .company-logo img {
        width: 100%;
    }
}