@media (max-width: 1240px) {
    .bannerBlock {
        width: 1014px;
    }
    .bannerArea {
        width: 1014px;
    }
    .carsOtherBlock .latestCard:first-child {
        width: 50%;
    }
    .latestCard {
        width: 50%;
    }
    .blockAdv {
        width: 994px;
    }
    .contactContainer {
        width: 994px;
    }
    .pageImageArea {
        width: 994px;
    }
    .pageImageInfoLinks {
        width: 994px;
    }
    .pageInfo {
        width: 994px;
    }
    .catalog.page {
        width: 1014px;
    }
    .catalog.special {
        width: 1014px;
    }
    .page {
        width: 1014px;
    }
    .topHeaderArea {
        width: 994px;
    }
    .bottomHeaderArea {
        width: 994px;
    }
    .bottomHeaderValue:first-child {
        display: none;
    }
    .headBlockArea {
        padding: 68px 0 0 0;
        width: 994px;
    }
    .headBlueLineArea {
        width: 994px;
    }
    .headBlockInfo {
        top: 20px;
    }
    .latestCars {
        width: 1014px;
    }
    .catalog {
        width: 1014px;
    }
    .whyUs {
        width: 994px;
    }
    .whyUsArea {
        height: 560px;
    }
    .trustUs {
        width: 1014px;
    }
    .mainBlog {
        width: 1014px;
    }
    .mainBlogDesc {
        width: 85%;
    }
    .blogImage img {
        width: 100%;
    }
    .footerContact {
        width: 994px;
    }
    .footerBottom {
        width: 994px;
    }
    .footerCopyrightArea {
        width: 994px;
    }
    .servicesCard {
        width: 50%;
    }
}
@media (max-width: 1010px) {
    .bannerBlock {
        width: 788px;
        height: 30vh;
    }
    .bannerArea {
        width: 788px;
        height: 30vh;
    }
    .specialForm .pageInfoHeader {
        width: 90%;
    }
    .specialCard {
        width: 50%;
    }
    .blockAdv {
        width: 768px;
    }
    .contactContainer {
        width: 768px;
    }
    .pageImageArea {
        width: 768px;
    }
    .pageImageInfoLinks {
        width: 768px;
    }
    .pageInfo {
        width: 768px;
    }
    .catalog.page {
        width: 788px;
    }
    .catalog.special {
        width: 788px;
    }
    .page {
        width: 788px;
    }
    .topHeaderArea {
        width: 768px;
    }
    .bottomHeaderArea {
        width: 768px;
    }
    .bottomHeaderLogo {
        width: unset;
    }
    .bottomHeaderValue:first-child {
        display: none;
    }
    .bottomHeaderInfo {
        flex: unset;
        flex-wrap: wrap;
        justify-content: flex-end;
        padding: 0;
        width: 55%;
    }
    .headBlockArea {
        padding: 112px 0 0 0;
        width: 768px;
    }
    .headBlueLineArea {
        width: 768px;
    }
    .headBlockInfo {
        top: 20px;
    }
    .latestCars {
        width: 788px;
    }
    .catalog {
        width: 788px;
    }
    .catalogArea {
        width: 100%;
    }
    .catalogSettings {
        display: none;
    }
    .whyUs {
        width: 768px;
    }
    .whyUsArea {
        height: 740px;
    }
    .trustUs {
        width: 788px;
    }
    .mainBlog {
        width: 788px;
    }
    .mainBlogDesc {
        width: 85%;
    }
    .blogImage img {
        width: 100%;
    }
    .footerContact {
        width: 768px;
        height: 100%;
    }
    .footerLogotype svg {
        height: 50px;
    }
    .footerInfo {
        flex-direction: column;
        align-items: flex-end;
        padding: 20px 0;
    }
    .footerInfoLink {
        justify-content: flex-end;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .footerRow {
        width: 50%;
    }
    .footerRow:nth-child(1) {
        margin: 0 0 30px 0;
    }
    .footerRow:nth-child(2) {
        margin: 0 0 30px 0;
    }
    .footerBottom {
        width: 768px;
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .footerCopyrightArea {
        width: 768px;
    }
    .bottomHeaderValue span {
        display: none;
    }
    .bottomHeaderValue:nth-child(2) {
        justify-content: center;
        width: 40px;
        padding: 0;
        margin: 0 10px 0 0;
    }
    .bottomHeaderValue:nth-child(2) svg {
        margin: 0;
    }
    .bottomHeaderValue:nth-child(3) {
        justify-content: center;
        width: 40px;
        padding: 0;
        margin: 0 10px 0 0;
    }
    .bottomHeaderValue:nth-child(3) svg {
        margin: 0;
    }
    .bottomHeaderValue.openModal {
        margin: 0;
    }
}
@media (max-width: 768px) {
    .blogImage {
        height: 55vw;
    }
    .carsOtherBlock .latestCardImg {
        height: 55vw;
    }
    .servicesCard {
        width: 100%;
    }
    .specialForm .catalogForm div {
        width: 100%;
    }
    .specialForm img {
        display:none;
    }
    .blockAdv {
        width: 100%;
        padding: 40px 20px 0 20px;
    }
    .blockAdvArea {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 20px 90px 20px 20px;
        overflow: hidden;
    }
    .blockAdvArea img {
        right: -25px;
        left: unset;
        height: 150px;
    }
    .blockAdvArea p {
        margin: 0 0 15px 0;
    }
    .fastBrandsBlock {
        display: none;
    }
    .topFavorites {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .bottomHeaderArea {
        height: 100%;
    }
    .topHeaderArea .bottomHeaderValue {
        display: flex;
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        padding: 0 15px !important;
        justify-content: unset !important;
    }
    .topHeaderArea .bottomHeaderValue svg {
        margin: 0 8px 0 0 !important;
    }
    .bottomHeaderValue:nth-child(2) {
        justify-content: center;
        width: 40px;
        padding: 0;
        margin: 0 10px 0 0;
    }
    .bottomHeaderValue:nth-child(2) svg {
        margin: 0;
    }
    .bottomHeaderValue:nth-child(3) {
        justify-content: center;
        width: 40px;
        padding: 0;
        margin: 0 10px 0 0;
    }
    .bottomHeaderValue:nth-child(3) svg {
        margin: 0;
    }
    .bottomHeaderValue.openModal {
        width: 50%;
        flex: auto;
        margin: 0;
    }
    .bottomHeaderValue span {
        display: none;
    }
    .contactContainer {
        flex-direction: column;
        width: 100%;
        padding: 30px 20px 50px 20px;
    }
    .contactAboutPage p {
        font-size: 16px;
    }
    .contactAboutPage ul {
        font-size: 16px;
    }
    .contactCardBlock iframe {
        margin: 20px 0 0 0;
    }
    .mainBlog.blog {
        padding: 10px 10px 50px 10px;
    }
    .catalogForm {
        width: 100%;
    }
    .callModalBlock {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 30px 20px;
        overflow-x: scroll;
    }
    .specialModalBlock {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 30px 20px;
        overflow-x: scroll;
    }
    .creditModalClose {
        right: 25px;
    }
    .callModalClose {
        right: 25px;
    }
    .specialModalClose {
        right: 25px;
    }
    .creditModalBlock {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 30px 10px;
        overflow-x: scroll;
    }
    .deleteFromFavorites {
        top: unset;
        bottom: 10px;
        width: 40px;
        height: 40px;
        border-radius: 14px;
    }
    .pageImageArea {
        width: 100%;
        padding: 0 20px;
    }
    .pageImageInfoLinks {
        width: 100%;
        padding: 0 20px;
    }
    .sellCarInput {
        width: 100%;
    }
    .sellCarButton {
        width: 100%;
    }
    .sellCardText ul {
        width: 100%;
    }
    .sliderImages {
        height: unset;
        width: 100%;
    }
    .sliderImages img {
        height: unset;
        width: 100%;
    }
    .sliderPrev {
        left: 15px;
    }
    .sliderNext {
        right: 15px;
    }
    .pageInfo {
        width: 100%;
        padding: 0 20px;
    }
    .page {
        width: 100%;
        padding: 30px 10px 0 10px;
    }
    .contactCardArea {
        flex-wrap: wrap;
    }
    .carsPageImage {
        height: 150px;
        width: 50%;
    }
    .carsPageImage:nth-child(3) .carsPageImageAll {
        display: flex;
    }
    .carsPageImage:nth-child(4) {
        display: none;
    }
    .carsPageImage:nth-child(5) {
        display: none;
    }
    .carsInfoBlock {
        padding: 0 10px;
    }
    .carsInfoArea {
        width: 100%;
    }
    .carsInfoArea:nth-child(2) {
        justify-content: flex-start;
        padding: 20px 0 0 0;
    }
    .carsInfoArea:nth-child(2) .carsCarName {
        text-align: start;
    }
    .carsInfoButtons {
        flex-wrap: wrap;
    }
    .carsInfoButton:first-child {
        margin: 0 0 10px 0;
    }
    .carsInfoButton {
        width: 100%;
        margin: 0 0 10px 0;
        justify-content: center;
    }
    .carsTechBlock {
        padding: 30px 10px 0 10px;
    }
    .carsTechParams p {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .carsAvailableBlock {
        padding: 50px 10px 0 10px;
    }
    .carsAvailableInfo {
        flex-direction: column;
        align-items: unset;
    }
    .carsAvailableInfo p {
        margin: 0 0 5px 0;
    }
    .carsOtherBlock {
        padding: 50px 0;
    }
    .contactCardBlock {
        width: 100%;
    }
    .topHeader {
        padding: 0 10px;
    }
    .topHeaderArea.active {
        display: block;
        overflow-x: auto;
        min-height: 100vh;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .topLinkBurger {
        position: relative;
        height: 100%;
        top: 0;
        display: flex;
        background: var(--bz-color-white);
        width: 100%;
        padding: 0;
        border: none;
        border-radius: 0;
    }
    .topLink {
        width: 100%;
    }
    .topLinkBurger .topLink {
        color: var(--bz-color-black);
    }
    .topLinkBurger .topLink:hover {
        background: var(--bz-color-silver);
    }
    .topHeaderArea {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        background: var(--bz-color-white);
        justify-content: unset;
        flex-direction: column;
        padding: 0 10px 180px 10px;
        z-index: 3;
    }
    .topLinks {
        flex-direction: column;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .topHeaderBurger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
    }
    .topHeaderBurger svg {
        fill: var(--bz-color-black);
    }
    .bottomLogoText {
        flex-direction: unset;
        align-content: center;
        flex-wrap: wrap;
    }
    .bottomLogoText p:first-child {
        font-size: 1.0rem;
        width: 100%;
    }
    .bottomLogoText p:last-child {
        font-size: 0.76rem;
        width: 100%;
    }
    .bottomHeaderArea {
        flex-wrap: wrap;
        width: 100%;
        padding: 10px 20px;
    }
    .bottomHeaderLogo {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .bottomHeaderLogo img {
        height: unset;
        width: 100%;
    }
    .bottomHeaderValue {
        width: 100%;
    }
    .bottomHeaderValue:first-child {
        display: none;
        padding: 0;
        margin: 0 0 5px 0;
    }
    .bottomHeaderInfo {
        flex: unset;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        width: 100%;
    }
    .headBlockArea {
        padding: 45px 0 0 0;
        width: 100%;
    }
    .headBlockArea img {
        display: none;
    }
    .headBlueLine {
        height: 110px;
        padding: 0 20px;
    }
    .headBlueLineArea {
        align-content: center;
        width: 100%;
        height: 110px;
        flex-wrap: wrap;
        padding: 0 20px;
    }
    .headBlueLineArea p:last-child {
        padding: 10px 0 5px 0;
    }
    .headBlockInfo {
        top: 10px;
        padding: 15px 20px;
        z-index: 2;
    }
    .headBlockInfo p {
        font-size: 22px;
        line-height: 26px;
        width: 100%;
        margin: 0 0 5px 0;
    }
    .latestCars {
        width: 100%;
        padding: 50px 10px 0 10px;
    }
    .latestCard {
        width: 100%;
    }
    .latestCarsLink {
        white-space: nowrap;
    }
    .latestCarsMenu {
        overflow-y: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .latestCarsMenu::-webkit-scrollbar {
        display: none;
    }
    .latestCard:first-child {
        flex-direction: column;
    }
    .latestCard:first-child .latestCardImg {
        width: unset;
        height: unset;
        margin: 0;
        height: 55vw;
    }
    .latestCard:first-child .latestCardInfo {
        padding: 10px 0 0 0;
        font-size: unset;
    }
    .latestCard:first-child .latestCardFirstInfo {
        display: none;
    }
    .catalog {
        width: 100%;
        padding: 50px 10px 0 10px;
    }
    .catalogAreaLink {
        white-space: nowrap;
    }
    /*.catalogAreaMenu {*/
    /*    display: none;*/
    /*}*/
    .catalogBrandList {
        display: none;
    }
    .catalogArea {
        width: 100%;
        padding: 0;
        order: 3;
    }
    .catalogCarOpenBlock {
        padding: 0 10px;
    }
    .catalogCarCard {
        flex-wrap: wrap;
    }
    .latestCardImg {
        height: 55vw;
    }
    .catalogCarCard .latestCardImg {
        width: 100%;
        height: 55vw;
    }
    .catalogCarInfo {
        margin: 0;
        padding: 10px 0 0 0;
    }
    .catalogButtonBlock {
        flex-direction: row;
    }
    .catalogButtonLink.addFavorites {
        margin: 0 0 0 10px;
    }
    .catalogCarParams {
        flex-direction: unset;
        flex-wrap: wrap;
        padding: 0 0 10px 0;
    }
    .catalogCarDate {
        bottom: 15px;
        display: none;
    }
    .catalogSettings {
        display: flex;
        order: 2;
        width: 100%;
    }
    .whyUs {
        width: 100%;
        padding: 10px 20px;
    }
    .whyUsHead {
        font-size: 24px;
        width: 100%;
    }
    .whyUsInfo {
        padding: 30px 10px;
    }
    .whyUsInfo ul {
        font-size: 16px;
        width: 100%;
    }
    .whyUsArea {
        height: 930px;
    }
    .trustUs {
        width: 100%;
        padding: 50px 10px 0 10px;
    }
    .trustUsBrands {
        flex-wrap: wrap;
    }
    .trustUsBrand {
        width: 50%;
    }
    .mainBlog {
        width: 100%;
        padding: 50px 10px 0 10px;
    }
    .mainBlogDesc {
        width: 100%;
    }
    .blogImage img {
        width: 100%;
    }
    .blogCard {
        width: 100%;
    }
    .footerContact {
        width: 100%;
        height: auto;
        padding: 20px;
        flex-wrap: wrap;
    }
    .footerLogotype {
        margin: 0 0 20px 0;
        width: 100%;
    }
    .footerLogotype svg {
        height: 50px;
    }
    .footerInfo {
        flex-wrap: wrap;
        padding: 0;
        align-items: flex-start;
    }
    .footerInfoLink {
        justify-content: flex-start;
        width: 100%;
        margin: 0 0 10px;
    }
    .footerInfo .socialLinks {
        margin: 0;
    }
    .footerInfo .socialLink {
        margin: 0 10px 0 0;
    }
    .footerRow {
        width: 100%;
    }
    .footerRow:nth-child(1) {
        margin: 0 0 30px 0;
    }
    .footerRow:nth-child(2) {
        margin: 0 0 30px 0;
    }
    .footerRow:nth-child(3) {
        margin: 0 0 30px 0;
    }
    .footerBottom {
        width: 100%;
        flex-direction: unset;
        flex-wrap: wrap;
        padding: 40px 20px;
    }
    .footerCopyright {
        height: auto;
    }
    .footerCopyrightText {
        width: 100%;
    }
    .footerCopyrightArea {
        width: 100%;
        height: auto;
        padding: 20px;
        flex-wrap: wrap;
    }
    .page.content {
        padding: 10px 10px 50px 10px;
    }
    .catalog.page {
        width: 100%;
        padding: 10px 10px 50px 10px;
    }
    .catalog.special {
        width: 100%;
        padding: 10px 10px 50px 10px;
    }
    .toolTipContent {
        width: 300px;
        right: -150px;
    }
    .carsOtherBlock .latestCard:first-child .latestCardImg {
        height: 55vw;
    }
    .error404 {
        width: 100% !important;
    }
    .notificationContainer {
        margin: 0;
        padding: 20px;
        width: 100% !important;
    }
    .notification {
        width: 100% !important;
    }
    .topLinkContainer {
        width: 100%;
    }
    .topSocialLink {
        display: none;
    }
    .rentersImages {
        height: 300px;
    }
    .rentersReasonsContainer {
        width: 100%;
    }
    .specialAutoCatalog {
        padding: 30px 10px 30px 10px;
    }
    .specialCard {
        width: 100%;
    }
    .specialFormBlock {
        padding: 0 20px;
    }
    .catalog.special .specialFormBlock {
        padding: 30px 10px;
    }
    .page.special .sellCardText {
        padding: 50px 20px 0 20px;
    }
    .specialAutoIcons {
        padding: 0 10px 30px 10px;
        flex-wrap: wrap;
    }
    .page.special .servicesBlock {
        padding: 0 10px 0 10px;
    }
    .page.special .servicesCard {
        width: 100%;
    }
    .servicesBlock.scheme .servicesCard {
        width: 100% !important;
    }
    .servicesCardBtnBlock {
        position: unset;
        padding: 20px 0 0 0;
    }
    .specialInfoCard {
        height: auto;
        padding: 20px 100px 20px 20px;
        flex-wrap: wrap;
    }
    .specialInfoCard p {
        margin: 0 0 10px 0;
    }
    .specialInfoCardButton {
        padding: 0 10px;
    }
    .specialInfoCard img {
        top: 20px;
        right: 20px;
        bottom: unset;
        left: unset;
    }
    .specialAutoHead {
        padding: 0 20px;
    }
    .specialInfoBlock {
        padding: 40px 20px 50px 20px;
    }
    .footerCopyrightLink:nth-child(2) {
        justify-content: unset;
        order: 3;
    }
    .footerCopyrightLink {
        width: 100%;
    }
    .bannerBlock {
        width: 100%;
        height: 110vw;
    }
    .bannerArea {
        width: 100%;
        padding: 20px;
        height: 110vw;
    }
    .bannerButton {
        margin: 0 0 40px 20px;
    }
    .bannerText {
        font-size: 5.5vw;
        width: 70%;
    }
    .bannerOriginal {
        display: none;
    }
    .bannerMobile {
        display: flex;
    }
}