@media (max-width: 1234px) {
    .footerArea {
        width: 100%;
        padding: 50px 20px;
    }
    .headerTop {
        width: 100%;
        padding: 0 20px;
        margin: 0;
    }
    .headerBottom {
        padding: 0 20px;
    }
    .headerBottomArea {
        width: 100%;
    }
    .main {
        width: 100%;
        padding: 0 10px;
    }
}
@media (max-width: 1080px) {
    .catalogBlock.services {
        width: 25%;
    }
    .headerTopBtn {
        margin: 0 0 0 30px;
    }
    .headerPhone {
        margin: 0 0 0 30px;
    }
    .headerBotBtn:nth-child(7) {
        display: none;
    }
    .newsBlock p {
        width: 73%;
    }
    .newsDesc {
        width: 73%;
    }
}
@media (max-width: 1020px) {
    .headerTopBtn:nth-child(3) {
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: var(--em-color-silver);
    }
    .headerTopBtn:nth-child(3) svg {
        margin: 0;
    }
    .headerTopBtn:nth-child(3) span {
        display: none;
    }
    .headerPhone {
        margin: 0 0 0 10px;
    }
}
@media (max-width: 960px) {
    .catalogList {
        width: 50%;
        max-width: 50%;
    }
}
@media (max-width: 900px) {
    .catalogBlock.services {
        width: 33.3333%;
    }
    .headerBotContainer:nth-child(3) {
        display: none;
    }
    .footerBlock {
        width: 50%;
    }
    .newsBlock {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .mainHead p {
        font-size: 30px;
    }
    .mainHead a {
        font-size: 16px;
    }
    .newsPagePreview {
        height: 80vw;
    }
    .headerBurgerMenu .headerBotBtn {
        display: flex;
        justify-content: unset;
        height: 35px;
        font-size: 16px;
    }
    .headerTop {
        z-index: 31;
    }
    .headerBottom {
        z-index: 31;
    }
    .formInput {
        width: 100%;
    }
    .salesBlock {
        width: 100%;
    }
    .salesBlock p {
        width: 84%;
    }
    .newsBlock {
        width: 100%;
    }
    .aboutInfo {
        width: 100%;
    }
    .aboutImage {
        width: 100%;
        padding: 0;
    }
    .sales.mobile {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    .catalog.mobile {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: unset;
    }
    .catalogList {
        width: 100%;
        max-width: 100%;
    }
    .catalogListComplect {
        white-space: nowrap;
    }
    .catalogArea {
        padding-bottom: 240px;
    }
    .catalogBlock {
        min-width: 330px;
    }
    .catalogBlock p {
        font-size: 16px;
    }
    .catalogBlock img {
        top: -15px;
    }
    .brandBlock {
        width: 50%;
    }
    .sliderSize {
        height: 130vw;
    }
    .sliderArea {
        height: 130vw;
    }
    .sliderOriginal {
        display: none;
    }
    .sliderModile {
        display: flex;
    }
    .headerMobileBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: var(--em-color-darkgray);
        border-radius: 20px;
    }
    .headerMobileBtn svg {
        stroke: var(--em-color-white);
        width: 26px;
        height: 26px;
    }
    .headerPhone {
        justify-content: center;
        padding: 0;
        width: 40px;
    }
    .headerPhone svg {
        margin: 0;
    }
    .headerPhone span {
        display: none;
    }
    .headerBotContainer {
        display: none;
    }
    .headerBotBtn {
        display: none;
    }
    .headerBurgerMenu {
        display: flex;
        background: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(10px);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 30;
        padding-bottom: 400%;
        transform: translateY(-100%);
        transition: var(--em-03-seconds);
    }
    .headerBurgerMenu.active {
        transform: translateY(0%);
    }
    .headerBurgerMenuContent {
        display: block;
        overflow-x: auto;
        height: 100vh;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        position: absolute;
        padding: 140px 20px 10px;
        width: 100%;
    }
    .headerBurgerUnderMenu .headerBotBtn {
        font-weight: 500;
    }
    .catalogParamsContent img {
        display: none;
    }
    .catalogParamsContent {
        height: 50px;
    }
    .catalogParamsContent p {
        font-size: 14px;
    }
    .whyUsBlock {
        width: 100%;
    }
    .newsUnvisible {
        right: 30px;
    }
    .brands.company .brandBlock {
        width: 100%;
    }
    .contactsStuffHeader {
        font-size: 14px;
    }
    .contactsBlock {
        width: 100%;
    }
    .contactsMap {
        width: 100%;
    }
    .contactsMap iframe {
        height: 100vw;
    }
    .catalogBlock.services {
        width: 100% !important;
    }
    .mainHeadTree p {
        overflow: hidden;
        white-space: nowrap;
        width: 50%;
    }
    .videoPlayer iframe {
        height: 52vw;
    }
    .mainHeadCatalog {
        flex-wrap: wrap;
    }
    .catalogContentArea {
        flex-wrap: wrap;
    }
    .catalogContentImages {
        width: 100%;
    }
    .catalogContentInformation {
        width: 100%;
        padding: 10px 0 70px;
    }
    .catalogContentButtons {
        padding: 0;
        bottom: 0px;
    }
    .catalogTechParams p {
        width: 100%;
    }
    .catalogContactInfo {
        flex-wrap: wrap;
    }
    .catalogContentTechPrices {
        padding: 0;
        background: transparent;
    }
    .catalogSelectColors {
        margin: 0 10px 10px 0;
    }
    .catalogContentTech {
        padding: 15px 0 5px 0;
    }
    .mainHead.catalogPage p {
        font-size: 28px;
    }
    .mainHead.catalogPage p:nth-child(2) {
        font-weight: 500;
        font-size: 28px;
        padding: 10px 0 0;
    }
    .sliderCarImages {
        height: unset;
        width: 100%;
    }
    .sliderCarImages img {
        height: unset;
        width: 100%;
    }
    .sliderCarPrev {
        left: 20px;
    }
    .sliderCarNext {
        right: 20px;
    }
}
@media (max-width: 560px) {
    .headerTopBtn:nth-child(2) {
        display: none;
    }
    .footerBlock {
        width: 100%;
    }
    .footerInfo {
        width: 100%;
    }
    .footerCopyright {
        width: 100%;
    }
}
@media (max-width: 380px) {
    .modalContainer {
        width: 100%;
    }
}