@media screen and (max-width: 1400px) {
    .navigation__wattora {
        display: none;
    }

    .header__wrapper > .search__btn__left {
        display: block;
    }

    .header__wattora {
        top: 0;
        padding: unset;
    }

    .wattora_search_xl {
        border-radius: 0 0 20px 20px;
        margin-top: 0px !important;
    }

    .btn__contact__header {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        padding: unset;
    }

    .header__wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff;
        border-radius: unset;
        padding: 10px 20px;
        position: relative;
    }

    /* Logo nằm giữa */
    .logo__wattora {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Nút tìm kiếm bên trái */
    .search__contact__btn {
        order: -1;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .btn__search__header {
        border: none;
        font-size: 18px;
        cursor: pointer;
        color: #fff;
        margin-top: 15px;
        background: var(--button-wattora);
        padding: 5px 30px;
        border-radius: 8px;
    }

    /* Nút liên hệ ẩn */
    .search__contact__btn {
        display: none;
    }

    /* Icon menu bên phải */
    .mobile__menu__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        font-size: 24px;
        color: #111;
        cursor: pointer;
        z-index: 101;
    }

    /* Overlay */
    .mobile__menu__overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 99;
    }

    .mobile__menu__overlay.active {
        opacity: 1;
        visibility: visible;
    }

    /* Sidebar menu */
    .mobile__menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 400px;
        height: 100vh;
        background: #fff;
        box-shadow: -4px 0 15px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        z-index: 100;
        overflow-y: auto;
        padding: 20px;
    }

    .mobile__menu.active {
        right: 0;
    }

    .mobile__menu__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .close__menu__btn {
        background: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: #111;
    }

    /* Sub menu toggle */
    .has__sub .sub__menu {
        display: none;
        margin-top: 10px;
        padding-left: 15px;
    }

    .has__sub.open .sub__menu {
        display: block;
    }

    .toggle__btn {
        background: none;
        border: none;
        color: #111;
        font-size: 16px;
        cursor: pointer;
        transition: transform 0.3s;
    }

    .has__sub.open .toggle__btn i {
        transform: rotate(45deg);
        /* chuyển + thành x */
    }

    .sub__toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile__nav li a {
        display: block;
        padding: 10px 0;
        color: #333;
        text-decoration: none;
    }

    .mobile__nav li a:hover {
        color: #e60000;
    }

    .solution__section .container {
        width: 100%;
        max-width: 100%;
    }

    .solution__video {
        display: flex;
        justify-content: center;
    }

    .solution__video video {
        width: 80%;
    }

    .wattora__about__title {
        font-size: 28px;
    }

    .header__wrapper .logo__wattora {
        padding-left: unset;
    }
}

@media screen and (max-width: 1200px) {
    .wattora__home__slider .slick-list {
        height: 100%;
    }

    .wattora__home__slider__item a {
        display: block;
        height: 100%;
    }

    .wattora__home__slider__item {
        height: 100%;
    }

    .wattora__home__slider_detail .slick-track {
        height: 100%;
    }

    .wattora__home__slider .wattora__home__slider_detail {
        height: 500px;
    }
}

@media screen and (max-width: 768px) {
    .wattora__video__overlay h1 {
        font-size: 1.2rem !important;
    }

    .wattora__home__slider .wattora__home__slider__item img {
        height: 100%;
    }

    .wattora__home__slider__item {
        height: 100%;
    }

    .wattora__values__header {
        padding: 0 30px !important;
    }

    .solution__slider__wrapper {
        padding: unset;
    }

    .wattora__values__slider {
        max-width: 95% !important;
    }

    .wattora__solution__item--reverse .wattora__solution__item__wrap {
        padding: 0 !important;
    }

    .wattora__news__submit {
        width: 160px;
    }

    .wattora__news__input {
        display: flex;
        justify-content: end;
    }
}