@media only screen and (max-width: 1199px) {
    .hide-lg { display: none; }
}

@media only screen and (max-width: 991px) {
    :root {
        --bs-gutter-x: 32px;
    }

    .hide-md { display: none; }

    h1 { font-size: 38px; line-height: 57px; }
    h2 { font-size: 30px; line-height: 38px; }
    h3 { font-size: 24px; line-height: 30px; }
    h4 { font-size: 20px; line-height: 25px; }
    h5 { font-size: 20px; line-height: 30px; }
    h6 { font-size: 12px; line-height: 18px; }
    p { font-size: 18px; line-height: 27px; }


    footer .inner {
        flex-direction: column;
    }

    footer .inner:before {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 1021px;
        height: 1036px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='1021' height='1036' viewBox='0 0 1021 1036' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M382.875 0.129395H598.643L1021 515.581L616.516 1035.53H391.892L805.232 524.899L382.875 0.129395Z' fill='white'/%3E%3Cpath d='M0 0.129395H215.768L638.125 515.581L233.641 1035.53H9.01716L422.357 524.899L0 0.129395Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    }

    footer .info-section {
        padding-bottom: 72px;
    }

    footer .inner .navs {
        flex-direction: column;
    }

    footer .inner .navs .nav-container {
        padding-right: 0;
    }

    footer .inner .navs .nav-container {
        padding-bottom: 48px;
    }

    footer .inner .navs .nav-container:last-of-type {
        padding-bottom: 0;
    }

    footer .bottom .bottom-inner {
        flex-direction: column;
    }

    footer .bottom p {
        margin-top: 8px;
    }

}


@media only screen and (max-width: 767px) {
    .hide-sm { display: none; }
}