@media (max-width: 1234px) {
    .headerFormBtn {
        margin: 0 15px 0 0;
    }
    .headerContent {
        width: 100%;
        padding: 0 15px;
    }
    .headerBurgerBtn {
        display: flex;
    }
    .headerBottomArea .headerBotBtn {
        display: none;
    }
    .headerPhone {
        display: none;
    }
    .headerTop {
        justify-content: start;
    }
    .headerSocialLinks {
        display: none;
    }
    .headerTopBtn {
        padding: 0 0 0 20px;
    }
    .headerBottomArea {
        justify-content: start;
        padding: 0;
    }
    .headerTop {
        padding: 0 0 0 20px;
    }
    .headerBottom {
        padding: 0 0 0 20px;
    }
    .headerButtonPhone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        margin: 0 0 0 auto;
        background: var(--kmz-color-silver);
        &:hover {
            background: var(--kmz-color-lgray);
        }
    }
    .headerButtonPhone svg {
        width: 16px;
        height: 16px;
        fill: var(--kmz-color-accent);
    }
    main {
        padding: 115px 0 50px 0;
    }
    .main {
        width: 100%;
        padding: 0 5px;
        margin: 0;
    }
    .headerBurgerMenu.active {
        display: block;
        overflow-x: auto;
        height: 100vh;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        position: fixed;
    }
    .headerBurgerMenu .headerBotBurger {
        display: block;
        position: unset;
        width: 100%;
    }
    .headerBurgerMenu .headerBotContainer {
        height: unset;
        flex-wrap: wrap;
    }
    .headerBurgerMenu .headerBotBtn {
        width: 100%;
        justify-content: start;
        padding: 0;
    }
}
@media (max-width: 1040px) {
    .catalogList {
        width: 50%;
        max-width: 50%;
    }
    .catalogParamsArea {
        width: 50%;
    }
    .newsBlock {
        width: 50%;
        max-width: 50%;
    }
    .catalogBlock {
        width: 50%;
    }
    .catalogBlock:last-child .catalogArea {
        padding-bottom: 50%;
    }
}
@media (max-width: 840px) {
    .headerTopBtn:nth-child(3) {
        display: none;
    }
}
@media (max-width: 768px) {
    .contactsBlock {
        width: 100%;
    }
    .contactsMap {
        width: 100%;
    }
    .partnersBlock {
        width: 100%;
    }
    .partnersBlock p {
        font-size: 16px;
    }
    .videoPlayer iframe {
        height: 53vw;
    }
    .vacancyIntro p {
        width: 100%;
    }
    .vacancyIntro p:nth-child(2) {
        text-align: left;
    }
    .catalogList {
        width: 100%;
        max-width: 100%;
    }
    .catalogParamsArea {
        width: 100%;
    }
    .mainHeadTree {
        display: none;
    }
    .footerInfo img {
        margin: 0 0 40px 0;
    }
    .footerInfo {
        width: 100%;
    }
    .footerCopyright {
        width: 100%;
    }
    .footerArea {
        width: 100%;
        padding: 50px 15px;
    }
    .footerBlock {
        width: 100%;
    }
    .formInput {
        width: 100%;
    }
    .whyUsBlock {
        width: 100%;
    }
    .about {
        padding: 30px 10px 10px 10px;
    }
    .aboutBlock {
        flex-wrap: wrap;
        padding: 25px;
    }
    .aboutBackground {
        display: none;
    }
    .aboutInfo {
        width: 100%;
    }
    .aboutImage {
        width: 100%;
        padding: 15px 0 0 0;
    }
    .parts {
        flex-wrap: wrap;
    }
    .partsInfo {
        width: 100%;
    }
    .partsBlock {
        width: 100%;
    }
    .newsBlock {
        width: 100%;
        max-width: 100%;
    }
    .leasingBlock {
        width: 100%;
        max-width: 100%;
    }
    .salesBlock {
        width: 100%;
        max-width: 100%;
    }
    .salesBlock p {
        width: 85%;
    }
    .mainHead {
        padding: 25px 10px 25px 10px;
    }
    .mainHead p {
        font-size: 30px;
    }
    .mainHead a {
        font-size: 16px;
        white-space: nowrap;
    }
    .catalogBlock {
        width: 100%;
    }
    .catalogBlock:last-child .catalogArea {
        padding-bottom: 100%;
    }
    .headerBottomArea {
        display: none;
    }
    .headerTopBtn:nth-child(2) {
        display: none;
    }
    .headerTop {
        justify-content: space-between;
    }
    .headerButtonPhone {
        margin: 0;
    }
    .serviceBlock {
        width: 100%;
        max-width: 100%;
    }
    .serviceArea {
        padding-bottom: 50%;
    }
    .modalContainer {
        width: 100%;
        height: 100%;
    }
    .aboutInfo p {
        font-size: 16px;
    }
    .aboutInfo p:nth-child(2) {
        font-size: 18px;
    }
    .partsInfo p {
        font-size: 16px;
    }
    .sliderCarImages {
        height: unset;
        width: 100%;
    }
    .sliderCarImages img {
        height: unset;
        width: 100%;
    }
    .sliderCarPrev {
        left: 15px;
    }
    .sliderCarNext {
        right: 15px;
    }
    .sliderLicenseImages {
        height: unset;
        width: 100%;
    }
    .sliderLicenseImages img {
        height: unset;
        width: 100%;
    }
    .sliderLicensePrev {
        left: 15px;
    }
    .sliderLicenseNext {
        right: 15px;
    }
    .catalogPageInfo {
        width: 100%;
    }
    .catalogCarName {
        font-size: 28px;
        line-height: 30px;
    }
    .catalogCarCall {
        margin: 0 0 10px 0;
    }
    .catalogPageInfo:nth-child(2) {
        justify-content: flex-start;
    }
    .catalogCarWarning {
        text-align: left;
    }
    .catalogPageButtons {
        flex-wrap: wrap;
    }
    .catalogPageBtn:last-child {
        margin: 10px 0 0 0;
        width: 100%;
        justify-content: center;
    }
    .catalogPageBtn {
        justify-content: center;
        flex: auto;
    }
    .catalogTechHead {
        font-size: 28px;
        line-height: 30px;
    }
    .catalogContactInfo {
        flex-wrap: wrap;
    }
    .catalogContactInfo p {
        margin: 0 0 10px 0;
    }
    .catalogPageImage:only-of-type .catalogPagePreview {
        height: 65vw;
    }
    .pageButtonArea {
        height: unset;
        flex-wrap: wrap;
    }
    .pageButtonArea p {
        padding: 0 0 15px 0;
    }
}
@media (max-width: 428px) {
    .headerFormBtn {
        min-width: unset;
        width: 100%;
    }
    .headerTop {
        padding: 0 0 0 15px;
    }
    .headerBottom {
        padding: 0 0 0 15px;
    }
}