/* XXL Devices (Large Desktop) */
@media (max-width: 1399px) {
    .container {
        max-width: 1200px;
        margin: 0 auto;
    }
}

/* Extra Large Devices (Small Desktop) */
@media (max-width: 1199px) {
    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding-left: 16px;
        padding-right: 16px;
    }

    .flex-footer {
        grid-template-columns: repeat(7, 1fr);
    }


    .flex_header_menu {
        margin-left: 20px;
        gap: 1.5rem;
    }

    .container_header_menu {
        max-width: 97%;
    }

    .box_text_header {
        gap: 1rem;
    }


    .item_text {
        left: 50px;
        bottom: 50px;
    }
}

/* Large Devices (Tablets) */
@media (max-width: 991px) {
    .flex-footer {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .slider-btn,
    .partner-nav-btn {
        width: 24px;
        height: 24px;
    }

    .slider-btn i,
    .partner-nav-btn i {
        font-size: 14px;
    }

    .menu {
        display: flex;
        flex-wrap: wrap;
    }

    .title-main {
        font-size: 24px;
    }

    .flex_header_menu {
        margin-left: 1.5rem;
        gap: 1rem;
        display: none;
    }

    .item_desc {
        font-size: 2rem;
    }

    .container_header_menu {
        max-width: 100%;
        margin: 0;
    }

    .flex-menu {
        width: 100%;
        justify-content: space-between;
    }

    .header-top-info {
        flex-direction: column;
    }

    .header-top-lang {
        flex-direction: column;
    }

    .box_text_header {
        align-items: center;
        justify-content: center;
    }

    .mobile-header {
        display: flex;
    }

    .item_text {
        width: 90%;
        left: 1.5rem;
        bottom: 40px;
    }

    .slider-item {
        height: 400px;
    }

    .slideshow {
        height: 400px;
    }

    .quality_criteria {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .list_category {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .category_item .item_name {
        font-size: 1.25rem;
        width: 140px;
    }

    .overview_text h3 {
        font-size: 1.5rem;
    }

    .title_category h3 {
        font-size: 1.5rem;
    }

    .title_section {
        font-size: 1.5rem;
    }

    .submit_contact h3 {
        text-align: center;
    }
    
    .submit_contact form {
        display: flex;
        justify-content: center;
    }

    .news_video {
        max-width: 100%;
    }

    .flex-footer> :first-child {
        grid-column: span 1;
    }

    .flex-footer> :last-child {
        grid-column: span 2;
    }

    .contact_footer {
        flex-direction: column;
        gap: 1rem;
        align-items: center;
    }

    .mobile-header-logo img {
        max-width: 50%;
    }
}

/* Medium Devices (Tablets) */
@media (max-width: 767px) {
    .flex-footer {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .heading-title h2 {
        font-size: 24px;
    }

    .overview {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
    }

    .overview_text {
        width: 100%;
    }

    .overview_img {
        width: 100%;
        height: 500px;
    }

    .img_absolute_3 {
        top: -30px;
        right: -2%;
    }

    .img_absolute_3 img {
        width: 150px;
        height: 145px;
    }

    .img_absolute_2 {
        bottom: 10px;
        left: 8%;
    }

    .img_absolute_2 img {
        width: 120px;
        height: 115px;
    }

    .img_absolute_1 {
        left: -5px;
    }

    .img_absolute_1 img {
        width: 100px;
        height: 100px;
    }

    .list_category {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .contact_footer {
        flex-direction: column;
        gap: 16px;
    }

    .submit_contact {
        width: 100%;
    }

    .input_email form input {
        width: 80%;
    }

    .contact_box h3 {
        font-size: 1.5rem;
        text-align: center;
    }

    .heading-title h3 {
        font-size: 1.5rem;
    }

    .news_list {
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }

    .news_box {
        grid-template-columns: 1fr;
    }

    .new_wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .news_videos {
        margin-top: 2rem;
    }
}

/* Small Devices (Phones) */
@media (max-width: 575px) {

    .heading-title h2::before,
    .heading-title h2::after {
        display: none;
    }

    .heading-title h2 {
        font-size: 20px;
    }

    .flex-header-top {
        flex-direction: column;
        gap: 8px;
    }

    .flex-header-top-left {
        flex-direction: column;
        gap: 6px;
    }

    .menu {
        display: none;
    }

    .flex-footer {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .product-category,
    .news-index,
    .partner,
    .footer-main,
    .product-hot {
        padding: 32px 0;
    }

    .list_category {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .item_text {
        padding: .5rem;
        left: 10px;
        bottom: 10px;
    }

    .item_desc {
        font-size: 1.25rem;
    }

    .btn_quote {
        margin-top: .5rem;
    }

    .slider-btn {
        padding: 2px;
    }

    .product-hot-nav {
        display: none !important;
    }

    .address_contact {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .submit_contact h3 {
        text-align: center;
    }

    .item_content {
        font-size: 12px;
    }

    .social_footer {
        flex-direction: column;
        gap: .5rem;
    }

    .flex-copyright {
        font-size: .875rem;
    }

    .abl_text h3 {
        font-size: 1.5rem;
    }
}

/* Extra Small Devices */
@media (max-width: 374px) {
    .heading-title h2 {
        font-size: 18px;
    }

    .product-category,
    .news-index,
    .partner,
    .footer-main,
    .product-hot {
        padding: 24px 0;
    }
}