@media (min-width: 1921px) {
    #bossSection,
    #bossSection::before {
        background-size: contain;
    }
    #bossSection::after {
        position: absolute;
        top: 0;
        left: 50%;
        bottom: 0;
        width: 1937px;
        margin: auto;
        -webkit-transform: -webkit-translate(-50%, 0);
        transform: translate(-50%, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 1) 100%);
        content: "";
        display: block;
    }
    #bossSection div.container {
        max-width: 1300px;
    }
    #bossSection h2 {
        top: 118px;
        font-size: 80.2px;
        right: -2%;
    }
    #bossSection h2 > span:first-child {
        right: 67.1%;
    }
    #bossSection h2 > span:last-child {
        left: 74.4%;
    }
}

@media (max-width: 1400px) {
    #footerContacts div.container,
    #footerLinks div.container {
        padding-left: 5%;
        padding-right: 5%;
    }
    #cta::before {
        right: calc(100% - 1400px);
    }
    #homeGallery div.imagesList {
        margin: 0 10px;
    }
}

@media (max-width: 1370px) {
    #pageHeaderContainer > div.container,
    #quickSearchSection div.activeTab > div.activeTabContent {
        padding-left: 20px;
        padding-right: 20px;
    }
    #vehiclesList {
        padding: 0 15px;
    }
    #teslaBanner div.container {
        padding: 0;
    }
}

@media (max-width: 1270px) {
    #pageHeaderContainer div.left {
        width: 18%;
    }
    #pageHeader #mainNavBar nav > ul > li > a {
        padding: 5px 6px;
    }
    #pageHeader #mainNavBar nav > ul > li > a > span {
        font-size: 1.142rem;
    }
    #pageHeader.ru #mainNavBar nav > ul > li > a > span {
        font-size: 1.071rem;
    }
    #pageHeader.ru div.container #headerSocial {
        display: none;
    }

    #quickSearchSection div.container form.Car div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical {
        grid-template-columns: 51.25% 25.6% 23.1%;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList {
        grid-template-columns: 1fr 1fr;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList {
        grid-template-columns: 1fr;
    }
    #quickSearchSection div.container form.Truck div.equipmentOptions div.equipmentList,
    #quickSearchSection div.container form.Motorbike div.equipmentOptions div.equipmentList {
        grid-template-columns: repeat(4, 1fr);
        gap: 0 2.5%;
    }
    #teslaBanner h2 {
        font-size: 3.857rem;
    }
    #teslaBanner .textBlock a.btn {
        font-size: 1.714rem;
    }
    #orderForm div.footer {
        margin-right: 0;
    }
    #contactView section.team div.teamContainer {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1159px) {
    #bossSection div.container {
        padding-top: 33%;
    }
    /*
    #bossSection.hydrated {
        background-image: url("/assets/imgs/boss/boss_bg5a_1165px.jpg");
    }
    */
    #bossSection h2 {
        top: 27.5%;
        font-size: calc(100vw / 21);
    }
    #bossSection h2 > span:first-child {
        right: 62.1%;
    }
    #bossSection h2 > span:last-child {
        left: 71.8%;
    }
    #quickSearchSection div.container label.checkboxOption {
        padding-right: 30px;
    }
    #quickSearchSection div.container form > div.optionsBlock {
        grid-template-columns: 31.6% 31.6% 31.6%;
    }
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-template-columns: repeat(6, auto);
        grid-row: 4 / span 1;
        grid-column: 1 / span 3;
    }
    #companySales div.carCarouselContainer div.navArrow {
        display: none;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 60px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        padding: 1% 5.3%;
        font-size: 26px;
    }
    #orderForm div.servicesList div.row div.column.options > div.container6 {
        flex-direction: column;
    }
    #userCarTabs > div.tabs {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    #vehiclesList ul.list {
        grid-template-columns: repeat(3, 1fr);
    }
    #contactView #mainContacts {
        height: 450px;
    }
}

@media (max-width: 1050px) {
    section.level2 > h2,
    #articleList article.level2 > h2 {
        font-size: 1.428rem;
    }
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-template-columns: repeat(5, auto);
    }
    #carViewSection article > div.columnsContainer > div.column:first-child div.container2,
    #carViewSection article > div.columnsContainer > div.column:last-child div.container3 {
        padding: 1.285rem 3.214rem;
    }
    #carViewSection article section.info div.tableType1 div.row.price .price {
        font-size: 1.142rem;
    }
    #orderFormTabs > div.tabs button.tabButton {
        padding: 8px 25px;
        line-height: 40px;
    }
    #orderForm div.listWith2columns div.row div.column .price {
        font-size: 1.142rem;
    }
    #orderForm div.footer #monthlyPayment {
        font-size: 2.142rem;
    }
}

@media (max-width: 1024px) {
    body.stickyHeader main {
        padding-top: 89px;
    }
    #testerForm {
        display: none !important;
    }
    #pageHeader.sticky {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    #pageHeaderContainer {
        display: none;
    }
    #mobileHeaderContainer {
        padding: 18px 23px;
        color: #fff;
        background: #2b2b2b;
        justify-content: space-between;
        align-items: center;
        gap: 5px;
        display: flex;
    }
    #mobileHeaderContainer #logo2 {
        height: 54px;
        flex: 1;
    }
    #mobileHeaderContainer #logo2 a {
        height: 100%;
        display: inline-block;
    }
    #mobileHeaderContainer #logo2 img {
        width: auto;
        height: 100%;
    }
    #mobileHeaderContainer > div.right {
        float: none;
        white-space: nowrap;
        text-align: right;
    }
    #mobileHeaderContainer > div.right a {
        color: #fff;
    }
    #mobileHeaderContainer #headerSocial {
        width: 16.5%;
        justify-content: center;
    }
    #mobileHeaderContainer #headerLogin2 button {
        padding: 3px 10px;
        line-height: 19px;
        font-size: 11px;
        font-weight: 800;
        white-space: nowrap;
        color: #fff;
        border: none;
        background: #fa5200;
        cursor: pointer;
    }
    #mobileHeaderContainer #menuOpener {
        padding-left: 10px;
    }
    #mobileHeaderContainer #menuOpener > a {
        width: 48px;
        height: 48px;
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect x='12' y='13.85' fill='%23F3F3F3' width='24.92' height='2.77'/%3E%3Crect x='12' y='23.08' fill='%23F3F3F3' width='24.92' height='2.77'/%3E%3Crect x='12' y='32.31' fill='%23F3F3F3' width='24.92' height='2.77'/%3E%3Cpath fill='%23F3F3F3' d='M0,48h48V0H0V48z M46.15,46.15H1.85V1.85h44.31V46.15z'/%3E%3C/svg%3E")
            center center no-repeat;
        background-size: contain;
        display: block;
    }
    #pageHeader.activeMenu #mobileHeaderContainer #menuOpener > a {
        background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23F3F3F3' d='M0,48h48V0H0V48z M46.15,46.15H1.85V1.85h44.31V46.15z'/%3E%3Crect x='8.27' y='22.62' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -9.9411 24)' fill='%23F3F3F3' width='31.46' height='2.77'/%3E%3Crect x='8.27' y='22.62' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 24 57.9411)' fill='%23F3F3F3' width='31.46' height='2.77'/%3E%3C/svg%3E")
            center center no-repeat;
    }
    #pageHeader #mainNavBar {
        display: none;
    }
    #pageHeader #mainNavBar2 {
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #eaeaeb;
        border: none;
        display: none;
        z-index: 70;
    }
    #pageHeader #mainNavBar2 nav {
        margin-left: 6%;
        padding: 1.785rem 0;
    }
    #pageHeader #mainNavBar2 nav > ul {
        margin-bottom: 3rem;
        line-height: 1.2;
        flex-direction: column;
        display: flex;
    }
    #pageHeader #mainNavBar2 nav > ul > li {
        padding: 1.071rem 0;
        text-align: left;
        display: block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > a {
        padding: 5px;
        flex: none;
        display: inline-block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > a > span {
        font-size: 1.428rem;
        line-height: 1;
        font-weight: bold;
        color: #000;
        text-transform: uppercase;
    }
    #pageHeader #mainNavBar2 nav > ul > li > a.active > span {
        color: #e45f28;
    }
    #pageHeader.activeMenu {
        height: 100%;
        background: none;
    }
    #pageHeader.activeMenu #mainNavBar2 {
        display: block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu {
        position: relative;
        top: unset;
        left: unset;
        border: none;
        display: none;
    }
    #pageHeader #mainNavBar2 nav > ul > li.withSubMenu:hover::before,
    #pageHeader #mainNavBar2 nav > ul > li.withSubMenu:hover > div.subMenu {
        display: none;
    }
    #pageHeader #mainNavBar2 nav > ul > li.withSubMenu > div.subMenu.active {
        display: block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul {
        margin: 0;
        padding: 1.071rem 0 0 0;
        list-style: none;
        background: transparent;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul > li {
        margin: 0;
        padding: 0 1.785rem;
        line-height: 3.571rem;
        text-align: left;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul > li > a {
        line-height: 1.2;
        display: inline-block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul > li > a > span {
        font-size: 15px;
        font-weight: normal;
        color: #231f20;
        white-space: normal;
        display: inline-block;
    }
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul > li > a:hover > span,
    #pageHeader #mainNavBar2 nav > ul > li > div.subMenu > ul > li > a.active > span {
        color: #fa5200;
    }

    #orderForm div.buttons {
        gap: 0 5px;
    }
    #orderForm div.buttons button {
        font-size: 17px;
    }
    #myMobileContainer {
        gap: 32px 32px;
        flex-direction: column;
    }
    #myMobileLeftArea,
    #myMobileMainColumn {
        flex: 1;
    }
    #myMobileLeftArea div.subMenu {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 5px 7px;
        display: grid;
    }
    #myMobileLeftArea div.subMenu > a {
        margin: 0;
    }
    #myMobileLeftArea div.subMenu > a > span {
        font-size: inherit;
    }
    #teslaBanner h2 {
        font-size: 3rem;
    }
    #teslaBanner .textBlock a.btn {
        min-width: 200px;
        font-size: 1.5rem;
    }
}

@media (max-width: 960px) {
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 2.5%;
    }
    #quickSearchSection div.container form.Truck div.equipmentOptions div.equipmentList,
    #quickSearchSection div.container form.Motorbike div.equipmentOptions div.equipmentList {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #quickSearchSection div.container #truckTabs {
        max-width: 650px;
        margin: 0 auto;
        justify-content: normal;
    }
    #quickSearchSection div.container #truckTabs .tab {
        flex: 0 0 33%;
    }
    #quickSearchSection div.container #truckTabs .tab .icon {
        padding-top: 27.7%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery {
        margin-right: -20px;
        margin-left: -20px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 50px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 28px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.navArrow {
        height: 60px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        font-size: 20px;
    }
    #facebook article div.smiles img {
        width: 50px;
    }
    #facebook article h2 {
        font-size: 30px;
    }
    #homeGallery div.imagesList ul {
        grid-template-columns: repeat(6, auto);
        grid-template-rows: repeat(6, auto);
    }
    #homeGallery div.imagesList ul li.item1 {
        grid-row: 1 / span 3;
        grid-column: 1 / span 3;
    }
    #homeGallery div.imagesList ul li.item2 {
        grid-row: 1 / span 3;
        grid-column: 4 / span 3;
    }
    #homeGallery div.imagesList ul li.item3 {
        grid-row: 4 / span 2;
        grid-column: 1 / span 2;
    }
    #homeGallery div.imagesList ul li.item4 {
        grid-row: 4 / span 2;
        grid-column: 3 / span 2;
    }
    #homeGallery div.imagesList ul li.item5 {
        grid-row: 4 / span 2;
        grid-column: 5 / span 2;
    }
    #homeGallery div.imagesList ul li.item6 {
        grid-row: unset;
        grid-column: unset;
    }
    #homeGallery div.imagesList ul li.item12,
    #homeGallery div.imagesList ul li.item13,
    #homeGallery div.imagesList ul li.item14 {
        display: none;
    }
    #orderForm #rentingCalculatorOptions label.withoutCheckboxOptionLarge > span > strong {
        font-size: 14px;
    }
    #myMobileLeftArea div.subMenu {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }
    #searchByMonthlyPaymentSection header h1 {
        font-size: 60px;
    }
    #searchByMonthlyPaymentSection header p {
        font-size: 30px;
    }
    #searchByMonthlyPaymentSection header div.warranty {
        width: 165px;
        height: 38px;
    }
    #searchByMonthlyPaymentSection ul.list {
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px 30px;
        gap: 30px 30px;
    }
    #searchByMonthlyPaymentSection ul.list li.item span.payment {
        font-size: 20px;
    }
    #vehiclesList ul.list {
        grid-template-columns: repeat(2, 1fr);
    }
    #footerLinks > div.container {
        padding-bottom: 12%;
    }
    #contactView #contactsContainer {
        display: block;
    }
    #contactView #contactsContainer #map {
        height: 400px;
    }
    #contactView #mainContacts {
        max-width: 621px;
        height: 400px;
        margin: auto;
    }
    #contactView section.team div.teamContainer {
        grid-template-columns: repeat(2, 1fr);
    }
    #gallery #imagesList {
        grid-template-columns: repeat(3, 1fr);
    }
    #gallery #imagesList li.imageShowBox {
        grid-column: 1 / span 3;
    }
    #footerContacts div.container div.leftContainer {
        grid-template-columns: 51% 49%;
        display: grid;
    }
    #footerContacts div.container div.leftContainer > div.right {
        display: none;
    }
}

@media (max-width: 900px) {
    /*
    #modalWindow > div.window > #carSearchTutorial {
        width: 87vw;
    }
    #modalWindow > div.window > #carSearchTutorial article.slide1 .text2,
    #modalWindow > div.window > #carSearchTutorial.ru article.slide1 .text2 {
        font-size: 30px;
    }
    #modalWindow > div.window > #carSearchTutorial div.buttons button {
        height: 40px;
        font-size: 24px;
        line-height: 40px;
    }
    #modalWindow > div.window > #carSearchTutorial div.buttons div.checkboxContainer {
        line-height: 40px;
    }
    */
    #carViewSection article > div.columnsContainer {
        display: block;
    }
    #carViewSection article > div.columnsContainer > div.column {
        width: 100%;
        flex: none;
    }
    #carViewSection article > div.columnsContainer > div.column:first-child {
        padding-bottom: 2rem;
    }
    #carViewSection article > div.columnsContainer > div.column:first-child div.container2,
    #carViewSection article > div.columnsContainer > div.column:last-child div.container3 {
        padding: 1.285rem 2.142rem;
    }
    #carViewSection article > div.columnsContainer > div.column section.info:first-child {
        margin-top: 10px;
    }
    #orderFormTabs > div.tabs button.tabButton {
        font-size: 1.1rem;
    }
    #orderFormTabs > div.tabContent > div.loaderLine {
        left: 15px;
        right: 15px;
    }
    #carViewSection article > div.columnsContainer > div.column:last-child div.container2 {
        padding: 18px 15px;
    }
    #orderFormTabs > div.tabs {
        margin: 20px 0 10px 0;
    }
    #orderForm #leasingCalculatorOptions > article > p > label {
        line-height: 30px;
        border-radius: 5px;
    }
    #orderForm #rentingCalculatorOptions label.withoutCheckboxOptionLarge > span > strong {
        font-size: 16px;
    }
    #orderForm #rentingCalculatorOptions > div.container4 {
        display: flex;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingPackageOptions {
        margin-top: 0;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions > p,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions > p {
        width: 90%;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions > p > label,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions > p > label {
        flex: 1;
    }
    #orderForm div.buttons {
        margin-left: 0;
    }
    #teslaBanner h2 {
        font-size: 2.4rem;
    }
    #teslaBanner .textBlock a.btn {
        height: 2.642rem;
        padding: 0 20px;
        line-height: 2.642rem;
        font-size: 1.357rem;
    }
    #feedbackOpenerButton span,
    #toTop span {
        font-size: 0.9rem;
    }
    #toTop {
        padding-bottom: 2rem;
    }
}

@media (max-width: 825px) {
    #quickSearchSection div.container form > div.optionsBlock {
        grid-template-columns: 48.7% 48.7%;
    }
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-row: 5 / span 1;
        grid-column: 1 / span 2;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical {
        grid-template-columns: 1fr 1fr;
        gap: 0 2.5%;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 {
        grid-row: 1 / span 3;
        grid-column: 1;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 {
        grid-row: 1;
        grid-column: 2;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 {
        grid-row: 2;
        grid-column: 2;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 {
        grid-row: 3;
        grid-column: 2;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3 div.equipmentList,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 div.equipmentList {
        grid-template-columns: 1fr;
    }
    #quickSearchSection div.container form.Truck div.equipmentOptions div.equipmentList,
    #quickSearchSection div.container form.Motorbike div.equipmentOptions div.equipmentList {
        grid-template-columns: 1fr 1fr;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 42px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 22px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        font-size: 16px;
    }
}

@media (max-width: 800px) {
    #homeHeader2 div.slideShowContainer {
        height: 110px;
    }
    #homeHeader2 div.slideShowContainer div.slide {
        width: 800px;
    }
    #companySales article p.description > span > br {
        display: none;
    }
    #cta article {
        margin: auto;
        padding: 0;
        text-align: center;
    }
    #vehiclesList div.container form {
        max-width: none;
        margin: 20px 4px;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    #searchByMonthlyPaymentSection div.container form {
        max-width: none;
        margin-left: 4px;
        margin-right: 4px;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
    #vehiclesList div.container form div.selectRow,
    #searchByMonthlyPaymentSection div.container form div.selectRow {
        grid-template-columns: 1fr;
    }
    #vehiclesList div.container form div.selectRow2,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 {
        grid-template-columns: 1fr;
        gap: 7px;
        display: grid;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect {
        width: 100%;
        margin: 0;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont {
        min-height: 2.642rem;
        padding: 0.38rem 2.857rem 0 1rem;
        cursor: pointer;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > span,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > span {
        padding-right: 30px;
        line-height: 1.928rem;
        font-weight: inherit;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > label,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > label {
        position: absolute;
        top: 0;
        right: 0.571rem;
        bottom: 0;
        width: 30px;
        cursor: pointer;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > label > i,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont > label > i {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='15.1px' height='9.2px' viewBox='0 0 15.1 9.2' style='enable-background:new 0 0 15.1 9.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231A1917;%7D%0A%3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Crect x='3.4' y='-0.8' transform='matrix%280.7071 -0.7071 0.7071 0.7071 -1.8961 4.5776%29' class='st0' width='2.3' height='10.7'/%3E%3Crect x='5.2' y='3.4' transform='matrix%280.7071 -0.7071 0.7071 0.7071 -0.1608 8.7673%29' class='st0' width='10.7' height='2.3'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-position: center center;
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-repeat: no-repeat;
        opacity: 1;
        transition: all 0.5s;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect.open > p.CaptionCont > label > i,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect.open > p.CaptionCont > label > i {
        transform: rotate(180deg);
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect.open > p.CaptionCont > span,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect.open > p.CaptionCont > span {
        color: inherit;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper {
        position: absolute;
        top: 2.642rem;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background: #fff;
        overflow: hidden;
        display: none;
        z-index: 1000;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect.open > div.optWrapper,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect.open > div.optWrapper {
        display: block;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont,
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect.open > div.optWrapper,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > p.CaptionCont,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect.open > div.optWrapper {
        border: none;
        border-radius: 0;
        box-shadow: none;
        background-color: #dfe0e1;
        color: #000;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options {
        position: relative;
        max-height: 250px;
        padding: 0;
        column-count: auto;
        background: none;
        border: none;
        overflow: auto;
        cursor: pointer;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.group > label,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options > li.group > label {
        padding: 8px 6px;
        font-weight: 700;
        cursor: default;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt {
        width: auto;
        margin: 0;
        padding: 0.357rem 0.571rem 0.357rem 1rem;
        text-align: left;
        cursor: pointer;
        border: none;
        transition: all 0.5s;
        display: block;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt.selected,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt.selected {
        color: inherit;
        background-color: #c6c7c8;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt label,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt label {
        line-height: 1.928rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        cursor: pointer;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt:hover,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > ul.options li.opt:hover {
        color: #fff;
        background-color: #323133;
    }
    #vehiclesList div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > div.text,
    #searchByMonthlyPaymentSection div.container form div.selectRow2 div.dropDownSelect > div.optWrapper > div.text {
        padding: 11px 15px;
        text-align: left;
        background: none;
        border: none;
        display: block;
    }
}

@media (max-width: 768px) {
    body.stickyHeader #autoscout24Search {
        top: -80px;
    }
    #homeHeader2 {
        padding-bottom: 7%;
    }
    #homeHeader2 h1 {
        margin: 8% 20px 4%;
        font-size: 28px;
    }
    #homeHeader2 h1 > div.warranty {
        margin: 5px auto;
        display: block;
    }
    #homeHeader2 div.carCarouselContainer {
        margin: 0 -14%;
    }
    #quickSearchSection div.categoryTabs {
        position: static;
        bottom: auto;
        left: auto;
        margin-top: 10px;
        display: grid;
        gap: 7px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    #quickSearchSection div.categoryTabs a {
        height: auto;
        min-width: auto;
        margin: 0;
        padding: 4% 20px;
        line-height: 1.4;
        background: #dfe0e1;
        display: flex;
        align-items: center;
    }
    #quickSearchSection div.categoryTabs a > span {
        display: inline-block;
        flex: 1;
    }
    #quickSearchSection div.categoryTabs a:hover {
        background: #c9c9c9;
    }
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-template-columns: 1fr 1fr;
    }
    #userCarsList div.listHeader {
        display: none;
    }
    #userCarsList div.listBody div.column.image {
        flex: 0 0 55%;
    }
    #userCarsList div.listBody > div.row > div.column.row {
        padding: 1.428rem 0;
        flex-direction: column;
    }
    #userCarsList div.listBody > div.row > div.column.row > div.column {
        min-height: auto;
        padding: 1rem 0.714rem;
        flex: 1;
    }
    #userCarsList div.listBody > div.row > div.column.row > div.column > span {
        margin-bottom: 9px;
        font-weight: bold;
        display: block;
    }
    #userCarsList div.listBody > div.row > div.column.row > div.column.status {
        padding-right: 5px;
        flex: 1;
    }
}

@media (max-width: 720px) {
    #mobileHeaderContainer #headerSocial {
        width: 114px;
    }
    #mobileDeAdUrlInputSection article h1,
    #companySales article h2,
    #homeGallery div.container h2 {
        font-size: 2.142rem;
    }
    #cta article h2 {
        font-size: 2.142rem;
    }
    #facebook article div.smiles img {
        width: 40px;
    }
    #facebook article h2 {
        font-size: 24px;
    }
    #searchByMonthlyPaymentSection header h1 {
        font-size: 44px;
    }
    #searchByMonthlyPaymentSection header p {
        font-size: 22px;
    }
}

@media (max-width: 700px) {
    #mobileHeaderContainer > div.info > span {
        display: none;
    }
    #teslaBanner .textBlock {
        top: 0;
        width: 100%;
        padding: 6% 0 0 0;
        transition: top 1s ease-in-out 0s;
        align-items: start;
        justify-content: center;
    }
    #teslaBanner .textBlock article {
        text-align: center;
        white-space: normal;
    }
    #teslaBanner h2 .highlighted br {
        display: none;
    }
    #teslaBanner.opened .textBlock {
        top: 69%;
        width: 100%;
    }
    #teslaBanner .imageBlock {
        width: 100%;
        margin-left: 0;
        margin-bottom: 35%;
        padding-top: 80%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 34px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 20px;
    }
    #footerLinks > div.container {
        display: block;
    }
    #footerLinks div.autoscout24 {
        max-width: 20%;
        margin-top: 2rem;
    }
}

@media (max-width: 640px) {
    #homeHeader2 h1 {
        font-size: 24px;
    }
    #homeHeader2 h1 > div.warranty {
        height: 30px;
    }
    #homeHeader2 div.carCarouselContainer {
        margin: 0 -42%;
    }
    #modalWindow > div.window > #sendQuerySection,
    #modalWindow > div.window > #sendOrderSection,
    #modalWindow > div.window > #serviceOrderSection,
    #modalWindow > div.window > #userDataSection {
        width: 80vw;
        max-width: min(80vw, 400px);
    }
    #modalWindow > div.window div.fieldsetContainer > fieldset.withColumns {
        grid-template-columns: 1fr;
    }
    #modalWindow > div.window div.fieldsetContainer.withColumns {
        display: block;
    }
    #modalWindow > div.window div.fieldsetContainer.withColumns > fieldset {
        width: auto;
    }
    #modalWindow > div.window #paymentOptions div.optionsList {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #bossSection.hydrated {
        background-image: url("/assets/imgs/boss/boss_bg6a_960px.jpg");
    }
    #mobileDeAdUrlInputSection article h1 > span,
    #companySales article h2 > span,
    #homeGallery div.container h2 > span {
        display: block;
    }
    #homeGallery div.imagesList ul {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(6, auto);
    }
    #homeGallery div.imagesList ul li.item1 {
        grid-row: 1 / span 2;
        grid-column: 1 / span 2;
    }
    #homeGallery div.imagesList ul li.item2,
    #homeGallery div.imagesList ul li.item3,
    #homeGallery div.imagesList ul li.item4,
    #homeGallery div.imagesList ul li.item5,
    #homeGallery div.imagesList ul li.item6 {
        grid-row: unset;
        grid-column: unset;
    }
    #homeGallery div.imagesList ul li.item6,
    #homeGallery div.imagesList ul li.item7,
    #homeGallery div.imagesList ul li.item8,
    #homeGallery div.imagesList ul li.item9,
    #homeGallery div.imagesList ul li.item10,
    #homeGallery div.imagesList ul li.item11,
    #homeGallery div.imagesList ul li.item12,
    #homeGallery div.imagesList ul li.item13,
    #homeGallery div.imagesList ul li.item14 {
        display: none;
    }
    #companyParameters article ul > li > span {
        padding: 5px 8px;
        font-size: 16px;
        line-height: 1.5;
    }
    #companyParameters article ul > li > span:first-child {
        font-size: 30px;
    }
    #orderFormTabs > div.tabs button.tabButton {
        font-size: 1rem;
    }
    #orderFormTabs > div.tabContent > div.loaderLine {
        left: 5px;
        right: 5px;
    }
    #carViewSection article > div.columnsContainer > div.column:last-child div.container2 {
        padding: 10px 5px 18px 5px;
    }
    #orderForm #leasingCalculatorOptions > article {
        margin-top: 20px;
        display: block;
    }
    #orderForm #leasingCalculatorOptions > article > h4 {
        margin-bottom: 5px;
    }
    #orderForm #leasingCalculatorOptions > article > p {
        max-width: 380px;
        flex: none;
    }
    #orderForm div.footer #monthlyPayment {
        font-size: 26px;
    }
    #carViewSection article > div.columnsContainer > div.column:last-child div.container2a {
        padding: 18px 0;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions > p,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions > p {
        width: auto;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions > p > label,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions > p > label {
        flex: 0 1 128px;
    }
    #myMobileLeftArea div.subMenu {
        flex-direction: column;
        display: flex;
    }
    #myMobileLeftArea div.subMenu > div {
        flex: 1;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 div.column:first-child {
        width: 50%;
    }
    #contactView.hydrated #mainHeader {
        background-image: url(/assets/imgs/contactHeaderBg-640px.jpg);
    }
    #contactView section.team div.teamContainer {
        grid-template-columns: 1fr;
    }
    #vehiclesList #adsListControlPanel {
        flex-direction: column;
        gap: 30px;
    }
    #vehiclesList #adsListControlPanel div.infoText {
        text-align: center;
    }
    #vehiclesList #adsListControlPanel .SumoSelect {
        width: 100%;
    }
    #footerContacts div.container {
        padding-top: 8%;
        padding-bottom: 5%;
        margin-left: 0;
    }
    #footerContacts div.container article span.lb {
        display: block;
    }
    #feedbackOpenerButton {
        bottom: 0;
        writing-mode: unset;
        transform: none;
    }
    #toTop {
        width: auto;
        max-width: 50%;
    }
    #toTop i {
        display: none;
    }
    #feedbackOpenerButton,
    #toTop {
        width: 50%;
        padding: 0.5rem 0;
        text-align: center;
    }
    #feedbackOpenerButton span,
    #toTop span {
        font-weight: normal;
        letter-spacing: normal;
        display: inline;
    }
}

@media (max-width: 600px) {
    #homeHeader2 h1 {
        font-size: 18px;
    }
    #modalWindow > div.window > #requestOfferSection article {
        max-width: none;
    }
    #modalWindow > div.window > #requestOfferSection article h1 {
        font-size: 32px;
    }
    #modalWindow > div.window > #requestOfferSection article p {
        font-size: 16px;
    }
    #quickSearchSection div.container #truckTabs .tab {
        flex: 0 0 50%;
    }
    #teslaBanner.opened .textBlock {
        top: 65%;
    }
    #teslaBanner .imageBlock {
        margin-bottom: 42%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 30px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 18px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        font-size: 14px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.navArrow {
        height: 44px;
    }
    #vehiclesList ul.list {
        grid-template-columns: 1fr;
    }
    #footerContacts div.container div.leftContainer {
        grid-template-columns: 100%;
        gap: 1%;
    }
    #contactView #mainContacts {
        height: auto;
        margin-bottom: 30px;
    }
    #contactView #mainContacts article {
        width: auto;
    }
    #contactView #mainContacts article.general {
        height: auto;
    }
}

@media (max-width: 540px) {
    #mobileHeaderContainer #headerSelects2 {
        padding-right: 10px;
    }
    #mobileHeaderContainer #headerSocial {
        display: none;
    }
    #modalWindow > div.window #loadingScreenSection.ru {
        width: 88vw;
    }
    #modalWindow > div.window #paymentOptions div.optionsList {
        grid-template-columns: 1fr 1fr;
    }
    #modalWindow > div.window #paymentOptions div.optionsList label {
        height: 45px;
    }
    #quickSearchSection div.container form > div.optionsBlock {
        grid-template-columns: 100%;
    }
    #quickSearchSection div.container form div.quickSearch div.checkboxOptions {
        grid-row: 9 / span 1;
        grid-column: 1 / span 1;
        grid-template-columns: 1fr;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical {
        grid-template-columns: 100%;
        gap: 0;
    }
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3,
    #quickSearchSection div.container form.Car div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3,
    #quickSearchSection div.container form.Transporter div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup1,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup2,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup3,
    #quickSearchSection div.container form.Motorhome div.equipmentOptions.vertical div.equipmentGroup.equipmentGroup4 {
        grid-row: unset;
        grid-column: unset;
    }
    #quickSearchSection div.container form.Truck div.equipmentOptions div.equipmentList,
    #quickSearchSection div.container form.Motorbike div.equipmentOptions div.equipmentList {
        grid-template-columns: 100%;
    }
    #quickSearchSection div.container form div.buttons {
        padding: 0;
        display: flex;
        gap: 13px;
    }
    #quickSearchSection div.container form div.buttons button {
        margin: 0;
        min-width: auto;
        flex: 1;
    }

    #modalWindow > div.window > #requestOfferSection {
        padding: 20px;
    }
    /*
    #modalWindow > div.window > #carSearchTutorial article.slide2 .text2 {
        font-size: 26px;
    }
    */
    #searchByMonthlyPaymentSection div.listItemsGallery {
        margin-top: 10%;
        padding-top: 70%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 20px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 14px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        font-size: 12px;
    }
    #cta article h2 br,
    #cta article h2 span.hyphen {
        display: inline;
    }
    #cta article h2 span.br {
        display: block;
    }
    #facebook article div.smiles img {
        width: 30px;
    }
    #facebook article h2 {
        font-size: 20px;
    }
    #companyParameters article ul > li > span {
        padding: 5px 6px;
        font-size: inherit;
        line-height: 1.4;
    }
    #companyParameters article ul > li > span:first-child {
        font-size: 24px;
    }
    #searchByMonthlyPaymentSection header h1 {
        font-size: 36px;
    }
    #searchByMonthlyPaymentSection header p {
        font-size: 18px;
    }
    #searchByMonthlyPaymentSection ul.list {
        grid-template-columns: 1fr;
        grid-gap: 30px 30px;
        gap: 30px 30px;
    }
    #carViewSection article > h1 {
        font-size: 1.428rem;
    }
    #orderForm div.buttons button {
        font-size: 15px;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 {
        gap: 10px 10px;
        flex-direction: column;
        display: flex;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 > div.row {
        flex-direction: column;
        display: flex;
        flex: 1;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 > div.row > div.column {
        display: block;
        flex: 1;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 > div.row > div.column:first-child {
        width: 100%;
    }
    #myMobileMainColumn section.userDataForm div.tableType1 div.column:last-child input[type="text"],
    #myMobileMainColumn section.userDataForm div.tableType1 div.column:last-child .SumoSelect {
        max-width: none;
    }

    #userCarsList div.listBody > div.row {
        flex-direction: column;
    }
    #userCarsList div.listBody div.column.image {
        flex: 1;
    }
    #userCarsList div.listBody div.column.image div.img {
        height: auto;
        padding-top: 66%;
    }
}

@media (max-width: 500px) {
    #teslaBanner h2 .highlighted br {
        display: inline;
    }
    #teslaBanner.opened .textBlock {
        top: 60%;
    }
    #teslaBanner .imageBlock {
        margin-bottom: 48%;
    }
    #contactView section.team div.container2 {
        padding: 20px 10px;
    }
    #contactView #contactsContainer {
        margin: 30px 0;
    }
    #contactView #mainContacts article {
        padding-left: 3%;
        padding-right: 3%;
    }
    #vehiclesList div.container form,
    #searchByMonthlyPaymentSection div.container form {
        grid-template-columns: 1fr;
    }
    #vehiclesList div.container form div.selectRow,
    #searchByMonthlyPaymentSection div.container form div.selectRow {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    #vehiclesList div.container form div.selectRow div:first-child,
    #searchByMonthlyPaymentSection div.container form div.selectRow div:first-child {
        grid-row: 1 / 1;
        grid-column: 1 / span 2;
    }
    #vehiclesList div.container form div.selectRow div:last-child {
        grid-row: 3 / 3;
        grid-column: 1 / span 2;
    }
}

@media (max-width: 480px), (orientation: landscape) and (max-width: 1024px) and (max-height: 480px) {
    body.stickyHeader div.hashtag {
        position: relative;
        top: -65px;
    }
    body.stickyHeader main {
        padding-top: 65px;
    }
    #mobileHeaderContainer {
        padding: 15px;
    }
    #mobileHeaderContainer #logo2 {
        height: 35px;
    }
    #mobileHeaderContainer #menuOpener > a {
        width: 35px;
        height: 35px;
    }
    #pageHeader #mainNavBar2 {
        top: 65px;
    }
}

@media (max-width: 480px) {
    #modalWindow > div.window {
        width: 90vw;
    }
    #modalWindow > div.window > section {
        min-width: 100%;
    }
    #modalWindow > div.window div.message {
        font-size: 1rem;
    }
    #modalWindow > div.window #loadingScreenSection {
        width: 100%;
    }
    #modalWindow > div.window > #requestOfferSection article h1 {
        font-size: 22px;
    }
    #modalWindow > div.window > #requestOfferSection article p {
        font-size: 14px;
    }
    /*
    #modalWindow > div.window > #carSearchTutorial article.slide1 .text2,
    #modalWindow > div.window > #carSearchTutorial article.slide2 .text2 {
        line-height: 1.3;
    }
    */
    #quickSearchSection div.container form div.buttons button {
        height: 3.166rem;
        line-height: 3.166rem;
    }
    #mobileDeAdUrlInputSection article h1 {
        font-size: 24px;
    }
    #mobileDeAdUrlInputSection article h1,
    #companySales article h2,
    #homeGallery div.container h2 {
        font-size: 20px;
    }
    #cta article div.buttons a.button,
    #facebook article div.buttons a.button,
    #homeGallery div.buttons a.button {
        height: 2.642rem;
        line-height: 2.642rem;
    }
    #contactView div.nav {
        display: grid;
    }
    #contactView div.nav a {
        min-width: auto;
    }
    #companyParameters div.container {
        padding-top: 50px;
        padding-bottom: 35px;
    }
    #companyParameters article ul > li {
        margin: 15px 0;
        display: block;
    }
    #companyParameters article ul > li > span {
        padding: 0;
        text-align: center;
        display: block;
    }
    #companyParameters article ul > li > span:first-child {
        text-align: center;
    }
    #orderFormTabs > div.tabs button.tabButton {
        font-size: 0.9rem;
    }
    #personalInsuranceOfferOpener button {
        width: 100%;
    }
    #orderForm #rentingCalculatorOptions > div.container4 {
        display: block;
    }
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingMileageOptions,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingAdvanceOptions,
    #orderForm #rentingCalculatorOptions > div.container4 > #rentingPackageOptions {
        margin-top: 35px;
    }
    /*
    #modalWindow > div.window > #carSearchTutorial .screenshot.suchen {
        width: auto;
    }
    #modalWindow > div.window > #carSearchTutorial .screenshot.mobile {
        width: auto;
        padding-top: 65%;
    }
    #modalWindow > div.window > #carSearchTutorial article.slide1 .text2,
    #modalWindow > div.window > #carSearchTutorial.ru article.slide1 .text2 {
        font-size: 22px;
    }
    #modalWindow > div.window > #carSearchTutorial div.buttons button {
        min-width: 150px;
        height: 34px;
        font-size: 18px;
        line-height: 34px;
    }
    */
    #homeHeader2 div.carCarouselContainer {
        margin: 0 -50%;
    }
    #gallery h2 {
        font-size: 20px;
    }
}

@media (max-width: 440px) {
    html,
    body,
    button,
    input,
    optgroup,
    select,
    textarea {
        font-size: 12px;
    }
    #homeHeader2 h1 > span {
        display: block;
    }
    #homeHeader2 h1 > div.warranty {
        height: 22px;
    }
    #modalWindow > div.window h6.headerTitle {
        margin-left: 0;
    }
    #modalWindow > div.window > section {
        font-size: 14px;
    }
    #modalWindow > div.window div.fieldsetContainer > fieldset {
        margin-left: 0;
    }
    #modalWindow > div.window div.fieldsetContainer div.fieldBlock {
        max-width: none;
    }
    #modalWindow > div.window div.tabs.tabOptions {
        flex-wrap: wrap;
    }
    #modalWindow > div.window div.tabs.tabOptions button.tabButton {
        flex: 0 0 100%;
    }
    #modalWindow > div.window div.footer.buttons {
        margin-left: 0;
        justify-content: center;
    }
    #modalWindow > div.window div.fieldsetContainer.withTwoColumns {
        margin: 0;
    }
    #modalWindow > div.window #authSection div.fieldsetContainer > fieldset {
        text-align: center;
    }
    #modalWindow > div.window #authSection div.options {
        margin: auto;
    }
    /*
    #modalWindow > div.window > #carSearchTutorial article.slide1 .text1,
    #modalWindow > div.window > #carSearchTutorial article.slide2 .text1 {
        font-size: 16px;
    }
    #modalWindow > div.window > #carSearchTutorial article.slide1 .text2,
    #modalWindow > div.window > #carSearchTutorial.ru article.slide1 .text2,
    #modalWindow > div.window > #carSearchTutorial article.slide2 .text2,
    #modalWindow > div.window > #carSearchTutorial.ru article.slide2 .text2 {
        font-size: 18px;
    }
    */
    #mobileDeAdUrlInputSection form {
        display: block;
    }
    #mobileDeAdUrlInputSection button {
        width: 100%;
        margin-top: 13px;
        display: block;
    }
    #facebook article h2 {
        font-size: 16px;
    }
    #searchByMonthlyPaymentSection header h1 {
        font-size: 24px;
    }
    #searchByMonthlyPaymentSection header p {
        font-size: inherit;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.payment {
        font-size: 16px;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery div.slide div.info span.name {
        font-size: 12px;
    }
    #carViewSection article > h1 {
        font-size: 18px;
    }
    #orderFormTabs > div.tabs button.tabButton {
        line-height: 30px;
    }
    #carViewSection article section.info.contact div.sellerContacts > article.teamMember div.picContainer {
        display: none;
    }
    #footerContacts div.container div.leftContainer > div,
    #footerContacts div.container div.leftContainer > div:first-child {
        margin-right: 0;
        clear: left;
    }
}

@media (max-width: 400px) {
    #mobileHeaderContainer #logo2 {
        height: 25px;
    }
    #pageHeader #mainNavBar2 nav {
        margin-left: 10%;
    }
    #teslaBanner.opened .textBlock {
        top: 57%;
    }
    #teslaBanner .imageBlock {
        margin-bottom: 55%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery {
        padding-top: 75%;
    }
    #searchByMonthlyPaymentSection div.listItemsGallery .searchButton {
        max-width: 104px;
        text-align: center;
    }
    #teslaBanner.opened .textBlock {
        top: 53%;
    }
    #teslaBanner .imageBlock {
        margin-bottom: 58%;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #facebook.hydrated div.container {
        background-image: url("/assets/imgs/facebook-mobile-et_870px.png");
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 480px),
    (min-device-pixel-ratio: 2) and (min-width: 480px),
    (min-resolution: 192dpi) and (min-width: 480px),
    (min-resolution: 2dppx) and (min-width: 480px) {
    #contactView.hydrated #mainHeader {
        background-image: url(/assets/imgs/contactHeaderBg-1280px.jpg);
    }
    #bossSection.hydrated {
        background-image: url("/assets/imgs/boss/boss_bg6a_960px.jpg");
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 960px),
    (min-device-pixel-ratio: 2) and (min-width: 960px),
    (min-resolution: 192dpi) and (min-width: 960px),
    (min-resolution: 2dppx) and (min-width: 960px) {
    #contactView.hydrated #mainHeader {
        background-image: url(/assets/imgs/contactHeaderBg-2560px.jpg);
    }
    #bossSection.hydrated {
        background-image: url("/assets/imgs/boss/boss_bg6a_1920px.jpg");
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px),
    (min-device-pixel-ratio: 2) and (min-width: 1300px),
    (min-resolution: 192dpi) and (min-width: 1300px),
    (min-resolution: 2dppx) and (min-width: 1300px) {
    #bossSection.hydrated {
        background-image: url("/assets/imgs/boss/boss_bg6a_3840px.jpg");
    }
}