/* === DESKTOP FIRST === */

/* xl <= Extra extra large (xxl) */
@media (max-width: 1400px) {
}

/* lg <= Extra large (xl) */
@media (max-width: 1200px) {
    /* NAV */

    .nav__bottom-item:first-child .nav__bottom-sublist {
        left: 0;
    }

    /* H-CATALOG */

    .h-catalog__item-title {
        font-size: 1.5em;
    }
}

/* md <= Large (lg) */
@media (max-width: 992px) {
    /* NAV BOTTOM */

    .nav__bottom {
        display: none;
    }

    /* H-CATALOG */

    .h-catalog__item {
        padding: 2em !important;
        position: relative;
        background-image: none !important;
        overflow: hidden;
    }
    .h-catalog__item img {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        opacity: 0.2;
    }
    .h-catalog__item-title,
    .h-catalog__item-list {
        position: relative;
        z-index: 1;
    }

    /* FORM */

    .form form {
        padding: 3em;
    }

    /* SIDEBAR */

    .sidebar {
        display: none;
    }

    /* REQUISITES */

    .requisites__btn {
        padding: 1em;
        font-size: 1em;
    }

    /* PRODUCT */

    .product__top {
        padding-left: 0;
    }
    .product__phones a {
        padding: 0.3em 0em;
        display: inline-block;
    }
}

/* sm <= Medium (md) */
@media (max-width: 768px) {
    :root {
        --mt-section: 4.25em;
    }

    h1 {
        font-size: 2.5em;
    }
    h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.2em;
    }

    /* BURGER BTN */

    .burger-btn {
        display: block;
    }

    /* HEADER */

    .header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: #fff;
    }
    .header__content {
        align-items: center;
    }
    .header__logo {
        height: 2.5em;
    }
    .header__logo a,
    .header__logo img {
        height: 100%;
    }
    .header__address,
    .header__schedule,
    .header__phones {
        display: none;
    }

    /* NAV */

    .nav {
        display: none;
    }

    /* NAV-M */

    .nav-m {
        display: block;
    }

    /* BREADCRUMBS */

    .breadcrumbs {
        margin-top: 8em;
    }

    /* HOME */

    .home {
        margin-top: 8em;
    }

    /* FIRST SCREEN */

    .first-screen__title {
        line-height: 1;
    }

    /* H-CATALOG */

    .h-catalog__item img {
        object-fit: cover;
    }

    /* ABOUT FIRST-SCREEN */

    .about .first-screen__title {
        padding: 1.5em 1em;
    }

    /* FORM */

    .form form {
        padding: 2em;
    }
    .form__img {
        display: none;
    }
    .form__title {
        font-size: 1.8em;
    }

    /* CATEGORY */

    .category__content {
        margin-top: 3em;
    }
    .category__info {
        margin-top: 3em;
    }

    /* DEPARTMENT */

    .department,
    .map,
    .requisites {
        margin-top: 3em;
    }
    .department__content,
    .map__content,
    .requisites__content {
        margin-top: 2em;
    }

    /* PRODUCT */

    .product__contacts {
        margin-top: 0;
        padding-left: 0;
    }
    .product__gost {
        margin-top: 0.5em;
    }
    .product__faq {
        margin-top: 2em;
    }
}

/* xs <= Small (sm) */
@media (max-width: 576px) {
    .g-5 {
        --bs-gutter-y: 2rem;
    }
    :root {
        --mt-section: 3.25em;
    }
    h1 {
        font-size: 2.2em;
    }
    h2 {
        font-size: 1.8em;
    }

    /* HOME */

    .home {
        margin-bottom: 4em;
    }

    /* FIRST SCREEN */

    .first-screen__content img {
        height: 13em;
    }

    /* H-CATALOG */

    .h-catalog__item-list a {
        padding: 0.3em 0;
    }

    /* FORM */

    .form form {
        padding: 2em 1.5em;
    }
    .form__title {
        font-size: 1.5em;
    }
    .form fieldset {
        flex-direction: column;
        gap: 0.6em;
    }
    .form fieldset.form__privacy {
        flex-direction: initial;
    }

    /* CATEGORY */

    .category__faq {
        padding: 0;
    }

    /* PRODUCT */

    .product__title {
        margin-bottom: 1em;
        font-size: 2.2em;
    }

    /* ABOUT */

    .about .first-screen__title {
        padding: 0.5em 0em;
    }

    /* MAP */

    .map__frame {
        overflow-x: auto;
    }
}

/* === MOBILE FIRST === */

/* Custom (xs) */
@media (min-width: 0) {
}

/* Small (sm) */
@media (min-width: 576px) {
}

/* Medium (md) */
@media (min-width: 768px) {
}

/* Large (lg) */
@media (min-width: 992px) {
}

/* Extra large (xl) */
@media (min-width: 1200px) {
    .container {
        max-width: 1110px;
    }
}

/* Extra extra large (xxl) */
@media (min-width: 1400px) {
    .container {
        max-width: 1110px;
    }
}