@charset "UTF-8";

@media (min-width: 321px) {
}
@media (min-width: 481px) {
}
@media (min-width: 542px) {
}
@media (min-width: 649px) {
}
@media (min-width: 769px) {
}
@media (min-width: 871px) {
}
@media (min-width: 961px) {
}
@media (min-width: 1025px) {
}
@media (min-width: 1141px) {
}
@media (min-width: 1201px) {
}
@media (min-width: 1341px) {
}
@media (min-width: 1441px) {
}
@media (min-width: 1501px) {
}
@media (min-width: 1661px) {
}
@media (min-width: 1800px) {
}
@media (min-width: 2100px) {
    #guestHomeHeader,
    #userHomeHeader,
    #searchPageHeader,
    #vehiclePageHeader div.contentContainer,
    #orderPageHeader,
    #userSettingsPageHeader,
    #bookmarksPageHeader,
    #contentPageHeader,
    #blogPageBackground {
        padding-top: 9%;
    }
    #searchPageBackground,
    #orderPageBackground,
    #userSettingsPageBackground,
    #bookmarksPageBackground,
    #teslaPageBackground {
        padding-top: 900px;
    }
    #searchPageBackground,
    #orderPageBackground,
    #searchPageBackground:before,
    #orderPageBackground:before {
        background-position: 0 50%;
    }
    #filterCars {
        margin-top: 9%;
    }
    #blogPostPageBody {
        margin-top: 12%;
    }
}
@media (min-width: 2048px) {
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11-4k.jpg);
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-4k.jpg);
    }

    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-4k.jpg);
    }
}
@media (max-width: 1750px) {
    #newCarsBlock div.hand {
        left: 42%;
    }
}
@media (max-width: 1660px) {
    #leftToolbar > li {
        clear: none;
    }
    #leftToolbar #feedbackOpenerButton {
        height: 84px;
        border-top: none;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator {
        min-width: auto;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label {
        width: calc(25% - 20px);
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label:last-of-type,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label:last-of-type {
        margin: 0;
    }
    #teslaPageBackground,
    #teslaPageBackground:before {
        background-position: 100% 100%;
    }
} /* 1660 */
@media (max-width: 1550px) {
    #newCarsBlock div.hand {
        top: 24%;
        bottom: 5%;
        padding-top: 34%;
        width: 58%;
        left: auto;
        right: -7%;
        background-position: right center;
    }
}
@media (max-width: 1500px) {
    #homeLeasingBlock article.info {
        width: 45%;
    }
    #userSearchBlock section#quickSearchBlock {
        margin-right: 10.8%;
    }
    #userSearchBlock section.mySkaut {
        float: left;
        margin: 0;
    }
    #vehiclePage .vehiclePageNavigation {
        padding: 0 5.3%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label {
        width: calc(20% - 15px);
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label:nth-of-type(5n + 5) {
        margin-right: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow input + label {
        padding: 0 5px 0 33px;
    }
} /* 1500 */
@media (max-width: 1400px) {
    #container div.contentContainer div.message {
        font-size: 32px;
    }
    #searchResultHeader .sortOptions .tooltip {
        left: auto !important;
        right: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label {
        height: 400px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b {
        width: 184px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d {
        width: 200px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow input + label {
        width: 100%;
    }
    #userHomeHeader div.listWrapper {
        margin-left: 0;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo {
        width: 32%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderOption {
        width: 33%;
    }
    #teslaPageBackground {
        padding-top: 660px;
    }
    #teslaPageBackground,
    #teslaPageBackground:before {
        background-position: 100% 100%;
    }
    #bookmarksList article.row > div.mainCol .tooltip {
        left: auto !important;
        right: 0;
    }
    #bookmarksList article.row > div.mainCol .tooltip .tooltip-arrow {
        margin-left: 70%;
    }
    #orderInfo div.tabPanel div.message {
        font-size: 18px;
    }
    #contentPageHeader div.contentWrapper {
        margin-left: 0;
    }
    #homePartnersBlock div.contentContainer article div.logo {
        bottom: 10%;
    }
    #blogPostPage #moreBlogPosts {
        padding: 6% 0;
    }
} /* 1400 */
@media (max-width: 1340px) {
    #guestHomeHeader article.info {
        width: 51%;
    }
    #userSearchBlock section.mySkaut {
        width: 47%;
    }
    #homePartnersBlock div.contentContainer article {
        width: 278px;
        height: 300px;
        margin: 1%;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset {
        margin: 43px 0 0;
        padding: 0 30px 17px;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset > legend {
        font-size: 16px;
    }
    #userSettingsPageContainer {
        font-size: 14px;
    }
    #userSettingsPageContainer > div.column.rightColumn {
        padding-left: 30px;
        padding-right: 30px;
    }
    #filterCars {
        width: 85%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderOption li span {
        font-size: 12px;
    }
} /* 1340 */

@media (max-width: 1280px) {
    #container {
        padding-bottom: 455px;
    }
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11-1280px.jpg);
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-1280px.jpg);
    }
    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-1280px.jpg);
    }
    #footer {
        min-height: 455px;
    }
    #footer section.autoscout24 a.link {
        margin: 0 10% 0 auto;
    }
    #footer div.contentContainer.last ul.links.terms li:last-child:after {
        display: none;
    }
    #footer div.contentContainer.last small {
        margin-top: 20px;
        font-size: 14px;
        clear: left;
    }
}

@media (max-width: 1200px) {
    #container div.contentContainer div.message {
        font-size: 28px;
    }
    #mainNav {
        left: -467px;
        width: 467px;
    }
    #mainNav div.header {
        top: 28px;
        margin: 0 15% 0 5%;
    }
    #mainNav div.header div.userName {
        margin: 0 0 2% 0;
    }
    #mainNav.userNav nav {
        top: 165px;
    }
    #mainNav ul li a,
    #mainNav ul li.disabled span {
        padding: 2.6% 0 2.6% 5%;
        font-size: 22px;
    }
    #mainNav ul.isGuest li a:after {
        right: 23px;
    }
    #guestHomeHeader {
        padding-top: 170px;
    }
    #guestHomeHeader article.info {
        margin-top: 9%;
        margin-right: 2.5%;
    }
    #guestHomeHeader article.info h1 {
        font-size: 48px;
    }
    #userHomeHeader {
        padding-top: 170px;
    }
    #guestIndexBlock {
        padding: 6.5% 0 4.3%;
    }
    #guestIndexBlock article.info h1 {
        font-size: 36px;
    }
    #guestIndexBlock article.info p {
        margin: 27px 0 32px;
    }
    #guestIndexBlock div.grid {
        padding-top: 11px;
        height: 380px;
        overflow: hidden;
    }
    #guestIndexBlock div.grid > i,
    #guestIndexBlock div.grid > b {
        margin: 0 6px 6px 0;
    }
    #guestIndexBlock div.topCarsContainer h2 {
        font-size: 36px;
    }
    #guestSearchBlock {
        padding: 5.5% 0;
        min-height: 838px;
    }
    #guestSearchBlock article.info {
        margin: 9% 0 0 0;
        width: 45%;
    }
    #guestSearchBlock article.info h1 {
        font-size: 36px;
    }
    #guestSearchBlock article.info p {
        margin: 15px 0;
        line-height: 1.6;
    }
    #guestSearchBlock article.info button {
        margin-top: 29px;
    }
    #quickSearchBlock {
        width: 46%;
    }
    #quickSearchBlock form fieldset {
        margin-bottom: 3.7%;
    }
    #quickSearchBlock form fieldset.otherOptions {
        margin: 3.7% 0 0 0;
    }
    #newCarsBlock article div.title {
        top: 25.5%;
        bottom: 31%;
        padding-top: 26%;
    }
    #newCarsBlock article div.buttons {
        bottom: 14%;
    }
    #newCarsBlock article div.text {
        bottom: 14%;
        font-size: 22px;
    }
    #customerReviewsBlock div.contentContainer h2 {
        font-size: 36px;
    }
    #customerReviewsBlock #customerReviewsSlider .lSSlideOuter .lSPager.lSpg > li a {
        width: 16px;
        height: 16px;
    }
    #homeLeasingBlock {
        padding-top: 10%;
        min-height: 682px;
    }
    #homeLeasingBlock article.info h1 {
        font-size: 36px;
    }
    #homeLeasingBlock article.info h1 > br {
        display: none;
    }
    #homeLeasingBlock article.info p {
        line-height: 1.6;
        margin: 17px 0 27px;
    }
    #guestHelpingBlock {
        min-height: 672px;
        padding: 10.5% 0;
    }
    #guestHelpingBlock article.info h1 {
        font-size: 36px;
    }
    #guestHelpingBlock article.info {
        max-width: 538px;
    }
    #guestHelpingBlock article.info p {
        margin: 22px 0 33px;
        line-height: 1.6;
    }
    #guestHelpingBlock article.info .button {
        padding: 0 44px;
    }
    #homeBestBlock {
        padding: 5.1% 0 8%;
    }
    #homeBestBlock h1 {
        font-size: 36px;
        margin-bottom: 39px;
    }
    #homeBestBlock article {
        width: 33.3333%;
        margin: auto;
        padding: 0 32px;
    }
    #homeBestBlock div.buttons {
        padding-top: 54px;
    }
    #homeAboutSkautBlock {
        min-height: 782px;
    }
    #homeAboutSkautBlock div.container {
        width: 57.5%;
        margin: 7.2% 10% 0 0;
    }
    #homeAboutSkautBlock div.container article.info h1 {
        font-size: 36px;
    }
    #homeAboutSkautBlock div.container article.info p {
        margin: 23px 0;
    }
    #homeAboutSkautBlock div.container ul li {
        margin-right: 37px;
    }
    #homeAboutSkautBlock div.container ul li span {
        padding-bottom: 4px;
    }
    #homeServicesBlock {
        padding: 5.8% 0 7.7%;
    }
    #homeServicesBlock article.info h1 {
        font-size: 36px;
    }
    #homeServicesBlock article.info p {
        margin: 28px 0 11px 0;
        line-height: 1.6;
    }
    #packagesTable .tableRow .table-cell.free {
        position: relative;
    }
    #packagesTable .table-cell.secondCol,
    #packagesTable .table-cell.thirdCol,
    #packagesTable .table-cell.fourthCol {
        width: 21.7%;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:first-child {
        position: absolute;
        top: 27px;
        left: 5%;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:last-child {
        position: absolute;
        top: 27px;
        left: auto;
        right: 5%;
    }
    #homePartnersBlock div.contentContainer {
        padding-top: 6.6%;
        padding-bottom: 7%;
    }
    #homePartnersBlock div.contentContainer article {
        margin: 5px;
    }
    #userSearchBlock {
        padding: 4.1% 0 4.5% 0;
    }
    #userSearchBlock section#quickSearchBlock {
        margin-right: 7%;
    }
    #quickSearchBlock h1 {
        margin-bottom: 36px;
    }
    #userSearchBlock section.mySkaut article.info h1 {
        padding: 0 13px;
    }
    #userSearchBlock section.mySkaut article.info p {
        padding: 0 13px;
        line-height: 1.35;
        margin: 36px 0 46px;
        font-size: 18px;
    }
    #userSearchBlock section.mySkaut ul li {
        margin: 0 31px 20px 0;
    }
    #userSearchBlock section.mySkaut ul li:nth-child(3) {
        margin-right: 0;
    }
    #userHelpingBlock {
        min-height: 688px;
        padding: 104px 0 0;
        background-size: auto;
        background-position: 47% 31%;
    }
    #userHelpingBlock article.info {
        max-width: 518px;
    }
    #userHelpingBlock article.info h1 {
        margin-bottom: 39px;
        font-size: 36px;
    }
    #userHelpingBlock article.info button {
        margin-top: 5px;
        padding: 0 43px;
    }
    #userPagesBlock {
        padding: 72px 0;
        min-height: 491px;
    }
    #userPagesBlock article h2 {
        font-weight: 700;
    }
    #searchPageBackground,
    #orderPageBackground {
        padding-top: 70%;
    }
    #searchPageBackground,
    #orderPageBackground,
    #searchPageBackground:before,
    #orderPageBackground:before {
        background-position: 39% 0%;
    }
    #searchPageHeader,
    #orderPageHeader {
        padding: 170px 0 0;
    }
    #searchPageHeader div.contentContainer {
        margin: 0;
        width: 100%;
    }
    #searchPageHeader article {
        height: 405px;
        width: 64.7%;
        padding: 4.45% 6% 6% 2.5%;
    }
    #searchPageHeader article h1 {
        font-size: 30px;
    }
    #searchPageHeader article p {
        margin: 20px 0;
    }
    #searchPageHeader article div.buttons {
        margin-top: 16%;
    }
    #container #searchPage div.contentContainer {
        position: relative;
        width: 100%;
        padding: 0;
    }
    #searchPageContainer #searchParams {
        -webkit-flex: 0 0 35.3%;
        -ms-flex: 0 0 35.3%;
        flex: 0 0 35.3%;
    }
    #searchParams ul.tabs li label span {
        font-size: 16px;
    }
    #searchPageContainer #searchResult {
        -webkit-flex: 0 0 64.7%;
        -ms-flex: 0 0 64.7%;
        flex: 0 0 64.7%;
    }
    #searchParams div.tabPanel.searchFormPanel {
        padding: 6.5% 0;
    }
    #searchParams #tab1Panel fieldset.main,
    #searchParams #tab2Panel fieldset.main,
    #searchParams #tab3Panel fieldset.main {
        margin-bottom: 4%;
        padding: 0 7% 4.5% 7%;
    }
    #searchParams form fieldset.options.interior div.optionsBlock {
        width: 49%;
        float: left;
        margin-right: 1%;
    }
    #searchParams form fieldset.options.interior div.optionsBlock + .optionsBlock {
        margin-left: 1%;
        margin-right: 0;
    }
    #searchParams form fieldset div.container {
        margin-top: 3.5%;
    }
    #searchParams form fieldset.options div.icons label.button span {
        height: 66px;
        line-height: 57px;
    }
    #searchParams form fieldset.options label.button svg {
        width: 54%;
        height: 60%;
    }
    #searchParams #makesContainer div.makesTabs {
        top: 23px;
        left: 7.3%;
        right: inherit;
        z-index: 3;
    }
    #searchParams div.tabPanel#makesTab1Panel legend,
    #searchParams div.tabPanel#makesTab2Panel legend {
        margin-bottom: 29px;
    }
    #searchParams fieldset.subSet {
        margin-top: 6%;
    }
    #searchParams div.tabPanel#makesTab1Panel .subSet legend {
        margin-bottom: 0px;
    }
    #searchParams form fieldset .optionsBlock.optionsCount2.limitToOneSelection > label {
        margin-right: 2%;
        width: 49%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label {
        width: 17.5%;
        margin-right: 3%;
        margin-bottom: 3.1%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label:nth-child(5n + 5) {
        margin-right: 0;
    }
    #searchParams fieldset.options fieldset.main {
        margin-bottom: 4%;
        padding: 0 7% 4.5% 7%;
    }
    #searchParams form fieldset.options div.optionsCount2 > label {
        width: 49%;
        margin-right: 2%;
    }
    #searchParams form fieldset.options div.optionsCount2 > label:last-child {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label {
        width: 32%;
        margin-right: 2%;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(3n),
    #searchParams form fieldset.options div.optionsCount4_1 > label:last-of-type {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(n + 4) {
        width: 49%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label,
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(5n + 5) {
        width: 31.6%;
        height: auto;
        margin-right: 2.5%;
        margin-bottom: 2.1%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(3n + 3) {
        margin-right: 0;
    }
    #searchParams #priceContainer div.priceTabs {
        right: inherit;
        left: 6.9%;
        top: 22px;
    }
    #searchParams #priceContainer fieldset div.container {
        margin-top: 34px;
    }
    #searchParams div.tabPanel#priceTab2Panel + div.optionsCount1 {
        padding-top: 7px;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label,
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(4n + 4) {
        margin-right: 2%;
        width: 32%;
        margin-bottom: 3%;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(3n + 3) {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount4 + div.optionsCount1 {
        padding-top: 9px;
    }
    #searchParams form fieldset.options div.optionsCount2 > label.checkbox {
        margin-right: 0;
        width: 100%;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    #searchParams form fieldset.options label.checkbox.withText i {
        margin-right: 6px;
    }
    #searchParams form fieldset.options label.checkbox.withText span {
        font-size: 14px;
        margin-right: 9px;
    }
    #searchResultList article.row > section.collapsedContent {
        padding: 0 31px;
    }
    #searchResultList article.row.collapsed > section.collapsedContent {
        padding: 10px 31px;
    }
    #searchResultList article.row > section.expandedContent {
        height: 240px;
        padding: 31px;
    }
    #searchResultList article.row > section > div {
        height: 177px;
    }
    #searchResultList article.row > section > div.imageCol {
        width: 32%;
        padding-bottom: 3px;
    }
    #searchResultList article.row > section > div.imageCol .image {
        height: 100%;
    }
    #searchResultList article.row > section > div.imageCol .stickers {
        right: 18px;
    }
    #searchResultList article.row > section > div.mainCol {
        width: 37%;
    }
    #searchResultList article.row > section > div.mainCol .spec {
        margin-bottom: 0;
    }
    #searchResultList article.row > section > div.mainCol .priceInfo .price,
    #searchResultList article.row > section > div.mainCol .priceInfo .vatText {
        line-height: 1.1;
    }
    #vehiclePage .vehiclePageNavigation {
        padding: 0 4.2%;
    }
    #vehiclePageHeader div.contentContainer {
        padding-top: 170px;
        padding-bottom: 70px;
    }
    #vehiclePageHeader article div.column div.container {
        padding: 9.2% 5.6% 13.5%;
    }
    #vehiclePageHeader article div.column.nameColumn h1 {
        margin-bottom: 6%;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li:nth-child(even) {
        padding-right: 0;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li .text {
        display: block;
        overflow: hidden;
    }
    #vehiclePageHeader article div.column.nameColumn .stickers {
        right: 29px;
    }
    #vehiclePageHeader article div.column.specColumn a.bookmarkButton {
        width: 38px;
        height: 38px;
        top: 17px;
        right: 30px;
    }
    #vehiclePageHeader #topCarButton {
        right: 80px;
    }
    #vehiclePageHeader article div.column.specColumn div.container {
        padding: 12.2% 5.6% 9.5%;
    }
    #vehiclePageBody {
        padding: 35px 0 69px;
    }
    #container #vehiclePageBody div.contentContainer {
        width: 100%;
    }
    #vehiclePageBody div.leftColumn > section {
        width: 94.5%;
    }
    #vehiclePageBody div.leftColumn section.buttons {
        padding-top: 41px;
    }
    #vehiclePageBody div.leftColumn section.buttons a.button {
        width: 32%;
    }
    #vehiclePageBody div.leftColumn section.buttons .button:nth-child(2) {
        margin: 0 2%;
    }
    #attentionTexts h2 {
        padding-top: 44px;
    }
    #vehicleSeals {
        padding: 5% 0;
    }
    #container #vehicleSeals div.contentContainer {
        width: 100%;
    }
    #vehicleSeals div.leftColumn {
        padding-right: 5%;
    }
    #vehicleSeals section.sealLogo {
        height: 160px;
    }
    #container #vehicleEnergyEfficiency div.contentContainer {
        width: 100%;
    }
    #vehiclePageOrder {
        padding-top: 40px;
    }
    #container #vehiclePageOrder div.contentContainer {
        width: 100%;
    }
    #bookmarksPageHeader {
        padding-top: 170px;
    }
    #container #bookmarksPageHeader div.contentContainer {
        padding: 0;
    }
    #teslaPageBackground {
        padding-top: 610px;
    }
    #bookmarksPageHeader article {
        margin-left: 35.3%;
        padding: 4% 5% 6% 4.5%;
    }
    #bookmarksList article.row > div.imageCol div.conteiner {
        padding: 60px 20px;
    }
    #bookmarksList article.row > div.imageCol .buttons {
        margin-top: 93%;
    }
    #bookmarksList article.row > div.imageCol .buttons .button {
        margin-top: 22px;
    }
    #bookmarksList article.row > div.imageCol .stickers {
        left: 48px;
    }
    #bookmarksList article.row > div.mainCol {
        width: 50%;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li {
        width: 38%;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li:nth-child(3n + 3) {
        width: 24%;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo {
        min-height: auto;
        height: 80px;
    }
    #bookmarksList article.row > div.mainCol div.highlights {
        margin-bottom: 10px;
    }
    #orderPageHeader article {
        padding: 5.5% 4.5% 0 4%;
        height: 449px;
        margin-left: 35.3%;
    }
    #orderPageContainer #vehicleInfo {
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none;
        padding: 38px 20px;
        width: 48.3%;
    }
    #orderPageContainer #vehicleInfo > header > h1 {
        font-size: 36px;
        margin-bottom: 10%;
    }
    #orderPageContainer #vehicleInfo #detailView {
        margin-top: 4px;
    }
    #orderPageContainer #vehicleInfo section.images {
        max-width: 538px;
    }
    #orderPageContainer #vehicleInfo ul.specTable {
        margin-top: 44px;
    }
    #orderPageContainer #orderInfo {
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none;
        width: 52.7%;
        max-width: none;
    }
    #orderInfo ul.tabs li label span {
        font-size: 16px;
    }
    #orderInfo div.tabPanel {
        padding: 46px 30px 0 24px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator {
        padding: 26px 0 48px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow.buttons .button {
        padding: 8px 30px;
    }
    #orderInfo div.tabPanel.noOrder div.orderButtons {
        padding: 43px 0 20px;
    }
    #orderInfo div.tabPanel div.message {
        font-size: 18px;
    }
    #userSettingsPageBackground {
        background-position: 33.1% top;
    }
    #userSettingsPageHeader {
        padding-top: 170px;
    }
    #userSettingsPageHeader article {
        margin-left: 35.3%;
        padding: 4% 5% 6% 4.5%;
    }
    #userSettingsPageContainer > div.column.leftColumn {
        padding-top: 27px;
    }
    #userSettingsPageContainer > div.column.rightColumn {
        padding-top: 33px;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset {
        margin-top: 30px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons {
        display: block;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons:after {
        content: "";
        display: block;
        clear: both;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label {
        float: left;
        width: calc(50% - 5px);
        padding-right: 0;
        display: block;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(-n + 2) {
        margin-bottom: 10px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(odd) {
        margin-right: 10px;
    }
    #filterCars {
        margin-top: 170px;
        padding: 46px 62px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox {
        width: 190px;
    }
    #userHomeHeader div.listWrapper {
        width: 100%;
        padding: 5% 28px 8%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList h1 {
        margin-bottom: 6%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .topCarInfo,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .topCarInfo {
        padding-top: 17px;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers {
        right: 3%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage {
        width: 29.5%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers {
        right: 4%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderOption {
        width: 33%;
    }
    #topCarsSlider {
        margin: 0 8px;
    }
    #topCarsSlider li.topCarCol {
        padding: 0 10px;
    }
    #topCarsSlider .topCarsBoxWrapper .stickers {
        right: 20px;
    }
    #topCarsSlider .topCarsBoxWrapper .topCarInfo h3 {
        margin-top: 17px;
    }
    #topCarsSlider .lSSlideOuter .lSPager.lSpg {
        padding-top: 3%;
    }
    #topCarsSlider .lSSlideOuter .lSPager.lSpg > li a {
        width: 16px;
        height: 16px;
    }
    #contentPageHeader {
        padding-top: 170px;
    }
    #blogPageBackground {
        padding-top: 170px;
    }
    #blogPostsBlock {
        padding: 6.5% 0;
    }
    #blogPostsBlock h1 {
        margin-bottom: 4%;
    }
    #blogIndexPageBody {
        padding-bottom: 7%;
    }
    #blogPostPageBody {
        margin-top: 230px;
    }
    #blogIndexPage #blogPageBackground div.headerContainer h1,
    #blogPostPageBody header h1 {
        font-size: 36px;
    }
    #blogIndexPage #blogPageBackground div.headerContainer p.intro,
    #blogPostPageBody footer time,
    #blogPostPageBody div.intro,
    #blogPostPageBody div.content h2 {
        font-size: 20px;
    }
    #blogPostPage #blogPageBackground div.contentWrapper {
        padding-top: 480px;
    }
    #blogPostPage #moreLinks .title {
        display: none;
    }
} /* 1200 */
@media (max-width: 1199px) {
    #vehiclePage .vehiclePageNavigation.active div {
        display: block;
    }
}
@media (max-width: 1140px) {
    #container {
        padding-bottom: 510px;
    }
    #guestSearchBlock {
        min-height: 824px;
    }
    #guestHomeHeader,
    #guestHomeHeader:before {
        background-position: 20% 30%;
    }
    #guestIndexBlock div.grid {
        height: 400px;
    }
    #homeLeasingBlock {
        min-height: 600px;
    }
    #guestHelpingBlock {
        min-height: 588px;
    }
    #packagesTable .table-cell span.packageDesc {
        line-height: 18px;
    }
    #packagesTable .table-cell.buttons a {
        font-size: 22px;
    }
    #packagesTable .table-cell span.packageRound {
        padding: 26px;
        width: 112px;
        height: 112px;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:first-child,
    #packagesTable .table-cell.thirdCol span.packageRound:last-child {
        top: 36px;
    }
    #userSearchBlock section#quickSearchBlock {
        width: 45%;
        margin-right: 5%;
    }
    #userSearchBlock section.mySkaut {
        width: 50%;
    }
    #userSearchBlock section.mySkaut ul {
        padding-right: 0;
    }
    #userSearchBlock section.mySkaut ul li {
        margin-right: 5.305%;
    }
    #searchInfoPanelScale {
        margin: auto;
    }
    #searchParams form fieldset.options label.select > span {
        white-space: nowrap;
    }
    #searchParams form fieldset div.optionsBlockInfo i.nifoIco-util {
        height: 90px;
    }
    #searchResultHeader .sortPrice {
        padding-left: 40px;
    }
    #searchResultHeader .sortPrice input + label:first-of-type {
        margin-right: 14px;
    }
    #searchResultList article.row > section.collapsedContent {
        padding: 0 26px;
    }
    #searchResultList article.row.collapsed > section.collapsedContent {
        padding: 10px 26px;
    }
    #searchResultList article.row > section.expandedContent {
        padding: 30px 26px;
    }
    #searchResultList article.row > section > div.imageCol {
        width: 30%;
    }
    #searchResultList article.row > section > div.mainCol {
        width: 35%;
    }
    #searchResultList article.row > section > div.toolsCol {
        width: 30%;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li span.text {
        float: left;
        width: calc(95% - 55px);
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked ~ .equipmentRow #equipmentGroup3Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleEnergyEfficiency div.leftColumn {
        width: 70%;
    }
    #vehicleEnergyEfficiency div.rightColumn {
        width: 30%;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li .text {
        font-size: 16px;
    }
    #orderPageContainer #vehicleInfo ul.highlights li .text {
        font-size: 16px;
    }
    #orderInfo ul.tabs li.long {
        -webkit-flex: 1 1 23%;
        -moz-flex: 1 1 23%;
        -ms-flex: 1 1 23%;
        flex: 1 1 23%;
    }
    #vehiclePageOrder section.ordering .orderServicesTable a.button:first-child,
    #vehiclePageOrder section.ordering .orderServicesTable a.button:last-child {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    #userSettingsPageContainer p.showUserPreferredCars.buttons,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons {
        display: block;
    }
    #userSettingsPageContainer p.showUserPreferredCars.buttons label,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons label {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    #userSettingsPageContainer p.showUserPreferredCars.buttons label:last-child,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons label:last-child {
        margin: 0;
    }
    #filterCars {
        width: 100%;
    }
    #footer {
        min-height: 510px;
    }
    #footer div.sections {
        margin-bottom: 40px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    #footer section.autoscout24 {
        padding-top: 40px;
        -webkit-flex: 1 1 300px;
        -moz-flex: 1 1 300px;
        -ms-flex: 1 1 300px;
        flex: 1 1 300px;
    }
    #footer section.autoscout24 a.link {
        width: 50%;
        margin: 0;
        background-position-x: left;
    }
} /* 1140 */
@media (max-width: 1024px) {
    #container div.contentContainer div.message {
        font-size: 24px;
    }
    #guestIndexBlock div.grid {
        height: 442px;
    }
    #homeAboutSkautBlock div.container {
        margin-right: 5%;
        width: 60%;
    }
    #quickSearchBlock form div.buttons .button {
        padding: 0;
        min-width: auto;
    }
    #packagesTable .table-cell.buttons a {
        padding: 0;
        min-width: auto;
        font-size: 22px;
    }
    #packagesTable .table-cell span.packageRound {
        padding: 22px;
        width: 104px;
        height: 104px;
    }
    #userSearchBlock section.mySkaut article.info h1,
    #userSearchBlock section.mySkaut article.info p,
    #userSearchBlock section.mySkaut ul {
        padding: 0;
    }
    #userSearchBlock section.mySkaut ul li {
        margin-right: 3.305%;
    }
    #searchParams form fieldset.options label.select > span {
        font-size: 13px;
    }
    #searchResultHeader .sortPrice input + label {
        font-size: 14px;
        line-height: 20px;
    }
    #searchResultHeader .sortPrice input + label:before {
        top: 1px;
    }
    #searchResultHeader .sortOptions .SumoSelect > .CaptionCont > span {
        font-size: 14px;
    }
    #searchResultHeader .sortPrice input:last-of-type + label {
        margin-right: 0;
    }
    #vehiclePage .vehiclePageNavigation {
        top: 113px;
        padding: 0 5.2%;
    }
    #vehiclePageHeader div.contentContainer {
        padding: 157px 0 0 0;
    }
    #vehiclePageHeader article {
        position: relative;
        display: block;
    }
    #vehiclePageHeader article div.column.nameColumn,
    #vehiclePageHeader article div.column.specColumn {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none;
        width: 100%;
    }
    #vehiclePageHeader article div.column div.container {
        padding: 2.5% 5.3% 4.5%;
    }
    #vehiclePageHeader article div.column.nameColumn h1 {
        margin-bottom: 47px;
        width: calc(100% - 160px);
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li {
        width: 33%;
        margin-bottom: 14px;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li:nth-child(even) {
        padding-right: 3%;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li .text {
        font-size: 18px;
    }
    #vehiclePageHeader article div.column.nameColumn .stickers {
        right: 5.3%;
    }
    #vehiclePageHeader article div.column.specColumn {
        position: static;
        background: #fff;
    }
    #vehiclePageHeader article div.column.specColumn a.bookmarkButton {
        right: 160px;
        top: 28px;
    }
    #vehiclePageHeader article div.column.specColumn a.bookmarkButton.loading:after {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Cpath fill='%23FFFFFF' d='m 42,0.03782 c -1.7,0 -3,1.3 -3,3 v 20 c 0,1.7 1.3,3 3,3 1.7,0 3,-1.3 3,-3 v -20 c 0,-1.7 -1.3,-3 -3,-3 z m -27.6,11.4 c -0.8,0 -1.5,0.3 -2.1,0.9 -1.2,1.2 -1.2,3 0,4.2 l 14.1,14.1 c 1.2,1.2 3.1,1.2 4.2,0 1.2,-1.2 1.2,-3.1 0,-4.2 l -14.2,-14.1 c -0.5,-0.6 -1.2,-0.9 -2,-0.9 z m 55.2,0 c -0.8,0 -1.5,0.3 -2.1,0.9 l -14.2,14.1 c -1.2,1.2 -1.2,3.1 0,4.2 1.2,1.2 3.1,1.2 4.2,0 l 14.1,-14.2 c 1.2,-1.2 1.2,-3 0,-4.2 -0.5,-0.5 -1.3,-0.8 -2,-0.8 z m -66.6,27.6 c -1.7,0 -3,1.3 -3,3 0,1.7 1.3,3 3,3 h 20 c 1.7,0 3,-1.3 3,-3 0,-1.7 -1.3,-3 -3,-3 z m 58,0 c -1.7,0 -3,1.3 -3,3 0,1.7 1.3,3 3,3 h 20 c 1.7,0 3,-1.3 3,-3 0,-1.7 -1.3,-3 -3,-3 z m -32.4,13.4 c -0.8,0 -1.5,0.3 -2.1,0.9 l -14.1,14.2 c -1.2,1.2 -1.2,3 0,4.2 1.2,1.2 3,1.2 4.2,0 l 14.2,-14.1 c 1.2,-1.2 1.2,-3.1 0,-4.2 -0.7,-0.7 -1.5,-1 -2.2,-1 z m 26.8,0 c -0.8,0 -1.5,0.3 -2.1,0.9 -1.2,1.2 -1.2,3.1 0,4.2 l 14.2,14.1 c 1.2,1.2 3,1.2 4.2,0 1.2,-1.2 1.2,-3 0,-4.2 l -14.1,-14.2 c -0.6,-0.5 -1.4,-0.8 -2.2,-0.8 z m -13.4,5.6 c -1.7,0 -3,1.3 -3,3 v 20 c 0,1.7 1.3,3 3,3 1.7,0 3,-1.3 3,-3 v -20 c 0,-1.7 -1.3,-3 -3,-3 z' /%3E%3C/svg%3E");
    }
    #vehiclePageHeader #topCarButton {
        right: 224px;
        top: 30px;
    }
    #vehiclePageHeader article div.column.specColumn div.container {
        padding: 4.7% 5.6% 5.5%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable {
        border-bottom: solid 1px #bbc2c5;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li {
        width: 25%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(3n + 4) {
        clear: none;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(4n + 5) {
        clear: left;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableRow.buttons {
        margin-bottom: 20px;
    }
    #orderInfo div.tabPanel div.message {
        font-size: 18px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell:last-of-type {
        width: 160px;
    }
    #contentPageBody #c10 article.info div.content ul li,
    #contentPageBody #c10 article.info div.content ul li:nth-child(2n) {
        float: none;
        width: 100%;
        min-height: 160px;
        margin-left: 0;
        padding-left: 170px;
    }
    #contentPageBody div.sectionGroup section.contentPageBlock {
        float: none;
        width: 100%;
    }
    #contentPageBody div.sectionGroup {
        background: #fff;
    }
    #contentPageBody div.sectionGroup div.contentContainer {
        padding: 0;
    }
    #contentPageBody div.sectionGroup section.contentPageBlock article.info {
        max-width: 700px;
    }
    #contentPageBody #c17 {
        padding-right: 28px;
        padding-left: 28px;
        background: #fff;
    }
    #contentPageBody #c18 {
        padding-right: 28px;
        padding-left: 28px;
        background: #ccd4d7;
    }
    #blogIndexPage #blogPageBackground div.contentWrapper {
        padding-bottom: 19.9%;
    }
    #blogIndexPageBody #blogPosts {
        margin-top: -19.9%;
        display: grid;
        grid-gap: 19px;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
    }
    #blogIndexPageBody #blogPosts article.post,
    #blogPostsBlock #blogPosts article.post,
    #blogPostsList li {
        -webkit-flex: 0 0 49%;
        -moz-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
    }
    #blogPostsBlock #blogPosts article.post:nth-child(3),
    #blogPostsList li:nth-child(3) {
        display: none;
    }
    #blogPostPage #blogPageBackground div.contentWrapper {
        padding-top: 30%;
        padding-bottom: 180px;
    }
    #blogIndexPage #blogPageBackground div.headerContainer {
        padding: 45px 40px;
    }
    #blogPostPageBody {
        margin-top: 220px;
    }
    #blogPostPage #moreLinks ul li.ordering {
        display: none;
    }
} /* 1024 */
@media (max-width: 970px) {
    #blogPageBackground {
        padding-left: 0;
        padding-right: 0;
    }
    #blogIndexPage #blogPageBackground div.headerContainer {
        padding-left: 28px;
        padding-right: 28px;
    }
}
@media (max-width: 960px) {
    #container {
        padding-bottom: 470px;
    }
    #headerLogo {
        top: 28px;
        width: 213px;
        height: 73px;
    }
    #leftToolbar > li .tooltip {
        display: none !important;
    }
    #leftToolbar #menuOpenerButton,
    #leftToolbar #feedbackOpenerButton {
        height: 84px;
        border-top: none;
        border-right: 1px solid #525f7e;
    }
    #guestHomeHeader {
        padding-top: 130px;
    }
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11-960px.jpg);
    }
    #guestHomeHeader,
    #guestHomeHeader:before {
        background-position: 22% 30%;
    }
    #guestHomeHeader article.info {
        min-width: 460px;
        margin-top: 11.5%;
    }
    #guestHomeHeader article.info h1 {
        font-size: 36px;
    }
    #guestHomeHeader article.info p {
        font-size: 24px;
    }
    #userHomeHeader {
        padding-top: 130px;
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-960px.jpg);
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow #bulletNav {
        padding-top: 30px;
    }
    #guestIndexBlock article.info {
        width: 100%;
    }
    #guestIndexBlock div.grid {
        display: none;
    }
    #guestIndexBlock article.info p {
        font-size: 16px;
        margin: 17px 0 49px;
    }
    #guestSearchBlock article.info {
        float: none;
        margin: 0 0 40px 0;
        width: 100%;
    }
    #guestSearchBlock article.info p {
        margin: 21px 0;
        font-size: 16px;
    }
    #guestSearchBlock article.info button {
        display: none;
    }
    #quickSearchBlock {
        width: 100%;
        max-width: 522px;
    }
    #quickSearchBlock h1 {
        display: none;
    }
    #userSearchBlock #quickSearchBlock h1 {
        display: block;
    }
    #newCarsBlock div.hand {
        width: 52%;
        top: 22%;
        bottom: 11%;
        background-image: url("/assets/images/new-cars/hand_lo.png");
    }
    #newCarsBlock article div.title {
        top: 23%;
        width: 59%;
        padding-top: 36%;
    }
    #newCarsBlock article div.text {
        font-size: 20px;
        letter-spacing: 2px;
    }
    #newCarsBlock article div.buttons {
        bottom: 14.5%;
        width: 59%;
    }
    #customerReviewsBlock {
        padding: 6.5% 0;
    }
    #homeLeasingBlock {
        padding: 5.5% 0 0;
    }
    #homeLeasingBlock article div.circle {
        width: 120px;
        height: 120px;
    }
    #homeLeasingBlock article h1 {
        font-size: 36px;
    }
    #homeLeasingBlock article p {
        font-size: 16px;
    }
    #guestHelpingBlock {
        min-height: 508px;
        padding: 9.5% 0;
    }
    #guestHelpingBlock article.info {
        max-width: none;
    }
    #guestHelpingBlock article.info h1 > br {
        display: none;
    }
    #guestHelpingBlock article.info p {
        font-size: 16px;
        margin: 25px 0 44px;
    }
    #homeBestBlock {
        padding: 6.5% 0 9%;
    }
    #homeBestBlock h1 {
        text-align: left;
    }
    #homeBestBlock article {
        float: none;
        width: 100%;
        padding: 0 0 43px;
        text-align: left;
    }
    #homeBestBlock article div.circle {
        margin: 0;
        width: 90px;
        height: 90px;
        float: left;
        margin-right: 31px;
    }
    #homeBestBlock article h2 {
        min-height: auto;
        overflow: hidden;
        padding-top: 3px;
    }
    #homeBestBlock article h2 > br {
        display: none;
    }
    #homeBestBlock article p {
        overflow: hidden;
        margin-top: 3px;
    }
    #homeBestBlock div.buttons {
        padding-top: 25px;
        text-align: left;
    }
    #homeAboutSkautBlock {
        min-height: 635px;
    }
    #homeAboutSkautBlock div.container {
        margin: 7% 0;
        width: 100%;
    }
    #homeAboutSkautBlock div.container article.info p {
        font-size: 16px;
    }
    #homeAboutSkautBlock div.container ul {
        margin-bottom: 60px;
    }
    #homeAboutSkautBlock div.container ul li {
        padding-top: 22px;
    }
    #homeServicesBlock {
        padding: 6.8% 0 8.7%;
    }
    #homeServicesBlock article.info {
        text-align: left;
        margin: 0;
    }
    #homeServicesBlock article.info p {
        margin: 31px 0 0 0;
        font-size: 16px;
    }
    #packagesTable {
        padding-top: 22px;
        overflow: hidden;
    }
    #packagesTable .tableRow {
        position: relative;
        overflow: hidden;
    }
    #packagesTable .tableRow:last-of-type {
        height: 55px;
    }
    #packagesTable .table-cell.firstCol,
    #packagesTable .table-cell.firstCol.free {
        width: 50%;
    }
    #packagesTable .table-cell.secondCol,
    #packagesTable .table-cell.secondCol.free {
        width: 50%;
        min-height: 37px;
    }
    #packagesTable .table-cell.thirdCol,
    #packagesTable .table-cell.thirdCol.free,
    #packagesTable .table-cell.fourthCol,
    #packagesTable .table-cell.fourthCol.free {
        width: 50%;
        position: absolute;
        right: -50%;
        height: 100%;
        z-index: 3;
    }
    #packagesTable .tableRow:last-child .table-cell.fourthCol {
        background-color: #ccd4d7;
    }
    #packagesTable .table-cell .packageTitle {
        position: relative;
    }
    #packagesTable .table-cell .packageTitle i.trigger,
    #packagesTable .table-cell .packageTitle i.trigger-white {
        display: inline-block;
        position: absolute;
        bottom: -10px;
        cursor: pointer;
    }
    #packagesTable .table-cell.secondCol .packageTitle i.trigger,
    #packagesTable .table-cell .packageTitle i.trigger-white.next {
        right: 12px;
    }
    #packagesTable .table-cell.fourthCol .packageTitle i.trigger,
    #packagesTable .table-cell .packageTitle i.trigger-white.preview {
        left: 12px;
        right: auto;
    }
    #packagesTable .table-cell .packageTitle i.trigger:after,
    #packagesTable .table-cell .packageTitle i.trigger-white:after {
        display: block;
        width: 50px;
        height: 50px;
    }
    #packagesTable .table-cell .packageTitle i.trigger-white.next:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #packagesTable .table-cell .packageTitle i.trigger-white.preview:after {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    #packagesTable .table-cell span.packageCheck {
        margin-top: 6px;
    }
    #packagesTable .table-cell span.packageRound {
        padding: 31px;
        width: 122px;
        height: 122px;
    }
    #packagesTable .table-cell.fourthCol span.packageRound {
        top: 27px;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:first-child {
        left: calc(50% - 110px);
        top: 26px;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:last-child {
        right: calc(50% - 110px);
        top: 26px;
    }
    #packagesTable .table-cell.buttons a {
        display: block;
    }
    #packagesTable .table-cell.secondCol .packageTitle i.trigger,
    #packagesTable .table-cell .packageTitle i.trigger-white.next {
        right: -10px;
    }
    #packagesTable .table-cell.fourthCol .packageTitle i.trigger,
    #packagesTable .table-cell .packageTitle i.trigger-white.preview {
        left: -10px;
    }
    #packagesTable .table-cell.thirdCol span.packageRound:first-child {
        left: calc(50% - 105px);
    }
    #packagesTable .table-cell.thirdCol span.packageRound:last-child {
        right: calc(50% - 105px);
    }
    #homePartnersBlock div.contentContainer {
        max-width: none;
        width: 100%;
    }
    #homePartnersBlock div.contentContainer article {
        width: 48%;
        height: 280px;
        margin: 1%;
    }
    #homePartnersBlock div.contentContainer article:nth-child(odd) {
        margin-left: 0;
    }
    #homePartnersBlock div.contentContainer article:nth-child(even) {
        margin-right: 0;
    }
    #userSearchBlock {
        padding: 4.6% 0 9.6% 0;
        overflow: hidden;
    }
    #userSearchBlock section#quickSearchBlock,
    #userSearchBlock section.mySkaut {
        width: 100%;
        float: none;
    }
    #userSearchBlock section#quickSearchBlock {
        padding-bottom: 84px;
        position: relative;
        margin-bottom: 53px;
    }
    #userSearchBlock section#quickSearchBlock:after {
        content: "";
        display: block;
        width: 101vw;
        border-bottom: 1px solid #98a6ab;
        position: absolute;
        bottom: 0;
        left: -30px;
        right: -30px;
        margin: auto;
    }
    #userSearchBlock section.mySkaut article.info p {
        margin: 39px 0 42px;
        font-size: 18px;
    }
    #userSearchBlock section.mySkaut ul {
        margin: 0 calc((21% - 140px) / 2 * -1);
    }
    #userSearchBlock section.mySkaut ul li,
    #userSearchBlock section.mySkaut ul li:nth-child(3) {
        margin: 0 calc((20% - 140px) / 2);
    }
    #userHelpingBlock {
        min-height: 548px;
        padding-top: 91px;
        background-position: 34% 0%;
        background-size: 188%;
    }
    #userHelpingBlock article.info {
        max-width: 90%;
    }
    #userHelpingBlock article.info button {
        margin-top: 30px;
    }
    #userPagesBlock {
        padding: 8% 0 4%;
        min-height: 526px;
    }
    #userPagesBlock article {
        width: 100%;
        float: none;
        text-align: left;
        margin: 0 0 42px;
        clear: both;
    }
    #userPagesBlock article div.circle {
        margin: 0;
        height: 90px;
        width: 90px;
        float: left;
    }
    #userPagesBlock article h2 {
        margin-left: 120px;
        font-size: 27px;
        font-weight: normal;
        padding-top: 9px;
    }
    #userPagesBlock article p {
        margin-left: 120px;
        min-height: 70px;
    }
    #userPagesBlock article a.more {
        display: inline-block;
    }
    #scrollTopButton {
        width: 65px;
        height: 62px;
        padding: 10px;
    }
    #searchPageBackground,
    #orderPageBackground {
        padding-top: 940px;
    }
    #searchPageBackground,
    #orderPageBackground,
    #searchPageBackground:before,
    #orderPageBackground:before {
        background-position: 25% 0%;
    }
    #searchPage > div.searchFormTogglerButton {
        position: absolute;
        display: none;
        margin: 0 4%;
        left: 0;
        right: 0;
        top: 133px;
        outline: none;
    }
    #searchPage > div.searchFormTogglerButton label,
    #searchPage > div.searchFormTogglerButton label:active {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        display: block;
        text-align: center;
        line-height: 50px;
        text-decoration: none;
        outline: none;
        letter-spacing: 0.5px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }
    #searchPage > #openResultListButton label {
        background-color: #3c465f;
        display: none;
    }
    #searchPage > #openResultListButton label i {
        font-style: normal;
        color: #de7d54;
    }
    #searchPage > #openResultListButton label b {
        font-weight: 700;
    }
    #searchPage > #openSearchFormButton {
        display: block;
    }
    #searchPage > #openSearchFormButton label {
        background-color: #de7d54;
        display: none;
    }
    #searchPage > #openResultListButton label.newSearch {
        display: none;
    }
    #searchPage > #openResultListButton,
    #searchPageContainer #searchParams {
        display: none;
    }
    #isMobileSearchFormOpened:checked ~ #openSearchFormButton,
    #isMobileSearchFormOpened:checked ~ #searchPageContainer #searchResult {
        display: none;
    }
    #isMobileSearchFormOpened:checked ~ #openResultListButton,
    #isMobileSearchFormOpened:checked ~ #searchPageContainer #searchParams {
        display: block;
    }
    #isMobileSearchFormOpened:checked ~ #searchPageMobileHeader,
    #isMobileSearchFormOpened:checked ~ #searchPageHeader article {
        height: 0;
    }
    #isListTypeSearchResult:checked ~ #openResultListButton label.resultList,
    #isListTypeUserPreferredCars:checked ~ #openResultListButton label.resultList,
    #isListTypeSearchResult:checked ~ #openSearchFormButton label.resultList,
    #isListTypeUserPreferredCars:checked ~ #openSearchFormButton label.resultList {
        display: block;
    }
    #isListTypeTopCars:checked ~ #openResultListButton label.topCarsList,
    #isListTypeTopCars:checked ~ #openSearchFormButton label.topCarsList {
        display: block;
    }
    #searchPageHeader {
        padding-top: 200px;
    }
    #searchPageHeader article {
        width: 100%;
        padding: 0 3.8% 0;
        height: 359px;
        overflow: hidden;
    }
    #searchPageHeader article h1 {
        font-size: 36px;
        padding-top: 67px;
    }
    #searchPageHeader article p {
        margin: 14px 0 18px;
    }
    #searchPageHeader article div.buttons {
        display: none;
    }
    #searchInfoPanelScale {
        padding-right: 10px;
    }
    #searchPageHeader article div#searchInfoPanelScale + div.buttons {
        margin-top: 0.1%;
    }
    #searchPageContainer {
        display: block;
    }
    #searchPageContainer #searchParams {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        display: none;
    }
    #searchParams ul.tabs li label {
        height: 49px;
        line-height: 49px;
    }
    #searchParams ul.tabs li label span {
        font-size: 18px;
    }
    #searchParams div.tabPanel.searchFormPanel {
        padding: 3% 0;
    }
    #searchParams #tab1Panel fieldset.main,
    #searchParams #tab2Panel fieldset.main,
    #searchParams #tab3Panel fieldset.main {
        margin-bottom: 3%;
        padding: 0 4% 1.5%;
    }
    #searchParams form fieldset div.container {
        margin-top: 1.1%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label,
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(3n + 3),
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(5n + 5) {
        width: 10.2%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label:last-child {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.icons label.button span {
        height: 82px;
        line-height: 71px;
    }
    #searchParams form fieldset.options label.button svg {
        width: 77%;
        height: 60%;
    }
    #searchParams #makesContainer div.makesTabs {
        top: 0;
        right: 4.2%;
        left: auto;
    }
    #searchParams div.tabPanel#makesTab1Panel legend,
    #searchParams div.tabPanel#makesTab2Panel legend {
        margin-bottom: 0;
    }
    #searchParams form fieldset.options.makes div.optionsCount5 > label {
        width: 19.2%;
    }
    #searchParams fieldset.subSet {
        margin-top: 1%;
    }
    #searchParams form fieldset .optionsBlock.optionsCount2.limitToOneSelection > label {
        width: 49.5%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label,
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label:nth-of-type(5n + 5) {
        width: 9.1%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label:last-of-type {
        margin-right: 0;
    }
    #searchParams div.tabPanel.searchFormPanel > div.buttons {
        padding: 0 4%;
        text-align: center;
    }
    #searchParams div.tabPanel.searchFormPanel > div.buttons .button {
        width: 100%;
    }
    #searchParams div.tabPanel.searchFormPanel > div.buttons .button.searchResetButton {
        display: none;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label,
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(3n),
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(n + 4) {
        width: 19.2%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label:last-of-type {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount2 > label {
        width: 49.5%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options label.textInput span {
        margin-right: 2%;
        width: 31%;
    }
    #searchParams #priceContainer div.priceTabs {
        top: 4px;
        right: 4.3%;
        left: auto;
    }
    #searchParams #priceContainer fieldset div.container {
        margin-top: 11px;
    }
    #searchParams div.tabPanel#priceTab2Panel + div.optionsCount1 {
        padding-top: 0;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label,
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(3n + 3) {
        margin-right: 1%;
        width: 24.3%;
        margin-bottom: 1%;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(4n + 4) {
        margin-bottom: 1%;
        width: 24.1%;
        margin-right: 0;
    }
    #searchParams form fieldset.options label.select > span {
        font-size: 14px;
    }
    #searchParams form fieldset.options.interior div.optionsBlock {
        width: 100%;
        margin-right: 0;
    }
    #searchParams form fieldset.options.interior div.optionsBlock + .optionsBlock {
        margin-right: 0;
        margin-left: 0;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 {
        margin-bottom: 17px;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label {
        margin-right: 1%;
        width: 19.2%;
        margin-bottom: 0;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label:nth-child(5n + 5) {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount2 > label.checkbox {
        width: 33%;
        height: 22px;
        margin-bottom: 6px;
    }
    #searchPageContainer #searchResult {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
    #searchResultList #searchResultListBody {
        overflow: visible;
    }
    #searchResultHeader .sortPrice {
        padding-left: 63px;
    }
    #searchResultHeader .sortPrice input + label,
    #searchResultHeader .sortOptions .SumoSelect > .CaptionCont > span {
        font-size: 16px;
    }
    #searchResultHeader .sortPrice input + label:first-of-type {
        margin-bottom: 14px;
        margin-right: 28px;
    }
    #searchResultHeader .sortOptions {
        padding-right: 35px;
    }
    #searchResultHeader .sortOptions .SumoSelect > .CaptionCont > label > i {
        width: 36px;
        height: 42px;
    }
    #searchResultHeader .sortPrice input + label:before {
        width: 16px;
        height: 16px;
        top: 1px;
    }
    #searchResultHeader .sortPrice input + label:before {
        -webkit-box-shadow: inset 0 0 0 8px #ffffff, inset 0 0 0 8px #3c465f, 0 1px 1px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 0 0 8px #ffffff, inset 0 0 0 8px #3c465f, 0 1px 1px rgba(0, 0, 0, 0.35);
    }
    #searchResultHeader .sortPrice input:checked + label:before {
        -webkit-box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 8px #3c465f, 0 1px 1px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 0 0 3px #ffffff, inset 0 0 0 8px #3c465f, 0 1px 1px rgba(0, 0, 0, 0.35);
    }
    #searchResultHeader #sortingKeyTooltip {
        display: none;
    }
    #searchResultList {
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }
    #searchResultList #searchResultListBody {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        height: auto;
        -webkit-overflow-scrolling: touch;
    }
    #searchResultList article.row > section.collapsedContent {
        padding: 0 39px;
    }
    #searchResultList article.row.collapsed > section.collapsedContent {
        padding: 10px 39px;
    }
    #searchResultList article.row > section.expandedContent {
        height: 255px;
        padding: 30px 39px;
    }
    #searchResultList article.row > section > div {
        height: 197px;
    }
    #searchResultList article.row > section > div.imageCol {
        width: 29%;
    }
    #searchResultList article.row > section > div.imageCol .image a {
        cursor: default;
    }
    #searchResultList article.row > section > div.imageCol .stickers {
        right: 24px;
    }
    #searchResultList article.row > section > div.mainCol {
        width: 34.7%;
    }
    #searchResultList article.row a.bookmarkButton {
        right: 42px;
    }
    #vehiclePage #attentionGroupContainer,
    #vehiclePage div.container[id^="equipmentGroup"],
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.showLeasingBlock,
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm input.useLeasingBlock + label {
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        height: 0;
        padding: 0;
        margin: 0;
    }
    #vehiclePage h2 i.trigger,
    #vehiclePage h2 i.trigger-white {
        display: inline-block;
    }
    #vehiclePageBody {
        padding: 53px 0 21px;
    }
    #container #vehiclePageBody div.contentContainer {
        padding: 0 5.6%;
    }
    #vehiclePageBody div.leftColumn,
    #vehiclePageBody div.rightColumn {
        float: none;
        width: 100%;
    }
    #vehiclePageBody div.leftColumn > section {
        width: 100%;
        max-width: none;
    }
    #vehiclePageBody div.leftColumn section.buttons {
        padding-top: 31px;
        margin-bottom: 7%;
    }
    #attentionTexts article.attentionTextContainer {
        margin-bottom: 22px;
        display: block;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked ~ .equipmentRow #equipmentGroup3Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #attentionTexts h2 {
        margin-top: -3px;
        padding: 0 0 22px 0;
        color: #3c465f;
    }
    #attentionTexts h2 label {
        cursor: pointer;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentRow {
        margin-bottom: 24px;
        padding-bottom: 0;
    }
    #vehiclePageBody div.rightColumn input:checked + .equipmentRow h2 i.trigger:after,
    #vehiclePageBody div.leftColumn input:checked + h2 i.trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #attentionTexts article.attentionTextContainer p {
        color: #333a50;
        margin: 0 0 22px 0;
        font-size: 16px;
    }
    #vehiclePageBody div.leftColumn section.descriptionUrl {
        margin-bottom: 24px;
    }
    #vehiclePageBody div.leftColumn section.descriptionUrl a {
        padding: 6px 0 0;
        font-size: 16px;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup1Input:checked + .equipmentRow #equipmentGroup1Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Input:checked + .equipmentRow #equipmentGroup4Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable {
        border-bottom: 0;
        -webkit-box-shadow: inset 0 -1px 0 1px #fafafa;
        box-shadow: inset 0 -1px 0 0 #fafafa;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable-desc {
        margin: 26px 0 0;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable-desc .icon {
        margin-bottom: -40px;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl {
        padding-left: 0;
        padding-right: 3.5%;
        border-bottom: 1px solid #fafafa;
        border-top: 0;
        width: 33.333333%;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Container .equipmentColl:nth-child(n + 7) {
        border: 0;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl.extraCell {
        display: none;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl:nth-child(odd) {
        clear: none;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl:nth-child(-n + 3) {
        border-top: 1px solid #fafafa;
    }
    #vehicleSeals {
        padding: 22px 0;
        background: #fff;
        position: relative;
        z-index: 1;
    }
    #vehicleSeals h2 label {
        cursor: pointer;
    }
    #container #vehicleSeals div.contentContainer {
        padding: 0 5.6%;
    }
    #vehicleSeals #equipmentGroup5Input:checked + .contentContainer {
        margin-top: 10px;
    }
    #vehicleSeals input:checked + .contentContainer h2 i.trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #vehicleSeals #equipmentGroup5Input:checked + .contentContainer #equipmentGroup5Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #vehicleEnergyEfficiency {
        padding: 22px 0;
        min-height: auto;
    }
    #container #vehicleEnergyEfficiency div.contentContainer {
        padding: 0 5.6%;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency .containerBackground {
        opacity: 0;
        background-position: 50% top;
        height: 528px;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency {
        margin-bottom: 54px;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency .containerBackground {
        opacity: 1;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 {
        color: #3c465f;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency h2 {
        color: #fff;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 label {
        position: relative;
        cursor: pointer;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 sup {
        font-size: 18px;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 i {
        position: absolute;
        top: 50%;
        bottom: 50%;
        margin: auto;
        left: 105%;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 .trigger {
        opacity: 1;
        visibility: visible;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 .trigger-white {
        opacity: 0;
        visibility: hidden;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency h2 .trigger {
        opacity: 0;
        visibility: hidden;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency h2 .trigger-white {
        opacity: 1;
        visibility: visible;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency h2 .trigger:after,
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency h2 .trigger-white:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency #equipmentGroup6Container {
        opacity: 1;
        visibility: visible;
        height: 448px;
        padding: 42px 0 42px 10px;
    }
    #vehicleEnergyEfficiency #equipmentGroup6Container {
        margin-left: -10px;
        padding-left: 10px;
    }
    #vehicleEnergyEfficiency h2 {
        display: block;
    }
    #vehiclePageOrder {
        padding-top: 0;
        background-color: #fff;
        padding-bottom: 93px;
    }
    #container #vehiclePageOrder div.contentContainer {
        padding: 0 5.6%;
    }
    #vehiclePageOrder input#equipmentGroup7Input:checked + section.orderServices h2 .trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #vehiclePageOrder input#equipmentGroup7Input:checked + section.orderServices #equipmentGroup7_1Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder div.rightColumn {
        float: none;
        width: 100%;
        padding: 35px 3.5% 0;
    }
    #vehiclePageOrder div.rightColumn ~ div.rightColumn {
        padding: 0;
    }
    #vehiclePageOrder section.orderServices h2 {
        padding-bottom: 19px;
    }
    #vehiclePageOrder section.orderServices h2 label {
        cursor: pointer;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.firstRow {
        padding-right: 0;
        padding-bottom: 20px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable div.descServicesPackage div.includedServices {
        padding-right: 0;
        padding-bottom: 14px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.thirdRow {
        padding: 6px 21px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTableSumm {
        padding-right: 0;
        padding-bottom: 14px;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableTotal {
        padding: 0;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableRow {
        margin-bottom: 34px;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesCell {
        vertical-align: top;
        padding-top: 11px;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesCell.price {
        padding: 0;
    }
    #vehiclePageOrder div.leftColumn {
        float: none;
        width: 100%;
        margin: 10px 0;
        padding: 0;
    }
    #vehiclePageOrder section.leasingCalculator {
        margin-bottom: 0;
        padding-top: 22px;
        padding-bottom: 22px;
        border-bottom: 1px solid #ccd4d7;
    }
    #vehiclePageOrder #equipmentGroup8Input:checked + section.leasingCalculator {
        margin-top: 30px;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator h2 .trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator #equipmentGroup8Container,
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm div.showLeasingBlock,
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm label.showLeasingBlock {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm label.showLeasingBlock {
        padding: 8px 19px 0 0;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm div.showLeasingBlock {
        padding: 10px 0 0 0;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .inactive #equipmentGroup8Container {
        height: 33vh;
    }
    #vehiclePageOrder section.leasingCalculator .inactive .shadeWhite p {
        display: none;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .inactive .shadeWhite p {
        display: block;
    }
    #vehiclePageOrder section.leasingCalculator #leasingOptions {
        padding-bottom: 0;
    }
    #vehiclePageOrder section.leasingCalculator #leasingOptions.inactive > h2 {
        z-index: 101;
        position: relative;
        opacity: 0.3;
    }
    #vehiclePageOrder section.leasingCalculator #leasingOptions h2 label {
        cursor: pointer;
    }
    #vehiclePageOrder section.leasingCalculator #equipmentGroup8Container .orderTable {
        margin-bottom: 20px;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorTable {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm.inactive #equipmentGroup8Container .shadeWhite p {
        font-size: 16px;
    }
    #vehiclePageOrder section.leasingCalculator .buttons {
        padding-bottom: 8px;
    }
    #vehiclePageOrder section.leasingCalculator .buttons h4 {
        margin: 8px 0;
    }
    #vehiclePageOrder div.leftColumn section.insuranceInfo {
        margin-bottom: 0;
        padding-top: 22px;
        padding-bottom: 22px;
    }
    #vehiclePageOrder div.leftColumn section.insuranceInfo h2 label {
        cursor: pointer;
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo {
        margin-top: 30px;
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo h2 .trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo #equipmentGroup9Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder section.insuranceInfo .orderTableRow .orderCell {
        padding: 8px 2px;
    }
    #vehiclePageOrder #orderFormFooter {
        opacity: 1;
        visibility: visible;
        margin-top: 30px;
        background-color: #fff;
    }
    #vehiclePageOrder #orderFormFooter .container {
        width: 94%;
        margin: auto;
        padding: 48px 20px;
    }
    #vehiclePageOrder #orderFormFooter .orderServicesTableRow:after {
        content: "";
        clear: both;
        display: block;
    }
    #vehiclePageOrder section.ordering .orderServicesTable a.button:last-child,
    #vehiclePageOrder section.ordering .orderServicesTable a.button:first-child {
        width: 48.5%;
        float: left;
    }
    #vehiclePageOrder section.ordering .orderServicesTable a.button:first-child {
        margin-right: 1.5%;
    }
    #vehiclePageOrder section.ordering .orderServicesTable a.button:last-child {
        margin-left: 1.5%;
    }
    #vehiclePageOrder #orderFormFooter p.desc {
        font-size: 16px;
    }
    #excludedVehicleInfo div.contentContainer {
        padding: 5.6%;
    }
    #excludedVehicleInfo div.leftColumn {
        width: 60%;
    }
    #excludedVehicleInfo div.rightColumn {
        margin-left: 60%;
    }
    #bookmarksPageHeader {
        padding-top: 130px;
    }
    #bookmarksPageHeader article {
        margin: 0;
        padding: 0 20px 20px;
        background-color: transparent;
    }
    #userSettingsPageHeader article h1,
    #bookmarksPageHeader article h1 {
        margin-bottom: 0;
    }
    #bookmarksPageHeader article p {
        display: none;
    }
    #bookmarksList article.row > div.imageCol div.container,
    #bookmarksList article.row > div.mainCol div.container {
        padding: 60px 20px 40px 20px;
    }
    #bookmarksList article.row > div.imageCol .buttons {
        margin-top: 97%;
        left: 20px;
        right: 20px;
    }
    #bookmarksList article.row.soldCar > div.mainCol div.container {
        padding-top: 80px;
    }
    #bookmarksList article.row > div.mainCol h1 {
        font-size: 30px;
        margin-bottom: 17px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable {
        margin-bottom: 30px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li {
        width: 37%;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li:nth-child(3n + 3) {
        width: 26%;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo {
        margin-bottom: 46px;
    }
    #bookmarksList article.row > div.mainCol div.highlights {
        margin-bottom: 19px;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li {
        height: auto;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li:before {
        width: 49px;
        height: 49px;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li .text {
        font-size: 14px;
    }
    #bookmarksList article.row > div.mainCol div.comments {
        font-weight: normal;
    }
    #bookmarksList article.row > div.mainCol a.bookmarkButton {
        width: 52px;
        height: 51px;
        background-size: 30px;
    }
    #bookmarksList article.row > div.soldCarLayer > span.notice {
        line-height: 51px;
    }
    #orderPage {
        background: none;
    }
    #orderPageHeader {
        padding-top: 130px;
    }
    #orderPageHeader article {
        padding: 7.1% 5% 0;
        height: 433px;
        margin-left: 0;
    }
    #orderPageHeader article p,
    #orderPageHeader article .orderServicesTableRow,
    #orderPageHeader article #carDropDownList {
        max-width: 643px;
    }
    #container #orderPage div.contentContainer {
        display: block;
        position: relative;
    }
    #orderPageContainer #vehicleInfo {
        width: 100%;
        max-width: none;
        position: absolute;
        top: 101px;
        padding: 0 50px;
        background-color: #fff;
        min-height: auto;
    }
    #orderPageContainer #vehicleInfo > *,
    #orderPageContainer #vehicleInfo label.blockTitle,
    #orderPageContainer #vehicleInfo a.blockTitle,
    #orderPageContainer #vehicleInfo input.helper:checked + div.blockPanel {
        display: none;
    }
    #orderPageContainer #vehicleInfo > header {
        display: block;
    }
    #orderPageContainer #vehicleInfo > header > h1 {
        margin: 0;
        display: block;
    }
    #orderPageContainer #vehicleInfo #detailView {
        display: block;
    }
    #orderPageContainer #orderInfo {
        width: 100%;
        max-width: none;
    }
    #orderInfo ul.tabs li.long {
        -webkit-flex: 0 1 30%;
        -moz-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
    }
    #orderInfo ul.tabs li label {
        padding: 0 0 0 14%;
        text-align: left;
    }
    #orderInfo ul.tabs li label span {
        font-size: 18px;
    }
    #orderInfo ul.tabs li:first-child label {
        padding-left: 50px;
    }
    #orderInfo ul.tabs li:last-child label {
        padding-right: 50px;
    }
    #orderInfo div.tabPanel {
        padding: 186px 50px 100px;
    }
    #orderInfo div.tabPanel .orderServicesTable {
        line-height: 16px;
    }
    #orderInfo div.tabPanel .descServicesPackage p:not(.SelectBox) {
        margin-bottom: 18px;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .orderServicesTable.thirdRow {
        padding: 9px 28px;
        margin-bottom: 3px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .leasingCalculatorTable {
        margin-bottom: 26px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.firstRow {
        padding-top: 29px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .orderTable {
        padding-top: 13px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator {
        padding-bottom: 42px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo p {
        font-size: 14px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow .orderCell {
        padding: 7px 3px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow:last-child .orderCell:first-child {
        padding: 0 3px 10px;
    }
    #orderInfo div.tabPanel.noOrder div.orderButtons {
        padding: 10px 0 0 0;
    }
    #userSettingsPageBackground,
    #bookmarksPageBackground,
    #userSettingsPageBackground:before,
    #bookmarksPageBackground:before {
        background-position: 25% 50%;
    }
    #teslaPageBackground {
        padding-top: 250px;
    }
    #teslaPageBackground,
    #teslaPageBackground:before {
        background-position: 100% 70%;
    }
    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-960px.jpg);
    }
    #userSettingsPageHeader {
        padding-top: 130px;
    }
    #userSettingsPageHeader article {
        margin-left: 0;
        padding: 0 20px 20px;
        background-color: transparent;
    }
    #userSettingsPageHeader article p {
        display: none;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset {
        padding: 0 20px 30px;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons,
    #userSettingsPageContainer p.showUserPreferredCars.buttons,
    #userSettingsPageContainer p.showPackagePrices.buttons,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons {
        margin-bottom: 10px;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons,
    #userSettingsPageContainer p.showPackagePrices.buttons {
        display: block;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label,
    #userSettingsPageContainer p.showPackagePrices.buttons label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        display: block;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label:last-child,
    #userSettingsPageContainer p.showPackagePrices.buttons label:last-child {
        margin-bottom: 0;
    }
    #userSettingsPageContainer fieldset.socialNetworks > p {
        margin-bottom: 27px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table {
        margin-bottom: 22px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell:last-of-type {
        width: 30%;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table .button {
        padding: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn {
        padding-left: 20px;
        padding-right: 20px;
    }
    #userSettingsPageContainer > div.column.rightColumn div.row {
        float: none;
        margin-top: 23px;
    }
    #userSettingsPageContainer > div.column.rightColumn div.row.name,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea div.row.postal,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea[data-country="1"] div.row.city,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea[data-country="2"] div.row.parish,
    #userSettingsPageContainer > div.column.rightColumn div.row.code,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea div.row.country,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea[data-country="1"] div.row.county,
    #userSettingsPageContainer > div.column.rightColumn section.addressArea[data-country="2"] div.row.addr2 {
        float: none;
        width: 100%;
        clear: both;
    }
    #userSettingsPageContainer > div.column.rightColumn button {
        margin: 0 0 10px 0;
    }
    #userSettingsPageContainer > div.column.rightColumn .block {
        padding: 12px 22px;
    }
    #userSettingsPageContainer > div.column.rightColumn .block .table {
        display: block;
        margin: 0;
        padding: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn .block {
        margin-bottom: 3px;
    }
    #userSettingsPageContainer > div.column.rightColumn .block a {
        margin-top: 15px;
    }
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table {
        display: block;
    }
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table-cell,
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table-cell:first-child,
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table-cell:last-child {
        width: 100%;
        display: block;
    }
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table-cell:first-child {
        background-color: transparent;
        margin-top: 15px;
        margin-bottom: 8px;
        padding: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table-cell:last-child {
        width: 100%;
        margin: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn .passwordBlock .table.last .table-cell:last-child {
        margin-bottom: 0;
    }
    #userAgentPageHeader,
    #userAgentPageHeader:before {
        background-position: 90% top;
    }
    #filterCars {
        padding: 23px 5%;
        margin-top: 130px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep {
        padding-top: 41px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep h2 {
        padding: 10px 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] h2,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] h2 {
        text-indent: -3px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .content {
        padding-top: 22px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep ul {
        padding-top: 12px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons {
        margin-top: 24px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .buttons .button {
        width: calc(50% - 7px);
        min-width: auto;
        padding: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower,
    #filterCars .filterCarsWrapper .filterCarsStep .skipBodyColor,
    #filterCars .filterCarsWrapper .filterCarsStep .skipMakes {
        left: 58%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox {
        margin-top: 29px;
        padding: 14px 32px;
        margin-bottom: 79px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator {
        margin: 0 auto 52px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] .sliderRegulator {
        padding-top: 21px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d {
        height: 336px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b p {
        max-width: 100%;
        left: -100.5%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label {
        width: calc(25% - 15px);
        margin-right: 20px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label {
        width: calc(20% - 12px);
        margin-right: 15px;
    }
    #modalPopUp div.modalBody h1 {
        margin-bottom: 15%;
    }
    #modalPopUp.loginForm div.modalBody section.forms,
    #modalPopUp.loginForm div.modalBody section.info {
        padding: 6% 6% 2.5% 3.5%;
        height: 695px;
    }
    #modalPopUp.loginForm #loginWindow section.forms div.otherLoginOptions {
        margin-bottom: 23%;
    }
    #modalPopUp.loginForm div.modalBody section.info p {
        margin-top: 13%;
    }
    #modalPopUp.loginForm div.modalBody section.info div.buttons {
        top: 314px;
        left: 7%;
        right: 14%;
    }
    #userHomeHeader div.listWrapper {
        padding: 7% 28px 6%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol {
        width: 30%;
        margin-right: 5%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol:nth-child(n + 3) {
        margin-right: 0;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol:nth-child(n + 4) {
        display: none;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow > ul {
        height: 371px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper {
        height: auto;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage {
        width: 37.2%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo {
        width: 60%;
        margin-right: 0;
        margin-top: -2px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo p.status {
        max-width: none;
    }

    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderOption {
        display: none;
    }
    #userHomeHeader div.listWrapper.myFavoritesList h1 {
        font-size: 30px;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn {
        width: 65.4%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child {
        width: 31.1%;
        margin-right: 2.5%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child h1 {
        margin-bottom: 12%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child .topCarsRow li.topCarCol {
        width: 100%;
        margin: 0;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child .topCarsRow li.topCarCol:nth-child(n + 2) {
        display: none;
    }
    #guestIndexBlock {
        padding-bottom: 6.5%;
    }
    #topCarsSlider {
        margin: 0 10px;
        padding: 26px 0 0;
    }
    #topCarsSlider .topCarsBoxWrapper .topCarInfo h3 {
        margin-top: 12px;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm input.useLeasingBlock + label:after {
        top: calc(50% - 1px);
    }
    #contentPageHeader {
        min-height: 600px;
        padding-top: 130px;
    }
    #contentPageHeader div.contentWrapper {
        padding: 7% 28px 6%;
        margin-bottom: 0;
    }
    #contentPageHeader div.contentWrapper article {
        font-size: 16px;
    }
    #contentPageHeader div.contentWrapper article ul {
        margin: 20px 0;
    }
    #contentPageHeader div.contentWrapper article div.content .column,
    #contentPageHeader div.contentWrapper article div.content .column:nth-child(2n) {
        float: none;
        width: 100%;
        margin: 0;
    }
    #contentPageBody section.contentPageBlock article.info {
        font-size: 16px;
    }
    #cookieNotification p.text {
        font-size: 14px;
    }
    #blogPosts article.post h2,
    #blogPostsList li .title {
        font-size: 24px;
    }
    #blogPosts article.post time,
    #blogPosts article.post a.readMore,
    #blogPostsList li .time {
        font-size: 17px;
    }
    #blogPosts article.post div.container {
        font-size: 16px;
    }
    #blogPageBackground {
        padding-top: 130px;
    }
    #blogPostPageBody {
        margin-top: 185px;
    }
    #footer {
        min-height: 470px;
        padding-top: 50px;
        font-size: 16px;
    }
    #footer section.contact {
        -webkit-flex: 0 1 60%;
        -moz-flex: 0 1 60%;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;
    }
    #footer section.socialmedia {
        -webkit-flex: 1 1 260px;
        -moz-flex: 1 1 260px;
        -ms-flex: 1 1 260px;
        flex: 1 1 260px;
    }
} /* 960 */
@media (max-width: 870px) {
    #searchInfoPanelScale {
        padding-right: 15px;
    }
    #searchParams form fieldset.options.interior div.optionsBlock {
        width: 49.5%;
        margin-right: 1%;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 {
        margin-bottom: 0;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label,
    #searchParams form fieldset.options.interior div.optionsCount5 > label:nth-child(5n + 5) {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2.5%;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator #equipmentGroup8Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li {
        width: 100%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower,
    #filterCars .filterCarsWrapper .filterCarsStep .skipBodyColor,
    #filterCars .filterCarsWrapper .filterCarsStep .skipMakes {
        position: relative;
        left: 0;
        bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox {
        margin-bottom: 40px;
    }
    #filterCars .filterCarsWrapper .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator {
        margin-bottom: 300px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox p {
        padding: 15px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a {
        width: 154px;
        top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b {
        width: 200px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c {
        width: 154px;
        top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect {
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label {
        width: calc(50% - 10px);
        height: 348px;
        margin: 0 20px 20px 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label:nth-of-type(2n + 2),
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label:nth-of-type(2n + 2) {
        margin-right: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label span,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label span {
        padding: 15px 23px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a {
        width: 135px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b p {
        max-width: 100%;
        left: -100.5%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first input + label {
        width: calc(25% - 12px);
        margin: 0 15px 15px 0;
        text-overflow: ellipsis;
        font-size: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first input + label:nth-of-type(4n + 4) {
        margin-right: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label {
        margin: 0 15px 15px 0;
        width: calc(100% / 6 - 13px);
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label:nth-of-type(6n + 6) {
        margin-right: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody > div,
    #modalPopUp.userDataForm div.modalBody > div {
        height: 640px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:nth-child(2) {
        width: 14%;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:nth-child(3),
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:nth-child(4),
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:nth-child(5) {
        width: 21%;
    }
    #blogPostPage #moreLinks {
        margin-top: 30px;
    }
} /* 870 */
@media (max-width: 792px) {
    #searchPageBackground,
    #orderPageBackground,
    #searchPageBackground:before,
    #orderPageBackground:before {
        background-position: 20% 0%;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li {
        width: 50%;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup1Input:checked + .equipmentRow #equipmentGroup1Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked ~ .equipmentRow #equipmentGroup3Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Input:checked + .equipmentRow #equipmentGroup4Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable {
        border-top: 1px solid #fafafa;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl {
        width: 50%;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl:nth-child(-n + 3) {
        border-top: 0;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Container .equipmentColl:nth-child(n + 7) {
        border-bottom: 1px solid #fafafa;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleSeals #equipmentGroup5Input:checked + .contentContainer #equipmentGroup5Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleSeals div.leftColumn,
    #vehicleSeals div.rightColumn {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #vehicleSeals section.sealLogo {
        height: auto;
        margin: 5% auto 0 auto;
        padding-top: 25%;
        background-position: center;
    }
    #excludedVehicleInfo {
        padding: 0;
    }
    #excludedVehicleInfo div.leftColumn {
        width: 100%;
        margin-bottom: 6%;
        padding: 0;
    }
    #excludedVehicleInfo div.rightColumn {
        width: 100%;
        margin-left: 0;
    }
    #contentPageBody section.contentPageBlock article.info div.content .column,
    #contentPageBody section.contentPageBlock article.info div.content .column:nth-child(2n) {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #contentPageBody #c7 article.info {
        width: 100%;
        margin: 0;
    }
    #contentPageBody #c7 article.info div.content ul {
        position: static;
        top: auto;
        left: auto;
        width: 100%;
        margin: 0 0 20px 0;
        padding-right: 0;
    }
    #contentPageBody #c13 article.info h1 {
        font-size: 36px;
    }
    #contentPageBody #c15 {
        padding-bottom: 20%;
    }
} /* 792 */
@media (max-width: 768px) {
    #leftToolbar {
        position: fixed;
    }
    #leftToolbar #menuOpenerButton,
    #leftToolbar #feedbackOpenerButton {
        width: 55px;
        height: 58px;
    }
    #leftToolbar #menuOpenerButton {
        padding: 19px 16px;
    }
    #leftToolbar #feedbackOpenerButton {
        padding: 14px;
    }
    body.menuOpened #mainNav {
        position: fixed;
    }
    #mainNav #menuCloserButton {
        height: 58px;
        padding: 19px 16px;
        max-width: 55px;
    }
    #menuTopFixed {
        display: block;
        position: fixed;
        width: 100%;
        height: 58px;
        z-index: 90;
    }
    #menuTopFixed > * {
        height: 100%;
    }
    #menuTopFixed .button {
        width: 55px;
        border-left: 1px solid #525f7e;
    }
    #menuTopFixed .profile {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 58px;
    }
    #menuTopFixed .home {
        background-size: 22px;
    }
    #menuTopFixed .logIn {
        background-size: 26px;
    }
    #menuTopFixed .search {
        background-size: 22px;
    }
    #menuTopFixed .logo {
        float: none;
        margin: 0 110px;
        display: block;
    }
    #menuTopFixed .logo > a > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 93px;
        height: 21px;
        margin: auto;
    }
    #menuTopFixed > * a {
        color: #fff;
        display: block;
        height: 100%;
    }
    #headerLogo {
        display: none;
    }
    #container {
        padding-bottom: 495px;
    }
    #guestHomeHeader article.info {
        min-width: 570px;
        margin-top: 18vh;
    }
    #guestHomeHeader article.info h1 {
        font-size: 48px;
    }
    #userSearchBlock section#quickSearchBlock {
        max-width: none;
        margin-right: 0;
    }
    #userSearchBlock section.mySkaut ul {
        margin: 0 -15px;
    }
    #userSearchBlock section.mySkaut ul li,
    #userSearchBlock section.mySkaut ul li:nth-child(3),
    #userSearchBlock section.mySkaut ul li:first-child,
    #userSearchBlock section.mySkaut ul li:nth-child(4) {
        margin: 0 15px 30px;
        float: none;
        display: inline-block;
        overflow: hidden;
    }
    #newCarsBlock article div.text {
        font-size: 18px;
    }
    #scrollTopButton {
        height: 58px;
        width: 17.2%;
        max-width: 55px;
        padding: 6px;
    }
    #searchPage > div.searchFormTogglerButton {
        top: 102px;
    }
    #searchParams form fieldset.options div.optionsCount2 > label.checkbox {
        width: 50%;
        height: 22px;
        margin-bottom: 1.3%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label,
    #searchParams form fieldset.options.makes div.optionsCount5 > label,
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(3n + 3),
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(5n + 5) {
        width: 18.4%;
        margin-right: 2%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(5n + 5) {
        margin-right: 0;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label:nth-child(3n + 3) {
        width: 100%;
        margin-right: 0;
    }
    #searchInfoPanelScale {
        padding-right: 10px;
    }
    #searchResultHeader .sortPrice {
        padding-left: 40px;
    }
    #searchResultHeader .sortPrice input + label,
    #searchResultHeader .sortOptions .SumoSelect > .CaptionCont > span {
        font-size: 14px;
    }
    #searchResultHeader .sortOptions {
        padding-right: 10px;
    }
    #searchResultList article.row a.bookmarkButton {
        top: 20px;
        right: 20px;
    }
    #searchResultList article.row > section.collapsedContent {
        padding: 0 20px;
    }
    #searchResultList article.row.collapsed > section.collapsedContent {
        padding: 10px 20px;
    }
    #searchResultList article.row > section.expandedContent {
        padding: 20px;
        height: 235px;
    }
    #vehiclePage .vehiclePageNavigation {
        top: 85px;
    }
    #vehiclePageHeader div.contentContainer {
        padding-top: 130px;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li {
        width: 33.3333%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(4n + 5) {
        clear: none;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(3n + 4) {
        clear: left;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleSeals #equipmentGroup5Input:checked + .contentContainer #equipmentGroup5Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #modalPopUp div.modalHeader > div.modalClose {
        width: 58px;
        height: 58px;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper {
        padding: 56px 20px;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper h2 {
        font-size: 30px;
    }
    #modalPopUp.queryForm div.modalBody p,
    #modalPopUp.orderConfirmation div.modalBody p,
    #modalPopUp.feedbackForm div.modalBody p {
        font-size: 15px;
    }
    #bookmarksList article.row > div.imageCol .lSSlideOuter.preview .lSAction > .lSPrev,
    #bookmarksList article.row > div.imageCol .lSSlideOuter.preview .lSAction > .lSNext {
        width: 42px;
        height: 42px;
    }
    #bookmarksList article.row > div.imageCol .stickers {
        left: 41px;
        width: 64px;
    }
    #bookmarksList article.row > div.imageCol .stickers .stickersWrapper {
        font-size: 12px;
        line-height: 15px;
    }
    #bookmarksList article.row > div.imageCol .stickers span {
        font-size: 30px;
        line-height: 33px;
    }
    #bookmarksList article.row > div.imageCol .buttons {
        margin-top: 110%;
    }
    #bookmarksList article.row > div.imageCol .buttons .button,
    #bookmarksList article.row > div.imageCol .buttons .button:first-child {
        margin: 10px 0 0;
        width: 100%;
    }
    #bookmarksList article.row > div.mainCol h1 {
        width: calc(100% - 32px);
        margin-bottom: 10px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable {
        margin-bottom: 20px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable:after {
        position: relative;
        top: -1px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li,
    #bookmarksList article.row > div.mainCol ul.specTable > li:nth-child(3n + 3) {
        width: 50%;
        border-bottom: solid 1px #ccd4d7;
        border-top: 0;
    }
    #bookmarksList article.row > div.mainCol ul.specTable > li:nth-child(-n + 2) {
        border-top: solid 1px #ccd4d7;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo {
        margin-bottom: 20px;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .priceInfoCol:first-child {
        width: 63%;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .priceInfoCol:last-child {
        width: 37%;
    }
    #bookmarksList article.row > div.mainCol div.highlights {
        margin-bottom: 10px;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li .text {
        display: block;
        overflow: hidden;
        word-wrap: break-word;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label {
        width: 100%;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label,
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(-n + 2),
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(odd) {
        margin: 0 0 10px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:last-child {
        margin: 0;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table {
        display: block;
        padding: 0;
        margin-bottom: 22px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell {
        display: block;
        padding-bottom: 9px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell:last-of-type {
        width: 100%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator {
        padding-top: 20px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .buttons {
        width: 100%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .buttons .button:last-child {
        width: calc(40% - 7px);
        min-width: auto;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .buttons .button:last-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .buttons .button:first-child {
        width: calc(60% - 7px);
        min-width: auto;
    }
    #filterCars .filterCarsWrapper .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        font-size: 12px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox {
        width: 130px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b {
        height: 311px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label:nth-child(6n + 6) {
        clear: none;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label ul,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label ul {
        padding: 0;
        margin: 15px 15px 0 42px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label li,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label li {
        margin-bottom: 10px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a {
        width: 138px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c {
        width: 168px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow label svg {
        width: 40px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeAudi"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="12"] label[for="makeOpel"] svg {
        width: 50px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeFord"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeChrysler"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeLandRover"] svg {
        width: 64px;
        height: 83px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow label span {
        word-break: break-all;
        font-size: 14px;
    }
    #modalPopUp div.modalBody div.buttons button,
    #modalPopUp div.modalBody div.buttons a.button {
        white-space: nowrap;
        padding: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart1 fieldset {
        margin-top: 30px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell {
        vertical-align: middle;
        line-height: 18px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance .table-cell:nth-child(2),
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance .table-cell:nth-child(3),
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance .table-cell:nth-child(4) {
        width: 17%;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance .table-cell:nth-child(5) {
        width: 17%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol {
        margin-right: 4%;
        width: 48%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol:nth-child(n + 2),
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol:nth-child(n + 2) {
        margin-right: 0;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol:nth-child(n + 3) {
        display: none;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers {
        width: 80px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper {
        font-size: 14px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper i {
        margin: 0;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper span {
        font-size: 36px;
        padding: 0;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn,
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child {
        width: 48%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child {
        margin-right: 4%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList h1,
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child h1 {
        margin-bottom: 6%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol {
        width: 100%;
        margin: 0;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol:nth-child(n + 2) {
        display: none;
    }
    #blogPostPageBody {
        font-size: 16px;
    }
    #blogPostPageBody footer time,
    #blogPostPageBody div.intro,
    #blogPostPageBody div.content h2 {
        font-size: 18px;
    }
    #blogPostPage #moreLinks {
        font-size: 16px;
    }
    #blogPostPage #moreLinks ul li:after {
        padding: 0 20px;
    }
    #footer {
        min-height: 495px;
    }
} /* 768 */
@media (max-width: 720px) {
    #container {
        padding-bottom: 634px;
    }
    #newCarsBlock div.hand {
        width: 100%;
        right: -11%;
        top: 42%;
        bottom: 14%;
    }
    #newCarsBlock article {
        height: auto;
        padding: 30% 0 20% 0;
    }
    #newCarsBlock article div.title {
        position: static;
        width: 100%;
    }
    #newCarsBlock article div.buttons {
        position: static;
        width: 100%;
        margin-top: 7%;
    }
    #newCarsBlock article div.text {
        position: static;
        width: 100%;
        margin-top: 62%;
        text-align: center;
        font-size: 20px;
    }
    #blogPostPage #moreLinks ul li.topcars {
        display: none;
    }
    #footer {
        min-height: 634px;
        padding-top: 30px;
    }
    #footer div.sections {
        display: block;
    }
    #footer section.contact,
    #footer section.socialmedia,
    #footer section.autoscout24 {
        flex: none;
        width: 100%;
        clear: both;
    }
    #footer section.socialmedia {
        padding-top: 40px;
    }
    #footer section.socialmedia ul.links li {
        margin-bottom: 20px;
    }
    #footer section.autoscout24 {
        margin-top: 40px;
        padding: 0;
    }
}
@media (max-width: 661px) {
    #homeLeasingBlock {
        padding: 0;
        background: #fff;
    }
    #homeLeasingBlock div.contentContainer {
        padding: 0;
    }
    #homeLeasingBlock article {
        float: none;
        width: 100%;
    }
    #homeLeasingBlock article.leasing,
    #homeLeasingBlock article.insurance {
        padding: 5% 28px;
    }
    /*
	#homeLeasingBlock article.insurance {
		background:#3c465f;
	}
*/
    #homeLeasingBlock article div.circle {
        width: 100px;
        height: 100px;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup1Input:checked + .equipmentRow #equipmentGroup1Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked ~ .equipmentRow #equipmentGroup3Container,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Input:checked + .equipmentRow #equipmentGroup4Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl {
        width: 100%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow {
        margin: 10px 0 26px;
    }
} /* 661 */
@media (max-width: 648px) {
    #container div.contentContainer div.message {
        padding: 20% 5%;
        font-size: 20px;
    }
    #modalPopUp.loginForm div.modalHeader > div.modalClose {
        background: #282e41;
    }
    #guestHomeHeader {
        padding-top: 78px;
    }
    #guestHomeHeader article.info {
        min-width: 100%;
        margin-top: 24vh;
        margin-right: 0;
    }
    #guestHomeHeader article.info a.button,
    #guestIndexBlock article.info button,
    #homeLeasingBlock article a.button,
    #guestHelpingBlock article.info .button,
    #homeBestBlock div.buttons .button {
        min-width: 100%;
    }
    #quickSearchBlock form {
        font-size: 16px;
    }
    #homeBestBlock h1 {
        text-align: center;
    }
    #homeBestBlock article {
        text-align: center;
    }
    #homeBestBlock article div.circle {
        float: none;
        margin: auto;
    }
    #homeBestBlock button {
        min-width: 100%;
    }
    #homeAboutSkautBlock div.container ul {
        text-align: center;
        margin-bottom: 33px;
    }
    #homeAboutSkautBlock div.container ul li {
        margin: 0 30px 30px;
    }
    #homeAboutSkautBlock div.container a.button {
        min-width: 100%;
    }
    #homePartnersBlock div.contentContainer {
        padding-top: 13%;
        padding-bottom: 10%;
    }
    #homePartnersBlock div.contentContainer article:nth-child(odd),
    #homePartnersBlock div.contentContainer article:nth-child(even) {
        width: 100%;
        margin: 0 0 16px;
    }
    #userHelpingBlock {
        background-size: cover;
        background-position: center;
    }
    #userPagesBlock article div.circle {
        margin-bottom: 80px;
    }
    #mainHeader {
        height: auto;
    }
    #searchParams form fieldset .optionsBlock.optionsCount2.limitToOneSelection > label {
        margin-right: 2%;
        width: 49%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label,
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label:nth-child(5n + 5) {
        width: 18.4%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    #searchParams form fieldset.options div.optionsBlock.optionsCount10 > label:nth-child(5n + 5) {
        margin-right: 0;
    }
    #searchInfoPanelScale {
        padding-right: 10px;
    }
    #searchResultHeader {
        height: auto;
    }
    #searchResultHeader .sortPrice,
    #searchResultHeader .sortOptions {
        width: 50%;
        margin-bottom: 7px;
    }
    #searchResultHeader .sortPrice {
        padding: 15px 0 0 10px;
    }
    #searchResultHeader .sortPrice #priceTypeSelect {
        display: inline-block;
    }
    #searchResultHeader .sortPrice .SumoSelect {
        display: block;
    }
    #searchResultHeader .sortPrice .SumoSelect > .CaptionCont {
        background-color: #ccd4d7;
        padding: 8px 17px 0;
    }
    #searchResultHeader .sortPrice .SumoSelect > .CaptionCont > span {
        font-size: 14px;
        font-weight: 700;
    }
    #searchResultHeader .sortPrice .SumoSelect > .CaptionCont > label > i {
        width: 36px;
        height: 42px;
    }
    #searchResultHeader .sortPrice input + label {
        display: none;
    }
    #searchResultList article.row > section.collapsedContent span {
        font-size: 14px;
    }
    #searchResultList article.row > section.expandedContent {
        height: 309px;
    }
    #searchResultList article.row > section > div.imageCol {
        width: 50%;
    }
    #searchResultList article.row > section > div.imageCol .stickers {
        top: -9px;
    }
    #searchResultList article.row > section > div.mainCol {
        width: 45%;
        margin-left: 5%;
    }
    #searchResultList article.row > section > div.toolsCol {
        width: 100%;
        float: none;
        clear: both;
        padding-top: 20px;
        height: 72px;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li {
        width: 33%;
        float: left;
        margin: 0;
        clear: none;
        height: 100%;
    }
    #vehiclePageHeader article div.column.specColumn a.bookmarkButton {
        right: 125px;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable {
        border: 0;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li {
        width: 50%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(3n + 4) {
        clear: none;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(2n + 3) {
        clear: left;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(n + 13) {
        border-bottom: solid 1px #bbc2c5;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(n + 15) {
        border-bottom: 0;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency #equipmentGroup6Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleEnergyEfficiency div.leftColumn,
    #vehicleEnergyEfficiency div.rightColumn {
        width: 100%;
        float: none;
    }
    #vehicleEnergyEfficiency div.rightColumn {
        padding-top: 37px;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency .containerBackground {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked ~ .equipmentRow #equipmentGroup3Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator #equipmentGroup8Container {
        opacity: 1;
        visibility: visible;
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo #equipmentGroup9Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper .SumoSelect {
        display: block;
        margin-top: 15px;
    }
    #modalPopUp.feedbackForm div.modalBody > div {
        height: auto;
        min-height: 100vh;
    }
    #modalPopUp.feedbackForm div.modalBody fieldset > div.double,
    #modalPopUp.feedbackForm div.modalBody fieldset > div.double:nth-child(even) {
        float: none;
        width: 100%;
        margin: 0;
    }
    #modalPopUp.feedbackForm div.modalBody fieldset > div.double:nth-child(even) {
        margin: 15px 0 0 0;
        text-align: right;
    }
    #modalPopUp.feedbackForm div.modalBody input {
        line-height: 33px;
    }
    #modalPopUp.feedbackForm div.modalBody button[type="submit"] {
        max-width: 239px;
        height: 35px;
        margin: 0;
        line-height: 33px;
    }
    #modalPopUp.queryForm div.modalBody,
    #modalPopUp.orderConfirmation div.modalBody,
    #modalPopUp.feedbackForm div.modalBody,
    #modalPopUp.userDataForm div.modalBody,
    #modalPopUp.userGrantForm div.modalBody {
        padding: 60px 30px 80px;
    }
    #modalPopUp.orderConfirmation div.modalBody {
        font-size: 14px;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart1 fieldset {
        margin-top: 40px;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart1 div.buttons,
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 div.buttons {
        position: static;
    }
    #modalPopUp.orderConfirmation div.modalBody div.buttons button,
    #modalPopUp.orderConfirmation div.modalBody div.buttons .button {
        min-width: auto;
        max-width: 48%;
    }
    #modalPopUp.info div.modalBody,
    #modalPopUp.loginForm #serviceTermsWindow {
        padding: 60px 30px 80px;
    }
    #bookmarksList article.row {
        margin-top: 9px;
        display: block;
        border: none;
    }
    #bookmarksList article.row > div {
        flex: none;
    }
    #bookmarksList article.row > div.imageCol,
    #bookmarksList article.row > div.mainCol {
        width: 100%;
        float: none;
        height: auto;
        position: static;
    }
    #bookmarksList article.row > div.imageCol {
        overflow: visible;
    }
    #bookmarksList article.row > div.mainCol {
        padding: 20px 20px 90px 20px;
    }
    #bookmarksList article.row > div.imageCol div.container,
    #bookmarksList article.row > div.mainCol div.container {
        position: static;
        padding: 0;
    }
    #bookmarksList article.row > div.mainCol div.container {
        height: auto;
        max-width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
    }
    #bookmarksList article.row > div.mainCol div.container > * {
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    #bookmarksList article.row.soldCar > div.imageCol div.container section.images {
        top: 51px;
        position: relative;
        padding-bottom: 51px;
    }
    #bookmarksList article.row > div.imageCol .lSSlideOuter.preview .lSPagerOuter {
        display: none;
    }
    #bookmarksList article.row > div.imageCol .buttons {
        position: absolute;
        bottom: 50px;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin: 0;
        padding: 0 20px;
        z-index: 1;
    }
    #bookmarksList article.row > div.imageCol .buttons .button:first-child {
        margin: 0;
    }
    #bookmarksList article.row > div.imageCol .buttons .button:last-child {
        display: none;
    }
    #bookmarksList article.row > div.imageCol .stickers {
        top: -9px;
        left: 20px;
    }
    #bookmarksList article.row.soldCar > div.mainCol div.container {
        padding-top: 0;
    }
    #bookmarksList article.row > div.mainCol h1 {
        padding: 15px 0 0;
        margin-bottom: 28px;
        width: 100%;
        font-size: 24px;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
    }
    #bookmarksList article.row > div.mainCol h1 > span {
        font-size: 12px;
        padding: 0;
    }
    #bookmarksList article.row > div.mainCol div.highlights {
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        margin-bottom: 39px;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li {
        width: 50%;
        min-height: 103px;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li:nth-child(odd) {
        padding-right: 2%;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li:nth-child(even) {
        padding-right: 0;
        padding-left: 2%;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li:before {
        width: 100%;
        margin: 0 0 5px;
        height: 53px;
        background-size: 49px;
        float: none;
    }
    #bookmarksList article.row > div.mainCol ul.highlights li .text {
        font-size: 14px;
        font-weight: 700;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo {
        -webkit-order: 3;
        -moz-order: 3;
        order: 3;
        margin-bottom: 25px;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .priceInfoCol:first-child,
    #bookmarksList article.row > div.mainCol div.priceInfo .priceInfoCol:last-child {
        float: left;
        display: block;
        width: 200px;
        height: auto;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .priceInfoCol:first-child {
        margin-bottom: 18px;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .oldPrice {
        font-size: 24px;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .price {
        font-size: 36px;
    }
    #bookmarksList article.row > div.mainCol div.priceInfo .vatText {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px;
    }
    #bookmarksList article.row > div.mainCol div.comments {
        -webkit-order: 4;
        -moz-order: 4;
        order: 4;
        font-size: 12px;
        margin-bottom: 39px;
    }
    #bookmarksList article.row > div.mainCol ul.specTable {
        -webkit-order: 5;
        -moz-order: 5;
        order: 5;
        margin-bottom: 24px;
    }
    #bookmarksList article.row > div.soldCarLayer > span.notice {
        width: 100%;
    }
    #orderPageHeader article {
        padding: 7% 20px 0;
    }
    #orderPageContainer #vehicleInfo {
        padding: 0 20px;
    }
    #orderPageContainer #vehicleInfo #detailView {
        min-width: 130px;
    }
    #orderInfo ul.tabs li label {
        padding: 0 10%;
    }
    #orderInfo ul.tabs li:first-child label {
        padding-left: 20px;
    }
    #orderInfo ul.tabs li:last-child label {
        padding-right: 20px;
    }
    #orderInfo ul.tabs li label span {
        font-size: 16px;
    }
    #orderInfo div.tabPanel {
        padding: 220px 20px 100px;
    }
    #orderInfo div.tabPanel div.message {
        padding: 20px;
        font-size: 16px;
    }
    #userSettingsPageHeader {
        padding-bottom: 9px;
    }
    /*
	#userSettingsPageContainer p.showPackagePrices.buttons label:first-child,
	#userSettingsPageContainer p.showPackagePrices.buttons label:last-child {
		width:100%;
		margin-right:0;
		margin-left:0;
	}
*/
    #userSettingsPageContainer > div.column.rightColumn .table {
        display: block;
    }
    #userSettingsPageContainer > div.column.rightColumn .table-cell {
        margin-top: 23px;
    }
    #userSettingsPageContainer > div.column.rightColumn .table-cell:first-child,
    #userSettingsPageContainer > div.column.rightColumn .table-cell:last-child {
        display: block;
        width: 100%;
        padding: 0;
    }
    #userSettingsPageContainer {
        display: block;
    }
    #userSettingsPageContainer > div.column.leftColumn,
    #userSettingsPageContainer > div.column.rightColumn {
        display: block;
        width: 100%;
        float: none;
        max-width: none;
    }
    #userSettingsPageContainer > div.column.leftColumn {
        padding-bottom: 0;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label {
        width: calc(50% - 5px);
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(-n + 2),
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(odd) {
        margin: 0;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(-n + 2) {
        margin-bottom: 10px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(odd) {
        margin-right: 10px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table {
        display: table;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell {
        width: auto;
        display: table-cell;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell:last-of-type {
        width: 160px;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons:after,
    #userSettingsPageContainer p.showUserPreferredCars.buttons:after,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons:after {
        content: "";
        clear: both;
        display: block;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label,
    #userSettingsPageContainer p.showPackagePrices.buttons label {
        float: left;
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 0;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label:last-child,
    #userSettingsPageContainer p.showPackagePrices.buttons label:last-child {
        margin-right: 0;
    }
    #userSettingsPageContainer p.showUserPreferredCars.buttons label,
    #userSettingsPageContainer p.showOnlyRecommendedCars.buttons label {
        float: none;
        width: 100%;
    }
    #userAgentPageHeader {
        min-height: auto;
        width: 100%;
        position: absolute;
        height: 100%;
        z-index: -1;
    }
    #userAgentPageHeader,
    #userAgentPageHeader:before {
        background-size: auto 100%;
    }
    #filterCars {
        height: auto;
        padding: 0;
        position: static;
        font-size: 14px;
        margin-top: 155px;
    }
    #filterCars .filterCarsWrapper {
        position: static;
        padding-bottom: 110px;
        min-height: 420px;
    }
    #filterCars .matchedCarsText {
        text-align: left;
        padding: 30px 20px 0;
        font-size: 18px;
    }
    #filterCars .filterCarsWrapper #userAgentSetupForm .filterCarsStep h2 {
        position: absolute;
        top: 62px;
        font-size: 24px;
        padding: 0 20px;
        line-height: 30px;
        width: 100%;
        text-indent: 0;
        height: 90px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep h2:before {
        content: "";
        display: inline-block;
        min-height: inherit;
        height: 100%;
        vertical-align: middle;
    }
    #filterCars .filterCarsWrapper .filterCarsStep h2 span {
        display: inline-block;
        vertical-align: middle;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content {
        padding: 12px 20px 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep p {
        line-height: 18px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep ul.ul-dot-orange {
        padding: 0 0 0 26px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep ul.ul-dot-orange li {
        padding: 10px 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep ul.ul-dot-orange li:before {
        left: -26px;
        top: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep ul.ul-dot-orange li span {
        line-height: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox {
        margin-top: 12px;
        padding: 15px;
        margin-bottom: 12px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox h3 {
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox p {
        padding-bottom: 22px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox input + label {
        padding-left: 30px;
        line-height: 18px;
        margin-bottom: 6px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .filterCarsStepInfoRow p.SelectBox {
        font-weight: bold;
        padding: 8px 10px;
        margin: 0;
        height: 34px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .filterCarsStepInfoRow p span {
        line-height: 18px;
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator {
        margin: 0;
        padding: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .SumoSelect {
        display: block;
        padding: 10px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .SumoSelect {
        padding-top: 28px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] .SumoSelect {
        padding-top: 20px;
        padding-bottom: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .SumoSelect:nth-child(3) {
        padding-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] .sliderRegulator,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .sliderRegulator {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .SumoSelect:first-of-type {
        padding: 23px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .slider.slider-horizontal {
        display: none;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] .buttons .button:last-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="12"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="13"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .buttons .button:first-child,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .buttons .button:last-child,
    #filterCars .filterCarsWrapper .filterCarsStep .buttons .button {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        display: block;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons .button + .button {
        margin: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow,
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow > div {
        position: static;
        height: auto;
        padding-bottom: 11px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.a,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.c,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d {
        position: relative;
        border: 0;
        width: 100%;
        left: 0;
        padding-left: 27px;
        margin: 18px 0 0;
        height: auto;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox p {
        position: relative;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] #mileageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.b p,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] #enginePowerSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d p {
        margin: 0;
        padding: 0;
        background-color: transparent;
        min-height: auto;
        width: 100%;
        left: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox:before {
        content: "";
        display: block;
        position: absolute;
        width: 13px;
        height: 13px;
        left: 0;
        background-color: #db764e;
        border-radius: 50%;
        top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect {
        text-align: center;
        max-width: 500px;
        margin: auto;
        padding: 24px 0 9px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label {
        float: none;
        display: inline-block;
        margin: 0 0 11px;
        width: 32%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label svg {
        width: 70%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label#bodyTypeTransporter svg {
        width: 69%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label#bodyTypeOther svg {
        width: 67%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="4"] div.bodyTypeSelect label span {
        line-height: 24px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect {
        padding-top: 8px;
        margin-bottom: 6px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label {
        width: 100%;
        float: none;
        height: auto;
        margin: 1px 0 7px;
        padding-bottom: 15px;
        overflow: hidden;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input:checked + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input:checked + label {
        -webkit-box-shadow: inset 0 0 0 3px #db764e;
        box-shadow: inset 0 0 0 3px #db764e;
        border-radius: 5px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label span,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label span {
        padding: 11px 0 9px 11px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label ul,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label ul {
        margin: 12px 10px 0 34px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label li,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label li {
        margin-bottom: 5px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect {
        padding-top: 9px;
        margin-bottom: 3px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep {
        padding: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep.active {
        position: static;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .sliderRegulator {
        -webkit-order: 5;
        order: 5;
        padding-top: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow {
        padding: 25px 0 9px;
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content .buttons {
        position: relative;
        text-align: center;
        float: none;
        -webkit-order: 6;
        order: 6;
        margin-top: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower,
    #filterCars .filterCarsWrapper .filterCarsStep .skipMakes {
        margin-top: 10px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipBodyColor {
        margin: 5px 0 11px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower input + label,
    #filterCars .filterCarsWrapper .filterCarsStep .skipBodyColor input + label,
    #filterCars .filterCarsWrapper .filterCarsStep .skipMakes input + label {
        padding: 5px 0 5px 40px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower input + label:before,
    #filterCars .filterCarsWrapper .filterCarsStep .skipBodyColor input + label:before,
    #filterCars .filterCarsWrapper .filterCarsStep .skipMakes input + label:before {
        left: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .skipEnginePower {
        float: none;
        -webkit-order: 4;
        order: 4;
        margin-top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first {
        margin-bottom: 12px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first input + label {
        width: calc(50% - 3px);
        margin: 0 6px 6px 0;
        font-size: 14px;
        height: 36px;
        padding: 8px 40px 8px 17px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first input + label:nth-of-type(even) {
        margin-right: 0;
        line-height: 20px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.first input + label i {
        width: 17px;
        top: 8px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.second {
        margin: 0;
        padding: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.second input + label {
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="10"] .filterCarsStepInfoRow.second input + label:before {
        width: 24px;
        height: 24px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label {
        width: calc(100% / 3 - 6.7px);
        margin: 0 9px 10px 0;
        height: 79px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label:nth-of-type(3n + 3) {
        margin-right: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow label svg {
        height: 47px;
        width: 51px;
        margin-top: 4px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow label span {
        font-size: 12px;
        padding-top: 2px;
        bottom: 9px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeBMW"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeMB"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeVW"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeVolvo"] svg {
        width: 32px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeFord"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeChrysler"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeLandRover"] svg {
        height: 62px;
        width: 64px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeHonda"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeLexus"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makePeugeot"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makePorsche"] svg {
        width: 64px;
        height: 46px;
        top: 9px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSaab"] svg {
        top: 2px;
        height: 56px;
        width: 60px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSeat"] svg {
        width: 35px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSkoda"] svg {
        width: 89px;
        height: 64px;
        top: -7px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow.second {
        margin-bottom: 0;
        padding: 8px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .buttons {
        margin-top: 20px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content > div.likeButtons {
        margin: 16px 0 0;
        padding-bottom: 6px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .buttons:after {
        content: "";
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content > div.likeButtons input + label {
        width: calc(50% - 6px);
        float: left;
        margin-right: 12px;
        line-height: 36px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content > div.likeButtons input + label:last-of-type {
        margin-right: 0;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination {
        border: inherit;
        top: 182px;
        bottom: auto;
        display: block;
        padding: 0 20px;
        width: 88px;
        height: 21px;
        right: 0;
        white-space: nowrap;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination:after {
        content: "/ 14";
        font-size: 18px;
        font-family: "Roboto Condensed", sans-serif;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination span {
        font-size: 18px;
        display: none;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination span.active {
        display: inline-block;
    }
    #modalPopUp.loginForm div.modalBody > div {
        height: auto;
        min-height: 100vh;
    }
    #modalPopUp.loginForm #loginWindow {
        background-position: center bottom;
        height: auto;
        background-size: auto 50%;
    }
    #modalPopUp div.message {
        padding: 0 20px;
        font-size: 14px;
        line-height: 1.3;
    }
    #modalPopUp div.modalBody .popUpForm {
        font-size: 14px;
        line-height: 1.3;
    }
    #modalPopUp.loginForm div.modalBody section.forms,
    #modalPopUp.loginForm div.modalBody section.info {
        width: 100%;
        height: auto;
        float: none;
        padding: 0;
    }
    #modalPopUp.loginForm div.modalBody section.info {
        min-height: 600px;
    }
    #modalPopUp.loginForm div.modalBody .popUpForm {
        margin: 0 20px;
    }
    #modalPopUp.loginForm div.modalBody h1 {
        font-size: 30px;
        margin: 0;
        padding: 59px 20px 8%;
    }
    #modalPopUp.loginForm div.modalBody section.forms label {
        font-size: 16px;
    }
    #modalPopUp.loginForm div.modalBody section div.separator {
        margin: 36px 20px;
    }
    #modalPopUp.loginForm #loginWindow section.forms div.otherLoginOptions {
        margin: 40px 20px 52px;
    }
    #modalPopUp.loginForm div.modalBody section.info {
        padding: 0;
    }
    #modalPopUp.loginForm div.modalBody section.info p {
        margin-top: 0;
        padding: 0 20px;
    }
    #modalPopUp.loginForm div.modalBody section.info div.buttons {
        position: static;
        margin-top: 32px;
        padding: 0 20px 130px;
    }
    #modalPopUp.loginForm #loginWindow section.forms .first-step div.buttons {
        margin-top: 18px;
    }
    #modalPopUp.loginForm #registerWindow section.forms,
    #modalPopUp.loginForm #resetPasswordWindow section.forms,
    #modalPopUp.loginForm #changePasswordWindow section.forms {
        padding-bottom: 80px;
    }
    #modalPopUp.loginForm #registerWindow section.forms .first-step div.form-row {
        margin: 10px 0;
    }
    #modalPopUp.loginForm #registerWindow section.forms .second-step p.notate {
        line-height: 1.3;
    }
    #modalPopUp.loginForm #loginWindow section.info,
    #modalPopUp.loginForm #registerWindow section.info,
    #modalPopUp.loginForm #resetPasswordWindow section.info,
    #modalPopUp.loginForm #changePasswordWindow section.info {
        display: none;
    }
    #modalPopUp.loginForm #authenticationWindow {
        height: auto;
    }
    #modalPopUp.loginForm #authenticationWindow section {
        float: none;
        width: 100%;
        height: auto;
        min-height: auto;
    }
    #modalPopUp.loginForm #authenticationWindow section.info {
        min-height: 300px;
    }
    #modalPopUp.loginForm #authenticationWindow section.info h1 {
        font-size: 30px;
    }
    #modalPopUp.loginForm #authenticationWindow section.info p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 19px;
    }
    #modalPopUp.loginForm #authenticationWindow section.forms {
        min-height: 290px;
        padding: 20px;
    }
    #modalPopUp.loginForm #authenticationWindow section.forms.mobileId:before,
    #modalPopUp.loginForm #authenticationWindow section.forms.smartId:before,
    #modalPopUp.loginForm #authenticationWindow section.forms.idCard:before {
        opacity: 0;
    }
    #modalPopUp.loginForm #authenticationWindow section.forms .second-step p {
        margin: 0;
    }
    #modalPopUp.loginForm #authenticationWindow section.forms form {
        margin: 17px 0 0;
    }
    #modalPopUp.loginForm #authenticationWindow section.forms form#idCardAuthenticationForm {
        display: none;
    }
    #modalPopUp.loginForm #serviceTermsWindow {
        height: 100vh;
    }
    #modalPopUp.loginForm #serviceTermsWindow #serviceTermsForm {
        margin: 0;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell {
        padding-right: 5px;
        word-break: break-word;
    }
    #userHomeHeader {
        padding-top: 78px;
        overflow: hidden;
    }
    #userHomeHeader div.listWrapper {
        position: relative;
        padding-top: 35px;
        padding-bottom: 48px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow > ul {
        height: auto;
    }
    #userHomeHeader div.listWrapper.myOrderList h1 {
        margin-bottom: 2%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper {
        padding: 10px 0 5px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers {
        width: 70px;
        right: 3%;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 0;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper i {
        margin-bottom: 2px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderImage .stickers .stickersWrapper span {
        font-size: 30px;
        line-height: 38px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo {
        width: 100%;
        margin: 0;
        padding-top: 13px;
        font-size: 14px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo h3 {
        margin-bottom: 2%;
        font-size: 24px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo p {
        margin: 0 0 27px;
        line-height: 18px;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo p.status {
        line-height: 19px;
        height: auto;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow li.myOrderListBox .myOrderBoxWrapper .myOrderInfo strong {
        margin-bottom: 0;
    }
    #userHomeHeader div.listWrapper.myOrderList .myOrderListRow #bulletNav a {
        width: 11px;
        height: 11px;
        margin: 0 14px;
    }
    #userHomeHeader div.listWrapper.myOrderList,
    #userHomeHeader div.listWrapper.topCarsList,
    #userHomeHeader div.listWrapper.myFavoritesList {
        margin-bottom: 0;
    }
    #modalPopUp.userAgentHelp div.modalBody,
    #modalPopUp.userAgentZeroCars div.modalBody {
        height: auto;
    }
    #modalPopUp.userAgentHelp div.modalBody div.buttons a.button,
    #modalPopUp.userAgentZeroCars div.modalBody div.buttons a.button {
        white-space: normal;
        line-height: 1;
        padding: 10px 5px;
        height: auto;
    }
    #modalPopUp.userAgentHelp div.modalBody h2,
    #modalPopUp.userAgentZeroCars div.modalBody h2 {
        font-size: 24px;
        padding: 0 20px;
    }
    #modalPopUp.userAgentHelp div.modalBody p,
    #modalPopUp.userAgentZeroCars div.modalBody p {
        font-size: 14px;
        line-height: 1.3;
        margin: 31px 0 42px;
    }
    #modalPopUp.userAgentHelp div.modalBody div.buttons a.button,
    #modalPopUp.userAgentZeroCars div.modalBody div.buttons a.button {
        font-size: 14px;
        font-weight: normal;
    }
    #modalPopUp.userAgentZeroCars div.modalBody div.buttons a.button {
        min-width: auto;
        width: 45%;
    }
    #contentPageHeader {
        padding-top: 78px;
    }
    #contentPageHeader div.contentWrapper {
        padding-top: 35px;
        padding-bottom: 48px;
    }
    #blogPageBackground {
        padding-top: 78px;
    }
    #blogPostPageBody {
        margin-top: 110px;
    }
    #blogIndexPageBody #blogPosts {
        margin-top: -40.6%;
        display: block;
    }
    #blogIndexPage #blogPageBackground div.headerContainer {
        padding-top: 35px;
        padding-bottom: 48px;
    }
    #blogIndexPage #blogPageBackground div.contentWrapper {
        padding-bottom: 40.6%;
    }
    #blogPostPage #blogPageBackground div.contentWrapper {
        padding-top: 20%;
    }
    #blogPostsBlock #blogPosts,
    #blogPostsList {
        display: block;
    }
    #blogIndexPageBody #blogPosts article.post,
    #blogPostsBlock #blogPosts article.post,
    #blogPostsList li,
    #blogPostsList li:nth-child(3) {
        -webkit-flex: none;
        -moz-flex: none;
        -ms-flex: none;
        flex: none;
    }
    #blogPostsBlock #blogPosts article.post:nth-child(2) {
        display: none;
    }
    #blogPosts article.post,
    #blogPostsList li {
        margin-bottom: 5.5%;
    }
    #blogPostsList li:nth-child(3) {
        display: block;
    }
    #blogPostPageBody aside a.facebookButton {
        width: 36px;
        height: 36px;
        background-size: 20px;
    }
} /* 648 */
@media (max-width: 541px) {
    #container {
        padding-bottom: 597px;
    }
    #guestHomeHeader,
    #guestHomeHeader:before {
        background-position: 28% 30%;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart1 fieldset {
        margin-top: 30px;
    }
    #modalPopUp.orderConfirmation div.modalBody p.notabene.show {
        padding-top: 6px;
    }
    #modalPopUp.orderConfirmation div.modalBody p.notabene {
        font-size: 12px;
        padding: 0;
    }
    #modalPopUp.loginForm #serviceTermsWindow div.buttons .button {
        width: 100%;
        display: block;
    }
    #modalPopUp.loginForm #serviceTermsWindow div.buttons .button:last-child {
        margin: 10px 0 0 0;
    }
    #topCarsSlider .lSSlideOuter .lSPager.lSpg > li a {
        width: 12px;
        height: 12px;
    }
    #customerReviewsBlock #customerReviewsSlider .lSSlideOuter .lSPager.lSpg > li a {
        width: 12px;
        height: 12px;
    }
    #userSearchBlock #quickSearchBlock h1 {
        font-size: 30px;
    }
    #quickSearchBlock form #priceContainer fieldset.options label.button span {
        font-size: 14px;
    }
    #userSearchBlock section.mySkaut ul li,
    #userSearchBlock section.mySkaut ul li:first-child,
    #userSearchBlock section.mySkaut ul li:nth-child(3),
    #userSearchBlock section.mySkaut ul li:nth-child(4) {
        margin: 0 10px 17px;
    }
    #newCarsBlock div.hand {
        top: 37%;
    }
    #newCarsBlock article {
        padding: 40% 0 30% 0;
    }
    #newCarsBlock article div.text {
        width: 95%;
        margin-top: 60%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 18px;
    }
    #newCarsBlock article div.text span {
        display: block;
    }
    #newCarsBlock article div.text br {
        display: none;
    }
    #searchPageBackground {
        padding-top: 289px;
    }
    #searchPageBackground,
    #searchPageBackground:before {
        background-position: 48% 31%;
        background-size: 550%;
    }
    #searchPageMobileHeader {
        position: absolute;
        margin: 0 4%;
        padding: 0;
        left: 0;
        right: 0;
        top: 160px;
        outline: none;
        display: block;
        font-size: 18px;
        color: #fff;
        overflow: hidden;
        list-style: none;
    }
    #searchPageMobileHeader > li * {
        font-style: normal;
        font-weight: normal;
    }
    #searchPageMobileHeader > li {
        margin: 0;
        padding: 0;
        display: none;
        line-height: 44px;
        vertical-align: middle;
    }
    #searchPageMobileHeader > li > span {
        line-height: 1.2;
        display: inline-block;
    }
    #searchPage #isListTypeSearchResult:checked ~ #searchPageMobileHeader > li.searchResult,
    #searchPage #isListTypeTopCars:checked ~ #searchPageMobileHeader > li.topCars,
    #searchPage #isListTypeUserPreferredCars:checked ~ #searchPageMobileHeader > li.userPreferredCars {
        display: block;
    }
    #searchPageHeader {
        padding-top: 222px;
    }
    #isMobileSearchFormOpened:checked ~ #searchPageHeader {
        padding-top: 200px;
    }
    #searchPageHeader article {
        background-color: #ccd4d7;
        height: 47px;
        border-bottom: 1px solid #e6ecee;
        overflow: visible;
    }
    #searchPageHeader #defaultPanelStatus:checked ~ article.defaultPanel {
        position: absolute;
        top: 0;
    }
    #searchPageHeader #searchInfoPanelStatus:checked ~ article.searchInfoPanel {
        padding: 0 10px;
    }
    #searchPageHeader article h1,
    #searchPageHeader article p {
        display: none;
    }
    #searchResultHeader,
    #searchPage #isListTypeTopCars:checked ~ #searchPageContainer #searchResult #searchResultHeader {
        -webkit-flex: 0 0 94px;
        -moz-flex: 0 0 94px;
        -ms-flex: 0 0 94px;
        flex: 0 0 94px;
    }
    #searchPage #isListTypeSearchResult:checked ~ #searchPageContainer #searchResult #searchResultHeader,
    #searchPage #isListTypeUserPreferredCars:checked ~ #searchPageContainer #searchResult #searchResultHeader {
        -webkit-flex: 0 0 141px;
        -moz-flex: 0 0 141px;
        -ms-flex: 0 0 141px;
        flex: 0 0 141px;
    }
    #searchResultHeader ul.listTypeText {
        display: none;
    }
    #searchResultHeader .mobileSelect {
        width: 100%;
        padding: 0;
        height: 47px;
        margin: 0;
        border-bottom: 1px solid #e6ecee;
    }
    #searchResultHeader .mobileSelect.sortPrice,
    #searchResultHeader .mobileSelect.sortOptions,
    #searchPage #isListTypeSearchResult:checked ~ #searchPageContainer #searchResult #searchResultHeader .mobileSelect.scoreMin,
    #searchPage #isListTypeUserPreferredCars:checked ~ #searchPageContainer #searchResult #searchResultHeader .mobileSelect.scoreMin {
        display: block;
    }
    #searchResultHeader .mobileSelect .SumoSelect {
        display: block;
        padding: 0 10px 0 20px;
    }
    #searchResultHeader .mobileSelect .SumoSelect > .CaptionCont {
        background-color: transparent;
        padding: 0;
        margin: 0;
    }
    #searchResultHeader .mobileSelect .SumoSelect > .CaptionCont > span {
        font-size: 14px;
        font-weight: 700;
        line-height: 47px;
    }
    #searchResultHeader .mobileSelect .SumoSelect > .CaptionCont > label > i {
        width: 36px;
        height: 42px;
    }
    #searchPageHeader div.contentContainer {
        display: none;
    }
    #searchInfoPanelScale .sliderRegulator {
        display: none;
    }
    #searchParams form fieldset.options div.optionsCount5 > label,
    #searchParams form fieldset.options.makes div.optionsCount5 > label,
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(3n + 3),
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(5n + 5) {
        width: 31.3%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    #searchParams form fieldset.options div.optionsCount5 > label:nth-child(3n + 3) {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label,
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(3n),
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(n + 4) {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(3n),
    #searchParams form fieldset.options div.optionsCount4_1 > label:last-of-type {
        margin-right: 0;
    }
    #searchParams form fieldset.options div.optionsCount4_1 > label:nth-of-type(n + 4) {
        width: 49%;
    }
    #searchParams form fieldset.options div.optionsCount2 > label {
        width: 49%;
        margin-right: 2%;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label,
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(3n + 3),
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(4n + 4) {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    #searchParams form fieldset.options.bodyColor div.optionsBlock > label:nth-child(3n + 3) {
        margin-right: 0;
    }
    #searchParams form fieldset.options.interior div.optionsBlock {
        width: 49%;
        margin-right: 2%;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label,
    #searchParams form fieldset.options.interior div.optionsCount5 > label:nth-child(5n + 5) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4%;
    }
    #searchParams form fieldset.options label.button svg {
        width: 68%;
    }
    #vehiclePageHeader #topCarButton {
        right: 115px;
        top: -10px;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator #equipmentGroup8Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder #orderFormFooter {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder section.ordering .orderServicesTable a.button:last-child,
    #vehiclePageOrder section.ordering .orderServicesTable a.button:first-child {
        margin: 0 0 15px;
        width: 100%;
        float: none;
    }
    #vehiclePageOrder input#equipmentGroup7Input:checked + section.orderServices #equipmentGroup7_1Container {
        overflow: visible;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .tableWrapper .orderServicesCell.select {
        width: 50%;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .tableWrapper .orderServicesCell.price {
        display: none;
    }
    #vehiclePageOrder section.orderServices .orderDepositTable {
        padding-bottom: 15px;
    }
    #vehiclePageOrder section.orderServices .orderDepositTable .optionsRegulator {
        display: block;
        height: auto;
    }
    #vehiclePageOrder section.orderServices .orderDepositTable .sliderRegulator {
        display: none;
        height: 0;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm input.useLeasingBlock + label {
        display: none;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        display: block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        z-index: 2;
        top: 10px;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect p.CaptionCont {
        border: 1px solid #ccd4d7;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect .optWrapper {
        border: 1px solid #ccd4d7;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect .optWrapper label {
        line-height: 23px;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow {
        padding: 25px 0 9px;
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label:nth-of-type(5n + 5) {
        width: calc(50% - 4px);
        margin-bottom: 8px;
        margin-right: 0;
        height: 34px;
        padding: 9px 0;
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label:nth-of-type(odd) {
        margin-right: 8px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow {
        margin: 10px 0 26px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow .table {
        width: 100%;
        float: none;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow .table.leftColumn {
        margin-bottom: 25px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow .title {
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow .table-cell {
        width: 100%;
        padding-top: 9px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow input + label {
        font-size: 14px;
        line-height: 29px;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .tableWrapper .orderServicesCell.select {
        width: 50%;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .tableWrapper .orderServicesCell.price {
        display: none;
    }
    #orderInfo section.orderServices .orderDepositTable {
        padding-bottom: 15px;
    }
    #orderInfo section.orderServices .orderDepositTable .optionsRegulator {
        display: block;
    }
    #orderInfo section.orderServices .orderDepositTable p.CaptionCont {
        border: 1px solid #ccd4d7;
    }
    #orderInfo section.orderServices .orderDepositTable .optWrapper {
        border: 1px solid #ccd4d7;
    }
    #orderInfo section.orderServices .orderDepositTable .optWrapper label {
        line-height: 23px;
    }
    #orderInfo section.orderServices .orderDepositTable .sliderRegulator {
        display: none;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm input.useLeasingBlock + label {
        display: none;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        display: block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        z-index: 2;
        padding-top: 10px;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        opacity: 1;
        visibility: visible;
        height: auto;
        overflow: visible;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect p.CaptionCont {
        border: 1px solid #ccd4d7;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect .optWrapper {
        border: 1px solid #ccd4d7;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect .optWrapper label {
        line-height: 23px;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn {
        width: 100%;
        float: none;
        clear: both;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child {
        padding: 0 0 40px;
        width: 100%;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol {
        width: 100%;
        margin-right: 0;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol:nth-child(n + 2),
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol:nth-child(n + 2) {
        display: none;
    }
    #userHomeHeader div.listWrapper.myFavoritesList h1 {
        font-size: 36px;
    }
    #contentPageBody #c10 {
        padding: 30px 0 0 0;
    }
    #contentPageBody #c10 article.info div.content ul li,
    #contentPageBody #c10 article.info div.content ul li:nth-child(2n) {
        min-height: auto;
        padding-left: 120px;
        padding-bottom: 30px;
    }
    #contentPageBody #c10 article.info div.content ul li:before {
        width: 90px;
        height: 90px;
    }
    #blogPostPage #moreBlogPosts {
        padding-bottom: 50px;
    }
    #blogPostPage #moreLinks {
        font-size: 14px;
    }
    #blogPostPage #moreLinks ul li:after {
        padding: 0 10px;
    }
    #footer {
        min-height: 597px;
        font-size: 14px;
    }
    #footer section.contact div.table {
        width: 100%;
    }
    #footer section.contact div.table p span:first-child {
        min-width: auto;
    }
    #footer div.contentContainer.last {
        font-size: 14px;
    }
} /* 541 */
/*
@media (max-width:480px) and (orientation:landscape) {
	#guestHomeHeader {
        background-image: url(/assets/images/guest-header-bg11-480px.jpg);
	}
	#userHomeHeader {
		background-image:url(/assets/images/user-header-bg2-480px.jpg);
	}
	#guestHomeHeader:before,
	#userHomeHeader:before {
		background:none;
		display:none;
	}
}
*/
@media (max-width: 480px) {
    #mainNav {
        left: -100%;
        width: 100%;
    }
    #mainNav div.header {
        top: 32px;
        margin: 0 10% 0 5.5%;
    }
    #mainNav div.header div.userName {
        margin: 0 0 25px 0;
        font-size: 24px;
    }
    #mainNav nav {
        top: 75px;
    }
    #mainNav.userNav nav {
        top: 185px;
    }
    #mainNav ul li a,
    #mainNav ul li.disabled span {
        padding: 14px 0 14px 5.5%;
        font-size: 16px;
    }
    #mainNav ul.isGuest li a:after {
        right: 20px;
        width: 15px;
        height: 21px;
    }
    #container {
        padding-bottom: 644px;
    }
    #guestHomeHeader div.contentContainer,
    #guestIndexBlock div.contentContainer,
    #guestSearchBlock div.contentContainer,
    #homeLeasingBlock div.contentContainer,
    #guestHelpingBlock div.contentContainer,
    #homeBestBlock div.contentContainer,
    #homeAboutSkautBlock div.contentContainer,
    #homeServicesBlock div.contentContainer,
    #homePartnersBlock div.contentContainer,
    #userSearchBlock div.contentContainer,
    #userHelpingBlock div.contentContainer,
    #userPagesBlock div.contentContainer,
    #contentPageBody div.contentContainer,
    #cookieNotification div.contentContainer,
    #blogIndexPageBody div.contentContainer,
    #blogPostsBlock div.contentContainer,
    #blogPostPageBody div.blogPostContainer,
    #blogPostPage #moreBlogPosts div.contentContainer,
    #footer div.contentContainer {
        padding: 0 20px;
    }
    #contentPageHeader div.contentWrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    #guestHomeHeader,
    #guestHomeHeader:before {
        background-position: 28% 30%;
    }
    #guestHomeHeader article.info {
        margin-top: 12.5vh;
    }
    #guestHomeHeader article.info h1 {
        font-size: 36px;
    }
    #guestHomeHeader #nextScreen {
        display: block;
    }
    #guestIndexBlock {
        padding: 12% 0 9.4%;
    }
    #quickSearchBlock form .containerTabs {
        font-size: inherit;
    }
    #guestIndexBlock article.info h1 {
        font-size: 24px;
    }
    #guestIndexBlock article.info p {
        font-size: 14px;
        margin: 21px 0 32px;
        line-height: 18px;
    }
    #guestIndexBlock div.topCarsContainer h2 {
        font-size: 24px;
    }
    #guestSearchBlock {
        padding: 15.5% 0 19%;
        height: auto;
        background-position: left center;
    }
    #guestSearchBlock article.info h1 {
        font-size: 24px;
    }
    #guestSearchBlock article.info p {
        margin: 18px 0;
        font-size: 14px;
        line-height: 18px;
    }
    #quickSearchBlock form {
        font-size: 14px;
    }
    #quickSearchBlock form fieldset {
        margin: 0 0 15px 0;
    }
    #quickSearchBlock form fieldset.otherOptions {
        margin: 15px 0 0 0;
    }
    #quickSearchBlock form fieldset legend {
        font-size: inherit;
    }
    #quickSearchBlock form fieldset.options div.optionsCount3 label.button span {
        font-size: 14px;
    }
    #quickSearchBlock form fieldset.options div.optionsCount4 label:nth-of-type(2n + 2) {
        margin-right: 0;
    }
    #quickSearchBlock form fieldset.options div.optionsCount5 label {
        width: 32%;
    }
    #quickSearchBlock form fieldset.options div.optionsCount5 label:nth-child(3n) {
        margin-right: 0;
    }
    #quickSearchBlock form fieldset.options div.optionsCount4 label {
        width: 49%;
    }
    #quickSearchBlock form fieldset.options div.optionsCount4 label:nth-child(even) {
        margin-right: 0;
    }
    #quickSearchBlock form fieldset.options.col2 {
        width: 100%;
        float: none;
        margin-right: 0;
        padding-bottom: 0;
    }
    #quickSearchBlock form fieldset.options.col2 div.optionsCount2 label {
        margin-right: 2%;
        margin-bottom: 2%;
        width: 49%;
    }
    #quickSearchBlock form #priceContainer fieldset.options label.button span {
        font-size: inherit;
    }
    #quickSearchBlock form div.buttons {
        padding-top: 3px;
    }
    #quickSearchBlock form div.buttons .button {
        float: none;
        width: 100%;
        margin: 7px 0;
    }
    #newCarsBlock div.contentContainer {
        padding: 0;
    }
    #topCarsSlider {
        margin: 0;
        padding-top: 17px;
    }
    #topCarsSlider li.topCarCol {
        padding: 0;
    }
    #topCarsSlider .topCarsBoxWrapper .topCarInfo h3 {
        margin-top: 8px;
    }
    #topCarsSlider .lSSlideOuter .lSPager.lSpg > li {
        padding: 0 1.5%;
    }
    #guestIndexBlock div.topCarsContainer h2 {
        padding: 0;
    }
    #customerReviewsBlock div.contentContainer h2 {
        font-size: 24px;
    }
    #customerReviewsBlock #customerReviewsSlider .customerReviewsBoxWrapper .customerReviewInfo {
        font-size: 14px;
        line-height: 1.3;
    }
    #homeLeasingBlock {
        min-height: auto;
    }
    #homeLeasingBlock div.contentContainer {
        padding: 0;
    }
    #homeLeasingBlock article h1 {
        font-size: 24px;
    }
    #homeLeasingBlock article p {
        font-size: 14px;
    }
    #homeLeasingBlock article.leasing,
    #homeLeasingBlock article.insurance {
        padding: 5% 20px 10% 20px;
    }
    #guestHelpingBlock {
        min-height: auto;
        padding: 14.5% 0 35%;
    }
    #guestHelpingBlock article.info h1 {
        font-size: 24px;
    }
    #guestHelpingBlock article.info p {
        font-size: 14px;
        font-weight: 500;
        margin: 17px 0 30px;
        line-height: 1.3;
    }
    #homePartnersBlock {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    #homeBestBlock {
        padding: 11.5% 0 18%;
    }
    #homeBestBlock h1 {
        font-size: 24px;
        margin-bottom: 24px;
    }
    #homeBestBlock article {
        padding-bottom: 20px;
    }
    #homeBestBlock article div.circle {
        width: 82px;
        height: 82px;
    }
    #homeBestBlock article h2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 1.12;
        padding: 11px 5px 4px;
    }
    #homeBestBlock article p {
        margin: 0;
        font-size: 14px;
        line-height: 1.3;
    }
    #homeAboutSkautBlock {
        min-height: auto;
        padding: 11.85% 0 24%;
    }
    #homeAboutSkautBlock div.container {
        float: none;
        margin: 0;
    }
    #homeAboutSkautBlock div.container article.info h1 {
        font-size: 24px;
    }
    #homeAboutSkautBlock div.container article.info p {
        margin: 16px 0 20px;
        line-height: 1.3;
        font-size: 14px;
        font-weight: normal;
    }
    #homeAboutSkautBlock div.container ul li {
        width: 124px;
        height: 124px;
        margin: 0 15px 15px;
    }
    #homeServicesBlock {
        padding: 12.8% 0 8.7%;
        background: #fff;
    }
    #homeServicesBlock article.info h1 {
        font-size: 24px;
    }
    #homeServicesBlock article.info p {
        margin: 24px 0 0 0;
        font-size: 14px;
        line-height: 1.3;
        font-weight: normal;
    }
    #packagesTable .table-cell span {
        font-size: 14px;
    }
    #packagesTable {
        padding-top: 45px;
        margin: 0 -20px;
    }
    #packagesTable .table-cell span.packageDesc {
        font-size: 16px;
        padding: 5px 0 0;
    }
    #packagesTable .table-cell .packageTitle {
        font-size: 24px;
        font-weight: normal;
        padding: 19px 0 0;
        line-height: 1;
    }
    #packagesTable .tableRow:nth-child(n + 2),
    #packagesTable .tableRow:nth-child(n + 2),
    #packagesTable .tableRow:nth-child(n + 2),
    #packagesTable .tableRow:nth-child(n + 2) {
        display: none;
    }
    #packagesTable .tableRow:nth-child(1) .table-cell.firstCol {
        display: none;
    }
    #packagesTable .tableRow:nth-child(1) .table-cell.secondCol,
    #packagesTable .tableRow:nth-child(1) .table-cell.thirdCol,
    #packagesTable .tableRow:nth-child(1) .table-cell.fourthCol {
        width: 100%;
        height: 83px;
        padding: 0 20px;
    }
    #packagesTable .tableRow:nth-child(1) .table-cell.thirdCol,
    #packagesTable .tableRow:nth-child(1) .table-cell.fourthCol {
        right: -100%;
    }
    #packagesTable .tableRow:nth-child(1) .table-cell.secondCol {
        text-align: left;
    }
    #packagesTable .tableRow:nth-child(1) .table-cell.fourthCol {
        text-align: right;
    }
    #packagesTable .tableRow:nth-child(n + 2) .table-cell.firstCol,
    #packagesTable .tableRow:nth-child(n + 2) .table-cell.firstCol.free {
        width: 100%;
        padding: 0 20px;
    }
    #packagesTable .tableRow:nth-child(n + 2) .table-cell.secondCol,
    #packagesTable .tableRow:nth-child(n + 2) .table-cell.thirdCol,
    #packagesTable .tableRow:nth-child(n + 2) .table-cell.fourthCol {
        display: none;
    }
    #packagesTable .table-cell .packageTitle i.trigger.next,
    #packagesTable .table-cell .packageTitle i.trigger-white.next {
        right: -10px;
        bottom: auto;
        top: calc(100% - 20px);
    }
    #packagesTable .table-cell .packageTitle i.trigger.preview,
    #packagesTable .table-cell .packageTitle i.trigger-white.preview {
        left: -10px;
        bottom: auto;
        top: calc(100% - 20px);
    }
    #packagesTable .table-cell .packageTitle i.trigger:after,
    #packagesTable .table-cell .packageTitle i.trigger-white:after {
        width: 36px;
        height: 36px;
    }
    #userSearchBlock {
        padding: 12.6% 0 9.6% 0;
    }
    #userSearchBlock #quickSearchBlock h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    #userSearchBlock section#quickSearchBlock {
        padding-bottom: 29px;
        margin-bottom: 33px;
    }
    #userSearchBlock section.mySkaut article.info h1 {
        font-size: 24px;
    }
    #userSearchBlock section.mySkaut article.info p {
        font-size: 14px;
        margin: 14px 0 35px;
    }
    #userSearchBlock section.mySkaut ul li {
        width: 126px;
        height: 126px;
    }
    #userSearchBlock section.mySkaut ul li a {
        width: 100%;
        height: 100%;
        font-size: 14px;
        padding: 25px 23px 0;
    }
    #userSearchBlock section.mySkaut ul li span.icon {
        width: 46px;
        height: 44px;
        margin-bottom: 7px;
    }
    #userHelpingBlock {
        min-height: 498px;
        padding-top: 62px;
    }
    #userHelpingBlock article.info {
        max-width: none;
    }
    #userHelpingBlock article.info h1 {
        font-size: 24px;
    }
    #userHelpingBlock article.info p {
        margin: 18px 0 0;
        font-size: 14px;
    }
    #userHelpingBlock article.info p.first {
        font-size: 14px;
        margin: 31px 0 0;
    }
    #userHelpingBlock article.info button {
        width: 100%;
    }
    #userPagesBlock {
        padding: 10% 0 9%;
        min-height: 526px;
    }
    #userPagesBlock article {
        text-align: center;
        margin-bottom: 19px;
    }
    #userPagesBlock article div.circle {
        float: none;
        margin: auto;
    }
    #userPagesBlock article h2 {
        font-size: 18px;
        font-weight: 700;
        margin-left: 0;
        padding-top: 25px;
    }
    #userPagesBlock article p,
    #userPagesBlock article p a.more {
        font-size: 14px;
        margin: 0;
        line-height: 1.3;
    }
    #searchPage > div.searchFormTogglerButton {
        top: 75px;
        margin: 0 20px;
    }
    #searchPage > div.searchFormTogglerButton label,
    #searchPage > div.searchFormTogglerButton label:active {
        font-size: 13px;
        line-height: 42px;
    }
    #searchPage > #openResultListButton label i {
        color: #fff;
    }
    #searchPage > #openResultListButton label b {
        display: none;
    }
    #searchPage > #openResultListButton label.resultList,
    #searchPage > #openSearchFormButton label.resultList,
    #searchPage > #openResultListButton label.topCarsList,
    #searchPage > #openResultListButton label.newSearch,
    #searchPage > #openSearchFormButton label.newSearch {
        width: 59%;
        background-color: #de7d54;
    }
    #searchPage > #openResultListButton label.newSearch,
    #searchPage > #openSearchFormButton label.newSearch {
        float: right;
        width: 39%;
        background-color: #3c465f;
        display: block;
    }
    #isListTypeTopCars:checked ~ #openSearchFormButton label.newSearch {
        float: none;
        width: 100%;
    }
    #searchPageMobileHeader {
        top: 125px;
        margin: 0 20px;
    }
    #searchPageMobileHeader span {
        display: block;
    }
    #searchPageHeader {
        padding-top: 185px;
    }
    #isMobileSearchFormOpened:checked ~ #searchPageHeader {
        padding-top: 135px;
    }
    #searchParams ul.tabs li label span {
        font-size: 14px;
        padding: 0 12px;
        display: inline-block;
        max-width: 80%;
    }
    #searchParams #tab1Input:checked ~ ul.tabs > li > #tab1,
    #searchParams #tab2Input:checked ~ ul.tabs > li > #tab2,
    #searchParams #tab3Input:checked ~ ul.tabs > li > #tab3 {
        background: #de7d54;
    }
    #searchParams div.tabPanel.searchFormPanel {
        padding: 9% 1.5%;
        display: block;
    }
    #searchParams #tab1Panel {
        padding-bottom: 0;
    }
    #searchParams #tab2Panel {
        padding-top: 0;
        padding-bottom: 0;
    }
    #searchParams #tab3Panel {
        padding-top: 0;
    }
    #searchParams form fieldset div.container {
        margin-top: 4%;
    }
    #searchParams #tab1Panel fieldset.main,
    #searchParams #tab2Panel fieldset.main,
    #searchParams #tab3Panel fieldset.main {
        padding: 0 4% 5.5%;
        margin-bottom: 6%;
    }
    #searchParams form fieldset.options div.icons label.button span {
        height: 66px;
        line-height: 57px;
    }
    #searchParams #makesContainer div.makesTabs {
        top: 23px;
        left: 4.2%;
        right: inherit;
        z-index: 3;
    }
    #searchParams fieldset.subSet {
        margin-top: 6%;
    }
    #searchParams div.tabPanel#priceTab2Panel + div.optionsCount1 {
        padding-top: 7px;
    }
    #searchParams input.collapse:checked + fieldset.collapse > .container {
        padding-top: 1px;
    }
    #searchParams fieldset.collapse2 > legend > label {
        position: relative;
        padding-right: 27px;
        cursor: pointer;
    }
    #searchParams fieldset.collapse2 > legend > label:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 18px;
        height: 10px;
        margin: auto;
        content: " ";
        background: transparent
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 57.9 33.7'%3E%3Cpath fill='%23FFFFFF' d='M30.6,33L57,5.6c1.1-1.1,1.2-3.2,0.3-4.5c-0.9-1.4-2.5-1.5-3.6-0.4L29,26.3L4.2,0.7C3.1-0.4,1.5-0.2,0.6,1.1 c-0.9,1.4-0.8,3.4,0.3,4.5l26.4,27.3c0.5,0.5,1.1,0.7,1.7,0.7C29.5,33.7,30.1,33.5,30.6,33'/%3E%3C/svg%3E")
            center center no-repeat;
        background-size: contain;
        display: block;
    }
    #searchParams fieldset.collapse2 > .container {
        display: none;
    }
    #searchParams input.collapse:checked + fieldset.collapse2 > legend > label:after,
    #searchParams input.collapse:checked ~ div.tabPanel > fieldset.collapse2 > legend > label:after,
    #searchParams input.collapse:checked ~ fieldset.priceRange > legend > label:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #searchParams input.collapse:checked + fieldset.collapse2 > .container,
    #searchParams input.collapse:checked ~ div.tabPanel > fieldset.collapse2 > .container,
    #searchParams input.collapse:checked ~ fieldset.priceRange > .container {
        display: block;
    }
    #searchParams #makesContainer div.makesTabs,
    #searchParams #priceContainer div.priceTabs,
    #searchParams fieldset.equipmentGroup2 > .optionsBlockInfo {
        display: none;
    }
    #searchParams #makesContainer input.collapse:checked + div.makesTabs,
    #searchParams #priceContainer input.collapse:checked + div.priceTabs,
    #searchParams input.collapse:checked + fieldset.equipmentGroup2 > .optionsBlockInfo {
        display: block;
    }
    #searchParams #makesContainer input.collapse:checked ~ div.tabPanel#makesTab1Panel > fieldset.collapse2 > legend,
    #searchParams #makesContainer input.collapse:checked ~ div.tabPanel#makesTab2Panel > fieldset.collapse2 > legend,
    #searchParams #priceContainer input.collapse:checked ~ fieldset.priceRange > legend {
        margin-bottom: 29px;
    }
    #searchParams form fieldset.options.collapse div.optionsBlock > label {
        width: 100%;
        margin-right: 0;
        white-space: nowrap;
    }
    #searchParams form fieldset.options.interior div.optionsCount5 > label {
        width: 100%;
        margin-bottom: 8px;
    }
    #searchParams form fieldset.options div.optionsCount2 > label.checkbox {
        width: 100%;
        margin-bottom: 2%;
    }
    #searchParams #tab1Panel div.buttons,
    #searchParams #tab2Panel div.buttons {
        display: none;
    }
    #searchParams #priceContainer div.priceTabs {
        top: 23px;
        left: 4.2%;
        right: inherit;
        z-index: 3;
    }
    #searchParams input.collapse:checked + fieldset.collapse > .container .optionsBlockInfo {
        margin-top: 0;
        margin-bottom: 20px;
    }
    #searchResultList article.row > section.expandedContent {
        padding: 0;
        height: auto;
    }
    #searchResultList article.row a.bookmarkButton {
        right: 6px;
        top: 15px;
        width: 29px;
    }
    #searchResultList article.row > section > div.imageCol {
        width: 100%;
        height: 240px;
    }
    #searchResultList article.row > section > div.imageCol .stickers {
        right: auto;
        left: 20px;
        width: 69px;
        top: 0;
    }
    #searchResultList article.row > section > div.imageCol .stickers .stickersWrapper {
        font-size: 13px;
    }
    #searchResultList article.row > section > div.imageCol .stickers i {
        height: 12px;
        opacity: 0;
    }
    #searchResultList article.row > section > div.imageCol .stickers span {
        line-height: 40px;
    }
    #searchResultList article.row > section > div.mainCol {
        width: 100%;
        padding: 20px 20px 59px 20px;
        margin: 0 0 11px;
        height: auto;
    }
    #searchResultList article.row > section > div.mainCol .priceInfo {
        left: 20px;
    }
    #searchResultList article.row > section > div.toolsCol {
        height: auto;
        padding: 20px;
    }
    #searchResultList article.row > section > div.toolsCol:after {
        content: "";
        clear: both;
        display: block;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li {
        width: 47%;
        margin: 0 3%;
        height: 110px;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li:nth-child(odd) {
        margin-left: 0;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li:nth-child(even) {
        margin-right: 0;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li:before {
        float: none;
        width: 100%;
        background-size: 55px;
        height: 55px;
    }
    #searchResultList article.row > section > div.toolsCol ul.highlights li span.text {
        float: none;
        width: 100%;
        display: block;
        padding-top: 3px;
    }
    #vehiclePage {
        margin-top: 58px;
    }
    #vehiclePage .vehiclePageNavigation {
        height: 46px;
        background-color: #ccd4d7;
        padding: 16px 19px 12px;
        font-size: 14px;
        font-weight: 400;
        position: static;
        display: block;
    }
    #vehiclePage .vehiclePageNavigation a,
    #vehiclePage .vehiclePageNavigation div {
        color: #3d4458;
    }
    #vehiclePage .vehiclePageNavigation div a,
    #vehiclePage .vehiclePageNavigation i {
        height: 14px;
    }
    #vehiclePage .vehiclePageNavigation div a:first-of-type {
        margin-right: 7px;
    }
    #vehiclePage .vehiclePageNavigation div a:last-of-type {
        margin-left: 8px;
    }
    #vehiclePage .vehiclePageNavigation i:after {
        width: 23px;
    }
    #vehiclePage .vehiclePageNavigation i.trigger-white {
        display: none;
    }
    #vehiclePage .vehiclePageNavigation i.trigger {
        display: inline-block;
    }
    #vehiclePage .vehiclePageNavigation > div {
        display: none;
    }
    #vehiclePage .vehiclePageNavigation > a,
    #vehiclePage .vehiclePageNavigation > div {
        display: none;
    }
    #vehiclePage .vehiclePageNavigation.active > a,
    #vehiclePage .vehiclePageNavigation.active > div {
        display: block;
    }
    #vehiclePageBody div.leftColumn > section.images {
        position: absolute;
        top: 46px;
        left: 0;
        width: 100%;
        z-index: 0;
    }
    #vehiclePageBody div.leftColumn section.images .image {
        padding-top: 75%;
    }
    #vehiclePageBody div.leftColumn section.images .lSSlideOuter.gallery .lSPagerOuter {
        display: none;
    }
    #vehiclePageBody div.leftColumn section.images .lSSlideOuter.gallery .lSAction > .lSPrev,
    #vehiclePageBody div.leftColumn section.images .lSSlideOuter.gallery .lSAction > .lSNext {
        width: 43px;
        height: 41px;
    }
    #vehiclePageHeader {
        position: static;
        margin-top: 75%;
    }
    #vehiclePageHeader div.contentContainer {
        padding: 0;
    }
    #vehiclePageHeader article {
        position: static;
    }
    #vehiclePageHeader article div.column div.container {
        padding: 5.8% 6.3% 10.5%;
    }
    #vehiclePageHeader article div.column.nameColumn {
        position: static;
    }
    #vehiclePageHeader article div.column.nameColumn h1 {
        width: 100%;
        font-size: 24px;
        margin: 0 0 21px;
    }
    #vehiclePageHeader article div.column.nameColumn h1 > span {
        font-size: 12px;
        line-height: 20px;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li:nth-child(odd) {
        padding-right: 2%;
        height: 93px;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li:nth-child(even) {
        padding-right: 0;
        padding-left: 2%;
        height: 93px;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li:before {
        float: none;
        width: 100%;
        height: 52px;
        background-size: auto;
    }
    #vehiclePageHeader article div.column.nameColumn ul.highlights li .text {
        margin: 0;
        font-size: 13px;
        padding-top: 6px;
    }
    #vehiclePageHeader article div.column.nameColumn .stickers {
        right: auto;
        left: 7%;
        width: 65px;
        top: 37px;
        z-index: 20;
    }
    #vehiclePageHeader article div.column.nameColumn .stickers .stickersWrapper.highScore {
        font-size: 12px;
        line-height: 14px;
    }
    #vehiclePageHeader article div.column.nameColumn .stickers .stickersWrapper.highScore span {
        font-size: 30px;
        line-height: 33px;
    }
    #vehiclePageHeader article div.column.specColumn a.bookmarkButton {
        z-index: 20;
        top: 57px;
        right: 2%;
        width: 30px;
        height: 38px;
    }
    #vehiclePageHeader #topCarButton {
        z-index: 20;
        top: 57px;
        right: 14%;
    }
    #vehiclePageHeader article div.column.specColumn div.container {
        padding: 0;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li {
        padding-top: 15px;
        font-size: 16px;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(odd) {
        padding-left: 5.6%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li:nth-child(even) {
        padding-right: 5.6%;
        padding-left: 2%;
    }
    #vehiclePageHeader article div.column.specColumn ul.specTable > li {
        line-height: 1.1;
    }
    #vehiclePageBody {
        padding: 0;
        min-height: auto;
    }
    #container #vehiclePageBody div.contentContainer {
        width: 100%;
        padding: 0;
    }
    #vehiclePageBody div.leftColumn {
        float: left;
    }
    #vehiclePageBody div.leftColumn section.buttons {
        padding: 0;
        position: static;
    }
    #vehiclePageBody div.leftColumn section.buttons a {
        display: none;
    }
    #vehiclePageBody div.rightColumn {
        padding: 23px 0 10px;
    }
    #vehiclePageBody div.leftColumn ~ div.leftColumn {
        padding-bottom: 13px;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentRow {
        margin: 0;
        padding: 6px 0 0;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentRow h2 {
        font-size: 22px;
        padding: 0 5.6% 10px;
    }
    #vehiclePage h2 i.trigger,
    #vehiclePage h2 i.trigger-white {
        margin-left: 0;
        top: 4px;
    }
    #vehiclePage h2 i.trigger:after,
    #vehiclePage h2 i.trigger-white:after {
        width: 34px;
        height: 36px;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup1Input:checked + .equipmentRow,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Input:checked + .equipmentRow,
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Input:checked + .equipmentRow {
        margin-bottom: 24px;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup1Input:checked + .equipmentRow #equipmentGroup1Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable {
        margin: 0;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl:nth-child(odd),
    #vehiclePageBody div.rightColumn section.equipment .equipmentColl:nth-child(even) {
        padding: 0 4% 0 5.6%;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentCell {
        height: 29px;
        padding: 0;
        font-size: 14px;
        line-height: 28px;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentCell.icon {
        height: 29px;
    }
    #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup2Input:checked + .equipmentRow #equipmentGroup2Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageBody div.rightColumn section.equipment .equipmentTable-desc {
        padding: 0 4% 0 5.6%;
        font-size: 14px;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup3Container .equipmentTable-desc {
        margin: 0 0 16px 0;
    }
    #vehiclePageBody div.rightColumn section.equipment #equipmentGroup4Input:checked + .equipmentRow #equipmentGroup4Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #attentionTexts {
        padding: 0 5.6%;
    }
    #attentionTexts h2 {
        font-size: 22px;
    }
    #vehiclePageBody div.leftColumn #attentionGroupInput:checked ~ #attentionGroupContainer {
        height: auto;
    }
    #attentionTexts article.attentionTextContainer {
        margin-bottom: 19px;
    }
    #attentionTexts article.attentionTextContainer p {
        margin: 0 0 19px 0;
        font-size: 14px;
        line-height: 16px;
    }
    #vehiclePageBody div.leftColumn section.descriptionUrl {
        padding: 0 5.6%;
    }
    #vehiclePageBody div.leftColumn section.descriptionUrl a {
        font-size: 14px;
        line-height: 24px;
        padding: 0;
    }
    #vehiclePageBody div.leftColumn section.descriptionUrl a.autoscout24 {
        padding-bottom: 80px;
        background-size: 80px;
    }
    #vehicleSeals {
        padding: 20px 0;
    }
    #container #vehicleSeals div.contentContainer {
        width: 100%;
    }
    #vehicleSeals h2 {
        font-size: 22px;
    }
    #vehicleSeals #equipmentGroup5Input:checked + .contentContainer #equipmentGroup5Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehicleSeals section.sealText {
        padding-bottom: 20px;
    }
    #vehicleSeals section.sealText p {
        font-size: 14px;
        line-height: 16px;
        margin: 13px 0 0;
    }
    #vehicleSeals div.rightColumn {
        height: 105px;
        display: table;
        width: 100%;
    }
    #vehicleSeals section.sealLogo {
        display: table-cell;
        vertical-align: middle;
    }
    #vehicleEnergyEfficiency {
        padding: 15px 0 20px 0;
    }
    #container #vehicleEnergyEfficiency div.contentContainer {
        width: 100%;
    }
    #vehicleEnergyEfficiency h2 {
        font-size: 22px;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency {
        margin-bottom: 0;
    }
    #vehiclePage input#equipmentGroup6Input + #vehicleEnergyEfficiency h2 i {
        left: 100%;
    }
    #vehiclePage input#equipmentGroup6Input:checked + #vehicleEnergyEfficiency #equipmentGroup6Container {
        opacity: 1;
        visibility: visible;
        height: auto;
        padding: 23px 0 0 5px;
        margin-left: -5px;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass {
        max-width: calc(100% + 5px);
        padding: 3px 10px 3px 4px;
        margin-left: -5px;
        height: 32px;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass .classMarker {
        line-height: 26px;
        font-size: 12px;
        text-indent: 13px;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.A .classMarker {
        width: 49%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.B .classMarker {
        width: 55%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.C .classMarker {
        width: 61%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.D .classMarker {
        width: 66%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.E .classMarker {
        width: 72%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.F .classMarker {
        width: 78%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass.G .classMarker {
        width: 83%;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass .classMarker .rightColumn {
        padding: 0;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass .classMarker .rightColumn:after {
        border-width: 13px 0 13px 13px;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass .classMarker + .rightColumn {
        font-size: 14px;
        line-height: 26px;
        padding: 0;
        font-weight: 400;
        overflow: hidden;
        padding-left: 14px;
    }
    #vehicleEnergyEfficiency section.energyLabel .energyEfficiencyClass .classMarker + .rightColumn span {
        text-overflow: clip;
        white-space: nowrap;
    }
    #vehicleEnergyEfficiency div.rightColumn {
        padding-top: 28px;
    }
    #vehicleEnergyEfficiency section.consumption > p {
        font-size: 14px;
        margin: 10px 0 21px;
    }
    #vehicleEnergyEfficiency section.consumption > p strong {
        font-size: 18px;
    }
    #vehiclePage {
        position: relative;
    }
    #vehiclePageOrder {
        overflow: hidden;
        padding: 0 0 40px;
    }
    #container #vehiclePageOrder div.contentContainer {
        width: 100%;
        padding: 0;
    }
    #vehiclePageOrder div.rightColumn {
        padding: 35px 0 0 0;
    }
    #vehiclePageOrder section.orderServices h2 {
        font-size: 22px;
        padding: 0 5.6%;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .orderServicesTableTitle {
        padding: 5px 0;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.firstRow {
        padding: 11px 5.6%;
        margin-top: 19px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .orderServicesTableRow {
        font-size: 14px;
        line-height: 22px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow {
        padding: 18px 5.6%;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow .orderServicesCell input.packageInput + label {
        display: none;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId {
        display: block;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId > .CaptionCont {
        background-color: #ccd4d7;
        padding: 8px 13px;
        height: 32px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId > .CaptionCont > span {
        font-weight: 700;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId.open > .optWrapper {
        top: 32px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable div.descServicesPackage p.desc {
        margin: 13px 0 25px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable div.descServicesPackage div.includedServices {
        padding-right: 0;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .servicesPackageTableRow {
        line-height: 16px;
        padding: 3px 0;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable .servicesPackageCell.price {
        width: 60px;
        white-space: nowrap;
    }
    #vehiclePageOrder section.orderServices .orderServicesTable.thirdRow {
        padding: 6px 11px;
    }
    #vehiclePageOrder section.orderServices .orderDepositTable {
        padding: 0 5.6% 20px;
    }
    #vehiclePageOrder section.orderServices .orderDepositTable p {
        font-size: 14px;
    }
    #vehiclePageOrder section.orderServices .orderServicesTableSumm {
        padding: 0 5.6% 20px;
        margin-bottom: 0;
    }
    #vehiclePageOrder section.orderServices .orderServicesTableSumm .orderServicesTableRow {
        font-size: 14px;
        line-height: 18px;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableTotal {
        padding: 22px 5.6% 40px;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesCell {
        display: block;
        width: 100%;
        padding: 0;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesCell.price {
        text-align: left;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableRow.table {
        margin: 0;
    }
    #vehiclePageOrder div.leftColumn {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #vehiclePageOrder section.leasingCalculator {
        padding: 20px 0;
    }
    #vehiclePageOrder section.leasingCalculator h2 {
        font-size: 22px;
        padding: 0 5.6%;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator #equipmentGroup8Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder section.leasingCalculator #equipmentGroup8Container p.desc {
        margin: 24px 0 24px;
        line-height: 17px;
        padding: 0 5.6%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm.inactive #equipmentGroup8Container .shadeWhite p {
        height: auto;
        margin: auto;
        width: 80%;
        display: inline-block;
        vertical-align: middle;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        padding-left: 5.6%;
        padding-right: 5.6%;
    }
    #vehiclePageOrder #equipmentGroup8Input:checked + section.leasingCalculator {
        margin-top: 10px;
    }
    #vehiclePageOrder input#equipmentGroup8Input:checked + section.leasingCalculator .leasingCalculatorForm div.showLeasingBlock {
        padding: 10px 5.6%;
        font-size: 14px;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorTable {
        padding: 3px 5.6% 28px;
        margin: 0;
    }
    #vehiclePageOrder section.leasingCalculator .leasingCalculatorCell {
        width: 100%;
        float: none;
    }
    #vehiclePageOrder section.leasingCalculator .buttons {
        padding: 0 6.3% 14px;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.firstRow label.button {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.secondRow label.button {
        width: calc(50% - 5px);
        margin: 0 0 10px 0;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.secondRow label.button:nth-of-type(odd) {
        margin-right: 5px;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.secondRow label.button:nth-of-type(even) {
        margin-left: 5px;
    }
    #vehiclePageOrder section.leasingCalculator #equipmentGroup8Container .buttons.thirdRow p.desc {
        margin: 10px 0 20px 0;
        padding: 0;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.thirdRow label.button {
        width: calc(25% - 8px);
        margin: 0 5px 10px;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.thirdRow label.button:nth-of-type(4n + 4) {
        margin-right: 0;
    }
    #vehiclePageOrder section.leasingCalculator .buttons.thirdRow label.button:first-of-type,
    #vehiclePageOrder section.leasingCalculator .buttons.thirdRow label.button:nth-of-type(4n + 5) {
        margin-left: 0;
    }
    #vehiclePageOrder section.leasingCalculator .orderTable {
        padding: 7px 7% 8px;
    }
    #vehiclePageOrder div.leftColumn section.insuranceInfo {
        padding: 20px 0;
    }
    #vehiclePageOrder div.leftColumn section.insuranceInfo h2 {
        font-size: 22px;
        padding: 0 5.6%;
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo {
        margin-top: 10px;
    }
    #vehiclePageOrder input#equipmentGroup9Input:checked + section.insuranceInfo #equipmentGroup9Container {
        opacity: 1;
        visibility: visible;
        height: auto;
    }
    #vehiclePageOrder section.insuranceInfo #equipmentGroup9Container {
        padding: 0 5.6%;
    }
    #vehiclePageOrder section.insuranceInfo p {
        margin-bottom: 29px;
    }
    #vehiclePageOrder section.insuranceInfo .orderTableRow .orderCell:first-child,
    #vehiclePageOrder section.insuranceInfo .orderTableRow .orderCell:last-child {
        font-size: 14px;
        padding: 5.6px 0 5.6px 2px;
    }
    #vehiclePageOrder section.insuranceInfo .orderTableRow.buttons .orderCell:first-child {
        display: block;
        padding: 16px 0 0;
    }
    #vehiclePageOrder section.insuranceInfo .orderTableRow.buttons .button {
        width: 100%;
    }
    #vehiclePageOrder section.insuranceInfo .orderTableRow.buttons .orderCell:last-child {
        display: block;
        padding-top: 20px;
    }
    #vehiclePageOrder div.rightColumn ~ div.rightColumn {
        margin: 0;
        padding: 0;
        width: 100%;
        background-color: #fff;
    }
    #vehiclePageOrder div.rightColumn ~ div.rightColumn section.ordering .orderServicesTable .orderServicesTableTotal {
        padding: 0 5.6%;
        overflow: hidden;
    }
    #vehiclePageOrder section.ordering .orderServicesTable .orderServicesTableRow.buttons {
        margin-bottom: 0;
    }
    #vehiclePageOrder #orderFormFooter .button:first-child,
    #vehiclePageOrder #orderFormFooter .button:last-child {
        margin: 0 0 9px;
        width: 100%;
        float: none;
        font-size: 16px;
        padding: 5px 0;
    }
    #vehiclePageOrder #orderFormFooter {
        position: relative;
    }
    #vehiclePageOrder #orderFormFooter .orderServiceTableRow:not(.buttons) {
        height: 100%;
    }
    #vehiclePageOrder #orderFormFooter p.desc {
        padding: 0 10px;
        font-size: 12px;
    }
    #vehiclePageOrder #orderFormFooter a.button#copyUrlToClipboard_2 {
        display: block;
        padding: 0;
    }
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard {
        bottom: -82px;
        top: auto;
    }
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard .tooltipWrapper {
        padding: 20px;
    }
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard .tooltipWrapper input,
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard .tooltipWrapper input:focus {
        width: 100%;
        margin-bottom: 10px;
    }
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard .tooltipWrapper button {
        width: 100%;
    }
    #vehiclePageBody div.leftColumn section.buttons .copyUrlToClipboard .tooltipWrapper p {
        font-size: 12px;
    }
    #excludedVehicleInfo div.leftColumn {
        margin-bottom: 50px;
        font-size: 14px;
        line-height: 16px;
    }
    #excludedVehicleInfo div.rightColumn {
        font-size: 14px;
        line-height: 16px;
    }
    #modalPopUp div.modalHeader > div.modalClose {
        width: 40px;
        height: 40px;
    }
    #modalPopUp div.modalHeader > div.modalClose:after {
        width: 16px;
        height: 16px;
    }
    #modalPopUp div.modalFooter.buttons button {
        min-width: 160px;
        flex: 1;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper .moreLangs .tabsForMobile {
        display: block;
        text-align: center;
        text-align-last: center;
        padding: 10px 20px;
        columns: 2;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper .moreLangs .tabsForMobile:after {
        content: "";
        display: table;
        clear: both;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper .moreLangs .tabsForMobile a {
        display: block;
        padding: 8px 0;
        text-align: left;
        text-align-last: left;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper .moreLangs .tabsForMobile a.active {
        font-weight: 700;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper #notes {
        padding-top: 25px;
        min-height: 1400px;
    }
    #modalPopUp.TranslateBox div.TranslateBoxWrapper #notes p {
        font-size: 14px;
    }
    #modalPopUp.queryForm div.modalBody,
    #modalPopUp.feedbackForm div.modalBody,
    #modalPopUp.userGrantForm div.modalBody {
        min-height: 570px;
        padding: 64px 19px 0;
        height: 100vh;
    }
    #modalPopUp.queryForm div.modalBody h1,
    #modalPopUp.feedbackForm div.modalBody h1 {
        font-size: 30px;
    }
    #modalPopUp.queryForm div.modalBody p,
    #modalPopUp.feedbackForm div.modalBody p {
        font-size: 14px;
        line-height: 1.3;
    }
    #modalPopUp.queryForm div.modalBody #popupQueryFormSlide1 textarea[name="messageText"],
    #modalPopUp.feedbackForm div.modalBody #popupFeedbackFormSlide1 textarea[name="messageText"] {
        height: 177px;
    }
    #modalPopUp.queryForm div.modalBody .button,
    #modalPopUp.feedbackForm div.modalBody button[type="submit"] {
        max-width: 100%;
    }
    #modalPopUp.queryForm div.modalBody #popupQueryFormSlide3,
    #modalPopUp.feedbackForm div.modalBody #popupFeedbackFormSlide3 {
        margin: 0 auto;
        width: 100%;
        padding-top: 43px;
    }
    #modalPopUp.feedbackForm div.modalBody label.input {
        margin-bottom: 5px;
    }
    #modalPopUp.orderConfirmation div.modalBody {
        padding: 59px 19px 0;
        min-height: 1150px;
        height: 100vh;
    }
    #modalPopUp.orderConfirmation div.modalBody h1,
    #modalPopUp.userDataForm div.modalBody h1,
    #modalPopUp.userGrantForm div.modalBody h1 {
        font-size: 30px;
    }
    #modalPopUp.orderConfirmation div.modalBody p,
    #modalPopUp.userDataForm div.modalBody p,
    #modalPopUp.userGrantForm div.modalBody p,
    #modalPopUp.queryForm div.modalBody p {
        font-size: 14px;
        line-height: 1.3;
        padding-bottom: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody fieldset {
        margin-top: 27px;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 fieldset,
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 fieldset:nth-child(n + 4) {
        margin-top: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 label.input {
        margin-bottom: 5px;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 input,
    #modalPopUp.orderConfirmation div.modalBody .SumoSelect {
        width: 100%;
    }
    #modalPopUp.orderConfirmation div.modalBody label.button:first-child,
    #modalPopUp.orderConfirmation div.modalBody label.button:last-child {
        float: none;
        margin: 0 0 10px;
        width: auto;
    }
    #modalPopUp.orderConfirmation div.modalBody label.button > span {
        line-height: 35px;
        height: 35px;
    }
    #modalPopUp.orderConfirmation div.modalBody div.buttons button,
    #modalPopUp.orderConfirmation div.modalBody div.buttons .button {
        max-width: 100%;
        margin-bottom: 10px;
        float: none;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 h1 {
        margin-bottom: 20px;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart2 p {
        padding-bottom: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody p.highlighted {
        font-size: 16px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormPart5,
    #modalPopUp.orderConfirmation div.modalBody #popupOrderFormErrorPart {
        margin: 0 auto;
        width: 100%;
        padding-top: 43px;
    }
    #modalPopUp.userDataForm div.modalBody > div {
        height: 900px;
    }
    #modalPopUp.userDataForm div.modalBody div.buttons {
        position: static;
    }
    #modalPopUp.userGrantForm div.modalBody div.buttons button,
    #modalPopUp.userGrantForm div.modalBody div.buttons .button,
    #modalPopUp.userDataForm div.modalBody div.buttons button,
    #modalPopUp.userDataForm div.modalBody div.buttons .button {
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 10px;
    }
    #modalPopUp.info div.modalBody {
        min-height: 100vh;
    }
    #modalPopUp.info div.modalBody,
    #modalPopUp.loginForm #serviceTermsWindow {
        padding: 64px 19px 0;
        font-size: 14px;
    }
    #modalPopUp.info div.modalBody h1,
    #modalPopUp.loginForm #serviceTermsWindow article > h1 {
        font-size: 30px;
    }
    #modalPopUp.info div.modalBody h2,
    #modalPopUp.loginForm #serviceTermsWindow h2 {
        font-size: 16px;
    }
    #orderPageHeader {
        padding-top: 77px;
    }
    #orderPageHeader article {
        padding-top: 0;
        background-color: transparent;
        height: 121px;
    }
    #orderPageHeader article h1,
    #orderPageHeader article p {
        display: none;
    }
    #orderPageHeader article .orderServicesTableRow {
        margin-bottom: 9px;
    }
    #orderPageHeader article .orderServicesTableRow a {
        padding: 0;
        min-width: auto;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableRow {
        height: 54px;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell:first-child {
        display: none;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell {
        font-size: 14px;
        height: auto;
        padding-left: 11px;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell .titleCar {
        height: 17px;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell .descCar {
        display: none;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell .notificationsCount {
        top: 0;
        right: 10px;
        bottom: 0;
    }
    #orderPageHeader article #carDropDownList .carDropDownTableCell.arrow {
        height: 54px;
        padding: 0;
    }
    #orderPageContainer #vehicleInfo {
        position: static;
        padding-bottom: 33px;
    }
    #orderPageContainer #vehicleInfo > header {
        position: relative;
        padding-bottom: 34px;
    }
    #orderPageContainer #vehicleInfo > header > h1 {
        padding: 20px 0 27px;
        font-size: 30px;
    }
    #orderPageContainer #vehicleInfo > header > h1 > i {
        padding: 0;
    }
    #orderPageContainer #vehicleInfo #detailView {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        font-weight: 700;
    }
    #orderInfo ul.tabs {
        display: none;
    }
    #orderInfo label.mobileTabSwitch {
        display: block;
        padding: 0 20px;
        background-color: #ccd4d7;
        font-size: 16px;
        font-weight: 700;
        line-height: 51px;
        border-bottom: 1px solid #fff;
        cursor: pointer;
    }
    #orderInfo label.mobileTabSwitch:after {
        content: "";
        clear: both;
        display: table;
    }
    #orderInfo label.mobileTabSwitch span {
        display: inline-block;
        width: calc(100% - 26px);
    }
    #orderInfo label.mobileTabSwitch span:after {
        content: "";
        clear: both;
        display: table;
    }
    #orderInfo label.mobileTabSwitch span i {
        float: right;
        width: 24px;
        height: 24px;
        background-color: #3c465f;
        color: #fff;
        font-style: normal;
        text-align: center;
        line-height: 24px;
        border-radius: 50%;
        font-size: 14px;
        margin: 13px 8px;
    }
    #orderInfo label.mobileTabSwitch i.trigger {
        display: block;
        float: right;
        height: 51px;
        width: 26px;
        padding-top: 6px;
    }
    #orderInfo label.mobileTabSwitch i.trigger:after {
        display: block;
        height: 42px;
        width: 51px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    #orderInfo #tab1Input ~ label[for="tab1Input"] i.trigger:after {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    #orderInfo #tab1Input:checked ~ label[for="tab1Input"] i.trigger:after,
    #orderInfo #tab2Input:checked ~ label[for="tab2Input"] i.trigger:after,
    #orderInfo #tab3Input:checked ~ label[for="tab3Input"] i.trigger:after,
    #orderInfo #tab4Input:checked ~ label[for="tab4Input"] i.trigger:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    #orderInfo div.tabPanel {
        padding: 0;
    }
    #orderInfo div.tabPanel .orderServicesTable {
        padding: 0 20px 20px;
    }
    #orderInfo div.tabPanel section.orderServices .orderServicesTable.firstRow {
        border-top: 0;
    }
    #orderInfo div.tabPanel .ordering .orderServicesTable {
        border: 0;
    }
    #orderInfo div.tabPanel .orderServicesTable.secondRow {
        padding: 7px 20px 15px;
        border: 0;
    }
    #orderInfo div.tabPanel .orderServicesTableRow {
        font-size: 14px;
        line-height: 1;
    }
    #orderInfo div.tabPanel.noOrder .orderServicesTable.secondRow .orderServicesCell {
        padding: 0;
    }
    #orderInfo div.tabPanel .orderServicesTable.secondRow .orderServicesCell input.packageInput + label {
        display: none;
    }
    #orderInfo div.tabPanel .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId {
        display: block;
    }

    #orderInfo div.tabPanel .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId {
        display: block;
        margin: 5px 0 15px 0;
    }
    #orderInfo div.tabPanel .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId > .CaptionCont {
        background-color: #ccd4d7;
        padding: 8px 13px;
        height: 32px;
    }
    #orderInfo div.tabPanel .orderServicesTable.secondRow .orderServicesCell div.SumoSelect.sumo_packageId > .CaptionCont > span {
        font-weight: 700;
    }
    #orderInfo div.tabPanel .descServicesPackage p.desc {
        line-height: 1.2;
        margin-bottom: 25px;
    }
    #orderInfo div.tabPanel section.orderServices .orderServicesTable.firstRow .orderServicesTableRow,
    #orderInfo div.tabPanel section.orderServices .orderServicesTable.secondRow .includedServices .servicesPackageTableRow,
    #orderInfo div.tabPanel section.orderServices .orderServicesTable.orderServicesTableSumm .orderServicesTableRow {
        padding: 5px 0;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .orderServicesTable.thirdRow {
        padding: 9px 18px;
        margin-bottom: 3px;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .tableWrapper .orderServicesCell.select {
        width: 50%;
    }
    #orderInfo section.orderServices .orderServicesTable div.descServicesPackage .tableWrapper .orderServicesCell.price {
        display: none;
    }
    #orderInfo div.tabPanel section.orderServices .orderServicesTableSumm {
        border-bottom: 1px solid #ccd4d7;
        padding: 0 20px 20px;
    }
    #orderInfo div.tabPanel section.orderServices .orderServicesTable.orderServicesTableSumm {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #orderInfo div.tabPanel section.ordering .orderServicesTable.fourthRow {
        padding: 20px 20px 0 20px;
    }
    #orderInfo div.tabPanel .orderServicesTable.fourthRow .orderServicesTableRow,
    #orderInfo div.tabPanel .orderServicesTable.fourthRow .orderServicesCell {
        display: block;
    }
    #orderInfo div.tabPanel .orderServicesTable.fourthRow .orderServicesCell:first-child {
        width: 100%;
    }
    #orderInfo div.tabPanel .orderServicesTable.fourthRow .orderServicesCell:first-child span {
        padding: 2px 0 0;
    }
    #orderInfo div.tabPanel .orderServicesTable.fourthRow .orderServicesCell:last-child {
        width: 100%;
        margin-top: 6px;
        text-align: left;
    }
    #orderInfo section.orderServices .orderDepositTable {
        padding: 0 20px 20px;
    }
    #orderInfo section.orderServices .orderDepositTable p.desc {
        font-size: 14px;
    }
    #orderInfo div.tabPanel .orderLeasing,
    #orderInfo div.tabPanel .orderInsurance {
        padding: 20px 20px 35px 20px;
    }
    #orderInfo div.tabPanel .orderLeasing .orderServicesTableTitle,
    #orderInfo div.tabPanel .orderInsurance .orderServicesTableTitle {
        font-size: 24px;
    }
    #orderInfo section.leasingCalculator .leasingCalculatorForm div.useLeasingSelect {
        padding-left: 20px;
        padding-right: 20px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator {
        padding: 34px 0 40px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator h2 {
        font-size: 22px;
        padding: 0 20px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator div.showLeasingBlock {
        margin: 19px 0 3px;
        line-height: 16px;
        padding: 0 20px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator p.desc {
        padding: 0 20px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .leasingCalculatorTable {
        margin-bottom: 28px;
        padding: 15px 20px 38px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .leasingCalculatorCell {
        width: 100%;
        float: none;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons {
        padding: 13px 20px 9px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.firstRow {
        padding-top: 20px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.firstRow label.button {
        width: 100%;
        margin: 0 0 9px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.secondRow label.button {
        width: calc(50% - 5px);
        margin: 0 0 10px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.secondRow label.button:nth-of-type(odd) {
        margin-right: 5px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.secondRow label.button:nth-of-type(even) {
        margin-left: 5px;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.thirdRow p.desc {
        margin: 10px 0 20px 0;
        padding: 0;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.thirdRow label.button {
        width: calc(25% - 8.5px);
        margin: 0 10px 10px 0;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .buttons.thirdRow label.button:nth-of-type(4n + 4) {
        margin-right: 0;
    }
    #orderInfo div.tabPanel.noOrder section.leasingCalculator .orderTable {
        padding: 18px 20px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo {
        padding: 0 20px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo h2 {
        font-size: 22px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo p {
        margin: 14px 0 24px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow .orderCell {
        padding: 6px 3px;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow:last-child .orderCell:first-child {
        display: block;
        padding: 13px 0;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow.buttons .button {
        width: 100%;
    }
    #orderInfo div.tabPanel.noOrder section.insuranceInfo .orderTableRow.buttons .orderCell:last-child {
        display: block;
        padding: 5px 0;
    }
    #orderInfo div.tabPanel.noOrder div.orderButtons {
        padding: 18px 20px 70px 20px;
    }
    #orderInfo div.tabPanel.noOrder div.orderButtons .buttons {
        margin: 0;
    }
    #orderInfo div.tabPanel .reasonsText {
        padding: 20px;
    }
    #orderInfo div#tab2Panel.tabPanel {
        padding-bottom: 5px;
    }
    #orderInfo div.tabPanel .orderStatus {
        border-top: 0;
    }
    #orderInfo div.tabPanel .orderStatus .statusRow {
        padding: 20px;
        display: block;
        position: relative;
        font-size: 14px;
        line-height: 1.2;
    }
    #orderInfo div.tabPanel .orderStatus .statusRow:last-child {
        border: 0;
    }
    #orderInfo div.tabPanel .orderStatus .dateTime {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 2px;
        text-align: left;
    }
    #orderInfo div.tabPanel .orderStatus .dateTime span {
        display: inline-block;
        margin: 0 0 0 5px;
        font-weight: 700;
    }
    #orderInfo div.tabPanel .orderStatus p.text {
        min-height: auto;
        margin-top: 2px;
    }
    #orderInfo div#tab3Panel.tabPanel {
        padding-bottom: 5px;
    }
    #orderInfo div.tabPanel .orderTextArea form {
        padding: 22px 20px 56px;
    }
    #orderInfo div.tabPanel .orderTextArea textarea {
        height: 100px;
    }
    #orderInfo div.tabPanel #chatMessagesContainer {
        border-top: 0;
    }
    #orderInfo div.tabPanel #chatMessagesContainer > div {
        border-top: 1px solid #ccd4d7;
        border-bottom: 0;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 17px;
    }
    #orderInfo div#tab4Panel.tabPanel {
        padding: 0 0 98px;
    }
    #orderInfo div.tabPanel .orderDocuments {
        border: 0;
        padding-top: 5px;
    }
    #orderInfo div.tabPanel .orderDocuments .orderServicesTableRow {
        padding: 11px 20px;
        display: block;
        margin: 0;
    }
    #orderInfo div.tabPanel .orderDocuments .orderServicesCell {
        display: block;
        width: 100;
        padding-bottom: 1px;
        font-size: 14px;
    }
    #userSettingsPageBackground,
    #bookmarksPageBackground,
    #userSettingsPageBackground:before,
    #bookmarksPageBackground:before {
        background-position: 15% 50%;
    }
    #bookmarksPageHeader,
    #userSettingsPageHeader {
        padding-top: 72px;
    }
    #teslaPageBackground {
        padding-top: 185px;
    }
    #bookmarksPageHeader article,
    #userSettingsPageHeader article {
        padding: 22px 20px 13px;
    }
    #bookmarksPageHeader article h1,
    #userSettingsPageHeader article h1 {
        font-size: 24px;
    }
    #userSettingsPageContainer > div.column.leftColumn {
        padding: 10px 0;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset {
        padding: 0 20px 27px;
        margin-top: 22px;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset.socialNetworks {
        border: 0;
    }
    #userSettingsPageContainer > div.column.leftColumn fieldset > legend {
        font-size: 14px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons {
        padding-top: 15px;
    }
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label,
    #userSettingsPageContainer p.searchAgentEmailFrequency.buttons label:nth-child(odd) {
        width: 100%;
        margin: 0 0 10px;
    }
    #userSettingsPageContainer p {
        padding: 5px 0 0px;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label,
    #userSettingsPageContainer p.showPackagePrices.buttons label {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    #userSettingsPageContainer p.sendBookmarkPriceChangeEmail.buttons label:last-child,
    #userSettingsPageContainer p.showPackagePrices.buttons label:last-child {
        margin-bottom: 0;
    }
    #userSettingsPageContainer fieldset.socialNetworks > p {
        margin-bottom: 32px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table {
        display: block;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell {
        width: auto;
        padding: 0;
        display: block;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell:last-of-type {
        clear: both;
        width: 100%;
        padding: 17px 0 9px;
    }
    #userSettingsPageContainer fieldset.socialNetworks div.table-cell p {
        padding: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn {
        padding: 40px 0 59px;
    }
    #userSettingsPageContainer > div.column.rightColumn p.desc {
        margin: 9px 0;
        padding: 0 20px;
    }
    #userSettingsPageContainer > div.column.rightColumn div.row {
        margin-top: 20px;
        padding: 0 20px;
    }
    #userSettingsPageContainer > div.column.rightColumn button {
        margin: 15px 20px 0 20px;
        width: calc(100% - 40px);
    }
    #userSettingsPageContainer > div.column.rightColumn .block {
        padding: 11px 20px;
    }
    #userSettingsPageContainer > div.column.rightColumn .block h3 {
        font-size: 14px;
    }
    #userSettingsPageContainer > div.column.rightColumn .block .wrapper {
        padding-bottom: 28px;
    }
    #userSettingsPageContainer > div.column.rightColumn .block p {
        margin: 13px 0;
        padding: 0;
    }
    #userSettingsPageContainer > div.column.rightColumn .block div.row {
        padding: 0;
    }
    #userSettingsPageContainer > div.column div.buttons {
        margin-top: 6px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow {
        padding: 25px 0 9px;
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label:nth-of-type(5n + 5) {
        width: calc(50% - 4px);
        margin-bottom: 8px;
        margin-right: 0;
        height: 34px;
        padding: 9px 0;
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="8"] .filterCarsStepInfoRow input + label:nth-of-type(odd) {
        margin-right: 8px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="13"] .content > div.likeButtons input + label {
        float: none;
        width: 100%;
        margin: 0 0 11px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] .button {
        padding: 0;
        font-size: 14px;
    }
    #modalPopUp.insuranceOffer div.modalBody {
        padding: 60px 0;
        font-size: 14px;
        line-height: 1.3;
    }
    #modalPopUp.insuranceOffer div.modalBody h2 {
        font-size: 30px;
        padding: 0 20px 11px;
    }
    #modalPopUp.insuranceOffer div.modalBody p.info {
        padding: 0 20px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow {
        padding: 20px 0 18px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow h3 {
        padding: 0 20px 10px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow .tableInfo {
        padding: 0 0 19px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow p.table {
        display: block;
        margin-bottom: 10px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow p.table span.table-cell {
        display: block;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow p.table span.table-cell:first-child,
    #modalPopUp.insuranceOffer div.modalBody .tableRow p.table span.table-cell:last-child {
        width: 100%;
        padding-top: 1px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow .tableDataHeader {
        display: none;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow .tableDataRow {
        border-width: 1px 0 0;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow .tableDataRow:last-child {
        border-bottom-width: 1px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow span.table-cell,
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell {
        width: 100% !important;
        display: block;
        position: relative;
        padding: 0 20px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:after {
        content: "";
        clear: both;
        display: block;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell:nth-child(1) {
        font-size: 16px;
        font-weight: 700;
        padding: 5px 20px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableCasco div.table-cell:nth-child(1n + 2),
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance div.table-cell:nth-child(1n + 2) {
        text-align: right;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableCasco .collapse div.table-cell:nth-child(1n + 2),
    #modalPopUp.insuranceOffer div.modalBody .tableRow #tableInsurance .collapse div.table-cell:nth-child(1n + 2) {
        height: 28px;
        opacity: 1;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell i {
        display: inline-block;
        position: absolute;
        width: 38px;
        height: 32px;
        right: 0;
        top: -2px;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell i:after {
        width: 100%;
        height: 100%;
        display: block;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow .collapse div.table-cell i:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell span {
        display: block;
        float: left;
    }
    #modalPopUp.insuranceOffer div.modalBody .tableRow div.table-cell span.orange {
        float: right;
    }
    #bookmarksList article.row > div.mainCol a.bookmarkButton {
        width: 50px;
        height: 50px;
        background-size: 30px;
    }
    #bookmarksList article.row > div.mainCol a.bookmarkButton.loading:after {
        width: 30px;
        height: 30px;
    }
    #userHomeHeader div.listWrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    #userHomeHeader div.listWrapper h1,
    #userHomeHeader div.listWrapper.topCarsList h1,
    #userHomeHeader div.listWrapper.myFavoritesList h1 {
        font-size: 24px;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .topCarInfo,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .topCarInfo {
        padding-top: 11px;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers {
        width: 70px;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore {
        font-size: 13px;
        padding-bottom: 0;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore > i,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore > i {
        margin-bottom: 3px;
    }
    #userHomeHeader div.listWrapper.topCarsList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore > span,
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .stickers .stickersWrapper.highScore > span {
        font-size: 32px;
        margin-top: -5px;
    }
    #userHomeHeader div.listWrapper.myFavoritesList h1,
    #userHomeHeader div.listWrapper.myFavoritesList .leftColumn:first-child h1 {
        margin-bottom: 1%;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow ul {
        padding: 8px 0 0;
        display: block;
    }
    #userHomeHeader div.listWrapper.myFavoritesList .topCarsRow li.topCarCol .topCarsBoxWrapper .topCarInfo {
        padding-top: 10px;
    }
    #modalPopUp.userAgentHelp div.modalBody,
    #modalPopUp.userAgentZeroCars div.modalBody {
        min-height: 100vh;
        padding: 96px 20px;
    }
    #modalPopUp.orderConfirmation div.modalBody p.notabene.show {
        height: 45px;
        padding-top: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody p.notabene {
        font-size: 12px;
        padding: 0;
        line-height: 1.4;
    }
    #modalPopUp.orderConfirmation div.modalBody fieldset > div.double,
    #modalPopUp.orderConfirmation div.modalBody fieldset > div.double:nth-child(even) {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #modalPopUp.orderConfirmation div.modalBody fieldset > div.single,
    #modalPopUp.orderConfirmation div.modalBody fieldset > div.double {
        margin-bottom: 10px;
    }
    #modalPopUp.orderConfirmation div.modalBody section.addressArea div.row {
        margin: 0 0 10px 0;
    }
    #modalPopUp div.modalBody section.addressArea div.row,
    #modalPopUp div.modalBody section.addressArea div.row.postal,
    #modalPopUp div.modalBody section.addressArea[data-country="1"] div.row.addr,
    #modalPopUp div.modalBody section.addressArea[data-country="1"] div.row.city,
    #modalPopUp div.modalBody section.addressArea[data-country="2"] div.row.addr,
    #modalPopUp div.modalBody section.addressArea[data-country="2"] div.row.parish,
    #modalPopUp div.modalBody section.addressArea[data-country="2"] div.row.city,
    #modalPopUp div.modalBody section.addressArea div.row.country,
    #modalPopUp div.modalBody section.addressArea[data-country="1"] div.row.addr2,
    #modalPopUp div.modalBody section.addressArea[data-country="1"] div.row.county,
    #modalPopUp div.modalBody section.addressArea[data-country="2"] div.row.addr2,
    #modalPopUp div.modalBody section.addressArea[data-country="2"] div.row.county {
        float: none;
        width: 100%;
        clear: both;
    }
    #contentPageHeader div.contentWrapper article {
        font-size: 14px;
    }
    #contentPageHeader div.contentWrapper article h1 {
        font-size: 24px;
    }
    #contentPageBody #c10 article.info div.content ul li {
        text-align: center;
    }
    #contentPageBody #c10 article.info div.content ul li,
    #contentPageBody #c10 article.info div.content ul li:nth-child(2n) {
        padding-left: 0;
    }
    #contentPageBody #c10 article.info div.content ul li:before {
        position: relative;
        margin: 0 auto 15px auto;
    }
    #contentPageBody section.contentPageBlock article.info,
    #contentPageBody #c8 article.info,
    #contentPageBody #c9 article.info h1 > span,
    #contentPageBody #c12 article.info,
    #contentPageBody #c15 article.info,
    #contentPageBody div.sectionGroup section.contentPageBlock article.info,
    #contentPageBody #c19 article.info {
        font-size: 14px;
    }
    #contentPageBody section.contentPageBlock article.info h1,
    #contentPageBody #c9 article.info h1,
    #contentPageBody #c13 article.info h1 {
        font-size: 24px;
    }
    #contentPageBody #c14 article.info h2.titleStyle1 {
        margin-top: 40px;
        margin-bottom: 30px;
        padding-left: 80px;
        font-size: 22px;
    }
    #contentPageBody #c14 article.info h2.titleStyle1 span.titleStyle1Span {
        font-size: 14px;
    }
    #contentPageBody #c14 article.info h2.titleStyle1:before {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
    }
    #contentPageBody #c14 article.info div.content p,
    #contentPageBody #c15 article.info div.content p {
        margin: 0 0 20px 0;
    }
    #contentPageBody div.sectionGroup section.contentPageBlock article.info::before,
    #contentPageBody #c19 article.info::before {
        float: none;
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }
    #contentPageBody div.sectionGroup section.contentPageBlock article.info h1,
    #contentPageBody #c19 article.info h1 {
        margin-left: 0;
    }
    #contentPageBody div.sectionGroup section.contentPageBlock article.info div.content p:first-child,
    #contentPageBody #c19 article.info div.content p:first-child {
        margin-left: 0;
    }
    #blogPosts article.post h2,
    #blogPostsList li .title {
        font-size: 20px;
    }
    #blogPosts article.post time,
    #blogPosts article.post a.readMore,
    #blogPostsList li .time {
        font-size: 15px;
    }
    #blogPosts article.post div.container,
    #blogPostsList li div.container {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
    #blogPostPageBody {
        font-size: 14px;
    }
    #blogPostsBlock h1,
    #blogIndexPage #blogPageBackground div.headerContainer h1,
    #blogPostPageBody header h1 {
        font-size: 24px;
    }
    #blogIndexPage #blogPageBackground div.headerContainer p.intro,
    #blogPostPageBody footer time,
    #blogPostPageBody div.intro,
    #blogPostPageBody div.content h2 {
        font-size: 16px;
    }
    #blogPostPage #blogPageBackground div.contentWrapper {
        padding-bottom: 130px;
    }
    #footer {
        min-height: 644px;
    }
    #footer section.contact div.table p span br {
        display: inline-block;
    }
} /* 480 */
@media (max-width: 440px) {
    #newCarsBlock article div.title {
        padding-top: 47%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons .button {
        font-size: 14px;
    }
}
@media (max-width: 430px) {
    #container {
        padding-bottom: 640px;
    }
    #footer {
        min-height: 640px;
    }
}
@media (max-width: 340px) {
    #container {
        padding-bottom: 660px;
    }
    #newCarsBlock article div.text {
        font-size: 15px;
        letter-spacing: 1px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons .button.longText {
        font-size: 13px;
    }
    #footer {
        min-height: 660px;
    }
}
@media (max-width: 320px) {
    body {
        width: 320px;
    }
    #homeAboutSkautBlock div.container ul li {
        margin: 0 14px 5px;
    }
    #homeAboutSkautBlock div.container ul li:nth-child(1) {
        margin-left: 0;
    }
    #homeAboutSkautBlock div.container ul li:nth-child(2) {
        margin-right: 0;
    }
    #userSearchBlock section.mySkaut ul li:nth-child(odd) {
        float: left;
    }
    #userSearchBlock section.mySkaut ul li:nth-child(even) {
        float: right;
    }
} /* 320 */

@media (max-height: 1100px) {
    #modalPopUp.vehiclePreview {
        height: 760px;
    }
    #modalPopUp.vehiclePreview div.modalBody {
        padding: 7% 4%;
        line-height: 1.1;
    }
    #modalPopUp.vehiclePreview div.modalBody div.mainInfo h1 {
        margin: 0 0 4% 0;
    }
    #modalPopUp.vehiclePreview div.modalBody div.mainInfo ul.specTable > li {
        height: 43px;
        padding: 4px 0 0 0;
    }
    #modalPopUp.vehiclePreview div.modalBody div.mainInfo div.priceInfo {
        margin: 6% 0 8% 0;
    }
    #modalPopUp.vehiclePreview div.modalBody div.otherInfo div.buttons {
        margin: 0.5% 0 0 0;
    }
    #modalPopUp.vehiclePreview div.modalBody .terms {
        bottom: 5%;
    }
} /* max-height 1100 */

/** For landscape display resolution */
@media (max-height: 864px) and (min-width: 649px) and (orientation: landscape) {
    #filterCars {
        font-size: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep {
        padding-top: 3%;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content {
        padding-top: 0 !important;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .sliderRegulator {
        padding-top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow {
        margin: 4px 0 0;
        font-size: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow input + label {
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons {
        margin: 0;
    }
} /* 1152 x 864 , 1024 x 768 */
@media (max-height: 768px) and (min-width: 649px) and (orientation: landscape) {
    #filterCars {
        padding-left: 5%;
        padding-right: 5%;
        font-size: 15px;
    }
    #filterCars .matchedCarsText {
        font-size: 22px;
        line-height: 0.9;
    }
    #filterCars .filterCarsWrapper .filterCarsStep {
        padding-top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep h2 {
        font-size: 30px;
        line-height: 1;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] h2,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="14"] h2 {
        font-size: 36px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content {
        padding-top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep p {
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox p {
        padding: 10px 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] .sliderRegulator {
        margin-bottom: 281px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .sliderRegulator {
        padding-top: 10px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox.firstRow {
        height: 166px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox.secondRow,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="2"] #ageSlider ~ .filterCarsStepInfoRow .filterCarsStepInfoBox.d {
        height: 300px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect {
        margin-bottom: 36px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox p {
        padding: 10px 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow {
        margin: 10px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow .table-cell {
        padding: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow input + label {
        font-size: 16px;
        width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label {
        height: 98px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow.second {
        margin-bottom: 28px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .SumoSelect ul {
        height: 160px;
    }
} /* 1280 x 768/720 , 1024 x 768 */
@media (max-height: 600px) and (min-width: 649px) and (orientation: landscape) {
    #filterCars {
        font-size: 14px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .content {
        padding-top: 0 !important;
    }
    #filterCars .filterCarsWrapper .filterCarsStep p {
        line-height: 1.3;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="0"] ul {
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox {
        padding: 10px 40px;
        margin-bottom: 4px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox h3 {
        margin: 0;
        font-size: 13px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .deepbluebox p {
        padding-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator {
        padding-bottom: 22px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="1"] .sliderRegulator {
        margin-bottom: 50px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="3"] .sliderRegulator,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="7"] .sliderRegulator {
        padding-top: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator .slider.slider-horizontal {
        margin-top: 37px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .sliderRegulator .tooltip .tooltip-inner {
        line-height: 28px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect {
        padding-top: 10px;
        margin-bottom: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label {
        height: 354px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label span,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label span {
        padding: 10px 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="5"] div.fuelTypeSelect input + label ul,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="6"] div.gearboxTypeSelect input + label ul {
        margin: 10px 0;
        padding-left: 37px;
        padding-right: 16px;
    }
    #filterCars .filterCarsWrapper .filterCarsStepInfoRow .filterCarsStepInfoBox p {
        font-size: 13px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="9"] .filterCarsStepInfoRow {
        margin: 4px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow {
        padding: 10px 0 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow.second {
        padding: 0;
        margin: 0;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow input + label {
        height: 80px;
        overflow: hidden;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] .filterCarsStepInfoRow label svg {
        height: 50px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeAudi"] svg {
        width: 60px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeBMW"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeMB"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeVW"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeVolvo"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSeat"] svg {
        width: 34px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeFord"] svg {
        width: 64px;
        height: 80px;
        top: -4px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeOpel"] svg {
        width: 42px;
        top: 1px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeChrysler"] svg {
        width: 81px;
        height: 80px;
        top: -13px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeHonda"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeLexus"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makePeugeot"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makePorsche"] svg {
        top: 2px;
        width: 36px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeLandRover"] svg,
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSaab"] svg {
        height: 55px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeSkoda"] svg {
        height: 68px;
        top: -5px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep[data-step="11"] label[for="makeToyota"] svg {
        width: 39px;
    }
    #filterCars .filterCarsWrapper .filterCarsStep .buttons {
        margin: 0;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination {
        line-height: 0.9;
    }
    #filterCars .filterCarsWrapper #filterCarsPagination span {
        font-size: 24px;
    }
} /* 1200 x 600 , 1024 x 600 */

@media (-webkit-min-device-pixel-ratio: 2),
    (min--moz-device-pixel-ratio: 2),
    (-o-min-device-pixel-ratio: 2/1),
    (min-device-pixel-ratio: 2),
    (min-resolution: 192dpi),
    (min-resolution: 2dppx) {
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11.jpg);
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-1920px.jpg);
    }
    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-1920px.jpg);
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1680px),
    (min--moz-device-pixel-ratio: 2) and (min-width: 1680px),
    (-o-min-device-pixel-ratio: 2/1) and (min-width: 1680px),
    (min-device-pixel-ratio: 2) and (min-width: 1680px),
    (min-resolution: 192dpi) and (min-width: 1680px),
    (min-resolution: 2dppx) and (min-width: 1680px) {
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11-4k.jpg);
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-4k.jpg);
    }

    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-4k.jpg);
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px),
    (min--moz-device-pixel-ratio: 2) and (max-width: 640px),
    (-o-min-device-pixel-ratio: 2/1) and (max-width: 640px),
    (min-device-pixel-ratio: 2) and (max-width: 640px),
    (min-resolution: 192dpi) and (max-width: 640px),
    (min-resolution: 2dppx) and (max-width: 640px) {
    #guestHomeHeader:before {
        background-image: url(/assets/images/guest-header-bg11-1280px.jpg);
    }
    #userHomeHeader:before {
        background-image: url(/assets/images/user-header-bg2-1280px.jpg);
    }
    #teslaPageBackground:before {
        background-image: url(/assets/images/tesla-header-bg-1280px.jpg);
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px),
    (min--moz-device-pixel-ratio: 2) and (max-width: 480px),
    (-o-min-device-pixel-ratio: 2/1) and (max-width: 480px),
    (min-device-pixel-ratio: 2) and (max-width: 480px),
    (min-resolution: 192dpi) and (max-width: 480px),
    (min-resolution: 2dppx) and (max-width: 480px) {
    #guestHomeHeader {
        background-image: url(/assets/images/guest-header-bg11-960px.jpg);
    }
    #userHomeHeader {
        background-image: url(/assets/images/user-header-bg2-960px.jpg);
    }
    #teslaPageBackground {
        background-image: url(/assets/images/tesla-header-bg-960px.jpg);
    }
    #guestHomeHeader:before,
    #userHomeHeader:before,
    #teslaPageBackground:before {
        background: none;
        display: none;
    }
}