@media (hover: hover) {
    footer ul > li > a:hover {
        color: var(--color-hover);
    }
    .lang_switcher_list_drop a:hover {
        border-color: #99C33B;
    }
    .header_info_phones a:hover {
        color: var(--color-hover);
    }
}
@media (max-width: 1600px) {
    html {
        font-size: 14px;
    }
}
@media (max-width: 1400px) {
    html {
        font-size: 13px;
    }
    .about {
        background-size: cover;
    }
}
@media (max-width: 991px) {
    :root {
        --container-padding: 1rem;
        --header-height: 3.75rem;
        --logo-height: 2.46556rem; 
        --logo-footer-height: 4.75rem; 
    }
    html {
        font-size: 16px;
    }
    .intro .container {
        justify-content: flex-start;
        padding-top: calc(var(--header-height) + 2.19rem);
    }
    .intro_slide_title {
        font-size: 3rem;
    }
    .intro_slide_subtitle {
        font-size: 1rem;
    }
    .about_wrapper {
        grid-gap: 0;
        grid-template-columns: 1fr;
    }
    /* .about_img {
        height: 18rem;
    } */
    .about_title {
        font-size: 1.5rem;
        margin-bottom: 0.56rem;
    }
    .about_info .btn {
        margin-top: 3.4rem;
        max-width: 100%;
    }
    .front_products {
        margin-top: 2rem;
        padding-bottom: 3rem;
    }
    .front_products_title {
        font-size: 1.5rem;
    }
    .front_products_title_bg {
        font-size: 2.50488rem;
    }
    .products_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .front_products_title_bg {
        white-space: inherit;
    }
    .faq_title {
        font-size: 1rem;
        margin-bottom: 0.62rem;
    }
    .faq_item:hover .faq_title, .faq_item .faq_title.open {
        font-size: 1rem;
    }
    .faq_content * {
        font-size: 0.8125rem;
    }
    .contact_us {
        margin-top: 6rem;
    }
    .contact_us .contact_us_content li,
    .contact_page .contact_us_content li {
        aspect-ratio: unset;
        display: flex;
        flex-direction: column-reverse;
    }
    .contact_us_content_info {
        position: static;
    }
    footer {
        padding: 1.875rem 0 1.875rem 0;
    }
    .footer_wrapper {
        flex-direction: column;
    }
    .contact_us_content_info.footer {
        max-width: 100%;
    }
    .footer_center {
        width: 100%;
    }
    .footer_right {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    .footer_right > div {
        margin-bottom: 1rem;
    }
    .page_content::before {
        height: 5.6875rem;
    }
    .page_content {
        padding-top: 5.6875rem;
        position: relative;
        padding-bottom: 4.5rem;
    }
    .contact_us_tabs li {
        font-size: 1rem;
        height: 2rem;
    }
    .contact_us_tabs li.active, .contact_us_tabs li:not(.active):hover {
        font-size: 1rem;
    }
    .header_left {
        width: 30%;
    }
    .header_right {
        width: 80%;
    }
    .header_right > div:not(:last-child) {
        padding-right: 2.19rem;
        margin-right: 0;
    }
    .header_center {
        width: auto;
    }
    header {
        padding: 0.59rem 0;
        height: var(--header-height);
    }
    .header_logo {
        display: flex;
    }
    .header_logo img {
        height: auto;
    }
    .about_intro_title p {
        font-size: 1.5rem;
    }
    .about_intro_text {
        font-size: 1rem;
    }
    .crawl_lines {
        padding-top: 1.2rem;
        padding-bottom: 2rem;
    }
    .crawl_lines_item > div {
        font-size: 5rem;
        margin-right: 1rem;
    }
    .about_section_wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1.25rem;
    }
    .about_section {
        margin-top: 1.5rem;
        margin-bottom: 4.5rem;
    }
    .about_section_text * {
        font-size: 0.8125rem;
    }
    .about_section_title {
        font-size: 1.125rem;
        margin-bottom: 0.63rem;
    }
}
@media (max-width: 768px) {
    .contact_us .contact_us_content_info,
    .contact_page .contact_us_content_info {
        max-width: 100%;
        margin-bottom: 0.88rem;
    }
}