:root {
  font-size: 16px;
  --white: #FFF;
  --black: #000;
  --black_text: #261C1C;
  --main_color_brown: #D3AC56;
  --main_color_blue: #4E6D94;
}

@media (max-width: 1920px) {
    .container {
        max-width: 71.56vw
    }

    header .container {
        padding-top: 1.09vw;
    }

    .header__logo p {
        font-size: 1.25vw;
    }

    .header__nav {
        gap: 2.19vw;
    }

    .header__nav a {
        font-size: 0.83vw;
    }

    .header__nav a + a::before {
        font-size: 0.83vw;
        margin-right: 2.19vw;
    }

    .header__contacts {
        gap: 2.19vw;
    }

    .header__contact {
        gap: 0.21vw;
    }

    .header__contact img {
        width: 0.83vw;
        height: 0.83vw;
    }

    .header__contact p {
        font-size: 0.83vw;
    }

    .header__change_lang {
        gap: 0.42vw;
    }

    .header__change_lang a {
        border-radius: 1.72vw;
        min-width: 2.60vw;
        height: 1.51vw;
        font-size: 0.73vw;
    }

    .banner {
        height: 32.71vw;
    }

    .banner__wrapper {
        gap: 4.17vw;
        top: 7.03vw;
    }

    .banner__texts {
        gap: 1.56vw;
        width: 54.17vw;
    }

    .banner__texts h1 {
        font-size: 3.49vw;
    }

    .banner__texts p {
        font-size: 0.99vw;
    }

    .banner__button {
        width: 23.96vw;
        height: 5.47vw;
        border-radius: 2.08vw;
    }

    .banner__button p {
        font-size: 0.83vw;
    }

    .object {
        margin: 5.21vw 0;
    }

    .title__style {
        font-size: 2.92vw;
    }

    .object__select {
    margin-top: 3.13vw;
    }

    .object__all {
    top: 1.09vw;
    gap: 0.42vw;
    }

    .object__all p {
    font-size: 0.73vw;
    }

    .object__all img {
    width: 0.63vw;
    }

    .object__filters {
    padding: 0.10vw;
    border-radius: 15.73vw;
    gap: 2.14vw;
    }

    .object__filter {
    padding: 1.04vw 2.60vw;
    border-radius: 15.63vw;
    }

    .object__filter p {
    font-size: 0.73vw;
    }

    .object__boxs {
    margin-top: 2.08vw;
    gap: 0.83vw;
    }

    .object__box {
    height: 33.96vw;
    border-radius: 4.17vw;
    }

    .object__box__filter {
    gap: 0.52vw;
    border-radius: 10.26vw;
    padding: 0.42vw 0.63vw;
    top: 1.88vw;
    left: 1.30vw;
    }

    .object__box__filter p {
    font-size: 1.04vw;
    
    }

    .object__box__filter img {
    width: 1.56vw;
    }

    .object__button {
    padding: 2.19vw 0;
    border-radius: 15.63vw;
    width: 20.68vw;
    gap: 0.52vw;
    bottom: 0.52vw;
    }

    .object__button p {
    font-size: 0.83vw;
    }

    .why__we__wrapper {
    padding: 4.17vw 0 5.21vw 0;
    gap: 3.13vw;
    }

    .why__we__box {
    width: 15.63vw;
    gap: 1.04vw;
    }

    .why__we__box img {
    width: 2.60vw;
    height: 2.60vw;
    }

    .why__we__box p {
    font-size: 0.94vw;
    }

    .progress {
    padding-bottom: 4.17vw;
    }

    .progress__wrapper {
    padding: 3.23vw 0 8.13vw 0;
    gap: 3.80vw;
    border-radius: 4.17vw;
    }

    .progress__title {
    width: 31.77vw;
    margin-left: 35.83vw;
    gap: 1.04vw;
    }

    .progress__title p {
    font-size: 0.94vw;
    }

    .progress__boxs {
    width: 64.06vw;
    }

    .progress__box {
    gap: 3.13vw;
    border-radius: 2.08vw;
    padding: 1.56vw 1.56vw 2.29vw 1.56vw;
    }

    .progress__box__top {
    width: 7.14vw;
    }

    .progress__box__top__num {
    width: 2.60vw;
    height: 2.40vw;
    border-radius: 1.04vw;
    }

    .progress__box__top__num p {
    font-size: 1.04vw;
    }

    .progress__box__top__img {
    width: 2.08vw;
    }

    .progress__box__bottom {
    width: 7.14vw;
    }

    .progress__box__bottom p {
    font-size: 0.83vw;
    }

    .progress__box__bottom p span {
    font-size: 0.63vw;
    }

    .form {
    padding: 5.36vw 3.85vw;
    margin-bottom: 5.21vw;
    }

    .form__wrapper {
    width: 67.19vw;
    }

    .form__title {
    width: 17.92vw;
    gap: 2.08vw;
    }

    .form__title p {
    font-size: 0.94vw;
    }

    .form__form {
    gap: 2.08vw;
    }

    .form__form__inputs {
    gap: 2.08vw;
    }

    .form__form__input input {
    width: 21.51vw;
    padding: 1.41vw 1.41vw 1.41vw 3.54vw;
    border-radius: 0.83vw;
    font-size: 0.83vw;
    }

    .form__form__input input::placeholder {
    font-size: 0.83vw;
    }

    .form__form__input img {
    left: 1.67vw;
    width: 1.04vw;
    height: 1.04vw;
    }

    .form__form__send {
    gap: 2.08vw;
    }

    .form__form__send__button {
    padding: 1.67vw 5.63vw;
    border-radius: 26.04vw;
    font-size: 0.83vw;
    }

    .form__form__send .agreement {
    gap: 0.83vw;
    }

    .agreement .input__check {
    width: 1.04vw;
    height: 1.09vw;
    border-radius: 0.21vw;
    }

    .agreement .input__check img {
    width: 0.83vw;
    height: 0.83vw;
    }

    .agreement p {
    font-size: 0.83vw;
    }

    .question__wrapper {
    margin: 5.21vw 0;
    gap: 3.13vw;
    }

    .question__boxs {
    gap: 0.52vw;
    }

    .question__box {
    border-radius: 2.60vw;
    }

    .question__box__question {
    padding: 0.63vw 0.94vw 0.63vw 3.65vw;
    border-radius: 2.60vw;
    }

    .question__box__question p {
    font-size: 0.94vw;
    }

    .question__box__icon {
    width: 4.17vw;
    height: 4.17vw;
    }

    .question__box__icon img {
    width: 2.08vw;
    }

    .question__box__answer {
    font-size: 0.73vw;
    }

    .question__box__answer p {
    font-size: 0.94vw;
    }

    .question__box.active .question__box__question {
    border-radius: 2.60vw 2.60vw 0 0;
    }

    .question__box.active .question__box__answer {
    padding: 1.20vw 0.94vw 1.20vw 3.65vw;
    }

    .header__inner {
    border-radius: 0 0 3.13vw 3.13vw;
    padding: 2.24vw 0;
    }

    .page__title {
    padding: 9.38vw 0 5.21vw 0;
    }

    .page__title__title, .page__title__title__product {
    gap: 1.56vw;
    }

    .page__title__title h1 {
    font-size: 2.92vw;
    }

    .page__title__title__product h1 {
        font-size: 1.98vw;
    }

    .page__title__nav {
    gap: 0.83vw;
    }

    .page__title__nav a, .page__title__nav p {
    font-size: 0.83vw;
    }

    .catalog {
    padding-bottom: 5.21vw;
    }

    .catalog__left {
    width: 17.29vw;
    gap: 1.25vw;
    border-radius: 3.13vw;
    padding: 2.60vw 2.60vw 1.25vw 2.60vw;
    }

    .catalog__left__title p {
    font-size: 0.94vw;
    }

    .catalog__filter {
    padding: 1.56vw 0 1.56vw 0;
    border-bottom: 0.05vw solid #B8C2CF;
    gap: 0.83vw;
    }

    .catalog__filter__top {
    gap: 0.83vw;
    }

    .catalog__filter__num {
    gap: 0.83vw;
    }

    .catalog__filter__num img {
    width: 0.83vw;
    }

    .catalog__filter__num p {
    font-size: 0.83vw;
    }

    .catalog__filter__right {
    gap: 0.10vw;
    padding: 0.10vw 0.31vw;
    border: 0.05vw solid #B8C2CF;
    border-radius: 1.04vw;
    }

    .catalog__filter__right p {
    font-size: 0.83vw;
    }

    .catalog__filter__bottom {
    padding: 0 1.46vw;
    gap: 0.78vw;
    }

    .catalog__filter__bottom button p {
    font-size: 0.83vw;
    }

    .catalog__boxs {
    gap: 0.78vw;
    }

    .catalog__box {
    height: 24.95vw; 
    border-radius: 3.13vw;
    }

    .catalog__box__filter {
    gap: 0.36vw;
    border-radius: 10.26vw;
    padding: 0.31vw 0.52vw;
    top: 1.67vw;
    left: 1.46vw;
    }

    .catalog__box__filter p {
    font-size: 0.73vw;
    }

    .catalog__box__filter img {
    width: 1.15vw;
    }

    .catalog__box__button {
    padding: 1.51vw 0;
    border-radius: 19.11vw;
    width: 15.63vw;
    gap: 0.36vw;
    bottom: 0.52vw;
    }

    .catalog__box__button p {
    font-size: 0.73vw;
    }

    .catalog__box__button p span {
    font-weight: 700;
    }

    .catalog__controls {
    margin-top: 3.02vw;
    }

    .catalog__control__pages {
    gap: 0.42vw;
    }

    .catalog__control__page {
    width: 1.88vw;
    height: 1.88vw;
    border: 0.05vw solid #B8C2CF80;
    border-radius: 0.52vw;
    font-size: 0.83vw;
    }

    footer {
    border-radius: 4.17vw 4.17vw 0 0;
    }

    .footer__wrapper {
    gap: 1.56vw;
    padding: 4.27vw 0 4.74vw 0;
    }

    .footer__logo p {
    font-size: 2.08vw;
    }

    .footer__contact {
    gap: 0.36vw;
    }

    .footer__contact img {
    width: 1.41vw;
    }

    .footer__contact p {
    font-size: 1.41vw;
    }
}

@media (max-width: 1280px) {

}

@media (max-width: 768px) {
    .container {
        margin: auto 5vw;
        max-width: 90vw;
    }

    header .container {
        padding-top: 4.33vw;
        left: 0;
        right: 0;
    }

    .header__logo p {
        font-size: 3.8vw;
    }

    .header__nav__menu {
        position: relative;
    }

    .header__nav__mob {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--main_color_brown);
        padding: 1.5vw;
        border-radius: 2vw;
    }

    .header__nav {
        display: flex;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        flex-direction: column;
        gap: 5vw;
        padding: 4vw 12vw;
        background-color: var(--white);
        border: 0.13vw solid var(--darkgrey);
        border-radius: 2vw;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }

    .header__contact {
        display: none;
    }

    .header__change_lang {
        display: flex;
        flex-direction: row;
        align-items: center;
        background: var(--main_color_blue);
        position: absolute;
        right: 0;
        top: 0;
        padding: 1.15vw 2.94vw;
        border-radius: 0 0 1.88vw 1.88vw;
        gap: 2.1vw;
    }

    .header__change_lang a {
        font-size: 3.20vw;
    }
}