@media screen and (max-width: 1599px) {
    .container {
        max-width: 1370px !important;
    }
}
@media screen and (max-width: 1399px) {
    .container {
        max-width: 1240px !important;
    }
    .contact-thumbnails {
        width: 40%;
    }
}
@media screen and (max-width: 1299px) {
    .container {
        max-width: 1140px !important;
    }
    .footer-widget ul li a {
        font-size: 16px;
    }
}
@media screen and (max-width: 1199px) {
    .container {
        max-width: 940px !important;
    }
    body {
        font-size: 16px;
        line-height: 32px;
    }
    .h1 {
        font-size: 72px;
        line-height: 1.04;
    }
    .hero-content h1 {
        margin-bottom: 5px;
    }
    .hero-subtitle {
        font-size: 16px;
        line-height: 38px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .hero-content .preTitle {
        font-size: 32px;
    }
    .header__nav .nav__link {
        font-size: 16px;
        padding: 0px 27px;
    }
    .btn-main .btn__body {
        padding: 10px 20px;
        font-weight: 700;
        font-size: 16px;
        line-height: 33px;
    }
    .btn-main .btn__icon {
        width: 56px;
    }
    .offer-section--title {
        padding: 70px 0px 40px;
    }
    .h2 {
        font-size: 48px;
    }
    .offer-slider .swiper-slide {
        max-width: 328px;
        width: 100%;
    }
    .offer-slider-wrapper {
        margin-bottom: 85px;
    }
    .offer__section-btn {
        padding: 13px 0px;
        border-top: 2px solid #0000002b;
    }
    .about-section {
        padding: 66px 0px;
    }
    .about-content h2 {
        margin-bottom: 18px;
    }
    .review-section {
        padding: 60px 0px 80px;
    }
    .review-section--title {
        margin-bottom: 32px;
    }
    label {
        font-size: 16px;
        font-weight: 500;
    }
    .footer-widget ul li a {
        font-size: 16px;
        line-height: 24px;
    }
    .footer-top {
        padding: 60px 0px 58px;
    }
    .contact-section {
        padding: 60px 0px 70px;
    }
}
@media screen and (max-width: 991px) {
    .container {
        max-width: 720px !important;
    }
    .header__container {
        padding: 12px 13px;
    }
    .hero-wrapper {
        background-position: right;
    }
    .hero-content {
        max-width: 569px;
    }
    .offer-card__img img {
        height: 210px;
    }
    .offer-slider .swiper-slide {
        max-width: 280px;
        width: 100%;
    }
    .review-card {
        padding: 18px 18px 24px;
    }
    .input-box input {
        height: 42px;
    }
    .input-box {
        margin-bottom: 28px;
    }
    .header__hamburger button {
        color: #000;
        font-weight: normal;
        width: 28px;
        height: 28px;
        font-size: 20px;
    }
    .header {
        top: 17px;
    }
    main {
        overflow-x: hidden;
    }
    .hero-content .preTitle {
        margin-bottom: 8px;
    }
    .footer-logo {
        padding-top: 24px;
    }
    .footer-logo-box {
        max-width: 400px;
    }
    .header__search-bar {
        margin-top: 8px;
        padding: 8px;
    }
    .search-section .offer-section--title {
        padding-top: 120px;
    }
    .search-section__summary {
        font-size: 16px;
    }
}
@media screen and (max-width: 771px) {
    .container {
        max-width: 420 !important;
    }
    .footer-top {
        padding: 24px 0px 16px;
    }
    .footer-widget ul li a {
        font-size: 14px;
        line-height: 23px;
    }
    .footer-widget ul {
        gap: 6px;
    }
    .footer-widget {
        margin-bottom: 24px;
    }
    .hero-section {
        height: auto;
        padding: 8px 8px;
    }
    .hero-wrapper {
        min-height: 60vh;
        height: 100%;
        padding: 128px 0 80px;
    }
    .hero-content .preTitle {
        font-size: 20px;
    }
    .h1 {
        font-size: 40px;
        line-height: 1.04;
    }
    .hero-subtitle {
        font-size: 14px;
        line-height: 27px;
        font-weight: normal;
        margin-bottom: 32px;
    }
    .hero-content h1 {
        margin-bottom: 13px;
    }
    .btn-main .btn__body {
        padding: 10px 13px 9px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
    }
    .btn-main .btn__icon {
        width: 41px;
    }
    .offer-section--title {
        padding: 25px 0px 30px;
    }
    .h2 {
        font-size: 32px;
    }
    .swiper-navs button {
        width: 34px;
        height: 34px;
    }
    .offer-card__content {
        padding: 11px 0px 0px;
    }
    h3.offer-card__title {
        font-size: 22px;
        margin-bottom: 5px;
    }
    .offer-card__subtitle {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 18px;
        margin-bottom: 8px;
    }
    .offer-card__subtitle del {
        opacity: 0.5;
        font-size: 12px;
    }
    .offer-slider .swiper-slide {
        max-width: 240px;
        width: 100%;
    }
    .offer-card__img img {
        height: 168px;
    }
    .offer-slider-wrapper {
        margin-bottom: 40px;
    }
    .about-section {
        padding: 36px 0px 40px;
    }
    .about-content h2 {
        margin-bottom: 12px;
    }
    body {
        font-size: 14px;
        line-height: 30px !important;
    }
    .about-content p {
        margin-bottom: 20px;
    }
    .about-img--md img {
        width: 100%;
        height: 136px;
    }
    .review-section {
        padding: 32px 0px 50px;
    }
    .our-brands-section {
        padding-top: 45px;
    }
    .brand-card img {
        max-width: 90px;
    }
    .brands-slider-wrapper {
        padding-bottom: 32px;
    }
    .header__logo a img {
        max-width: 70px;
    }
    .header__container {
        padding: 5px 13px;
    }
    .footer-logo {
        padding-top: 16px;
    }
    .footer-logo-box {
        max-width: 70%;
    }
    .header__search-toggle {
        width: 32px;
        height: 32px;
        font-size: 17px;
    }
    .header__search-bar {
        margin-top: 6px;
        padding: 6px;
    }
    .search-form {
        padding: 3px 4px 3px 14px;
    }
    .search-form input.search-form__input {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .search-form button.search-form__btn {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    .search-section .offer-section--title {
        padding-top: 95px;
    }
    .search-section__subtitle {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .search-section__empty {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 575px) {
    .container {
        max-width: 100% !important;
    }
}