@media (max-width: 330px) {
    .logo-col {
        padding-left:1.4em
    }

    .phone-container {
        padding-left: .5em;
        padding-right: .5em
    }

    header .messengers a img {
        width: 32px;
        height: 32px
    }

    .callback_open {
        padding: 2px 7px
    }

    header .container {
        padding: 15px 0
    }

    .vidacha::before,.vozvrat::before {
        font-size: 12.9px!important
    }

    .form-wrapper {
        padding: 0!important
    }

    .footer-item {
        padding-left: 2em!important
    }

    .phonn {
        padding-right: 1.5em
    }

    .advantages-bg .mbottom20,.container.mbottom20 {
        width: 100%
    }
}

@media (min-width: 320px) and (max-width:570px) {
    .akcii-mobile .akcii-item2,.akcii-mobile .akcii-item3 {
        margin-bottom:1em
    }

    .akcii-mobile .akcii-item2 .price p {
        line-height: 1!important;
        margin-bottom: 0!important
    }

    #modal_form #modal_close,.modal_form .modal_close {
        right: 30px;
        top: 40px
    }

    .container {
        width: 90%
    }

    .container.video-container {
        width: 95%!important
    }

    .video-container {
        padding: 0!important
    }

    #footer .phone {
        font-size: 31px!important;
        display: block
    }

    .slick-prev {
        left: -18px!important;
        top: 50%!important
    }

    .slick-next {
        right: -18px!important;
        top: 50%!important
    }

    .slick-next:hover,.slick-prev:hover {
        background-color: transparent!important
    }

    .contacts {
        padding-left: 1em
    }

    .card.news {
        margin: .5em!important
    }

    .car-list .slick-next,.car-list .slick-prev {
        top: 100%!important;
        transform: translateY(-10%)
    }

    .car-list .slick-prev {
        left: 5%!important
    }

    .car-list .slick-next {
        right: 5%!important
    }

    #btn-pay-online .link-text {
        padding: 9px!important
    }

    .codes p {
        line-height: 40px
    }

    .grey-row,.share-row,.yellow-row {
        padding: 2em 0
    }

    .grey-row,.yellow-row {
        padding: 1em;
        font-size: 15px
    }
}

@media (max-width: 380px) {
    #btn-pay-online .link-text {
        font-size:11px!important
    }

    .dopinfo li {
        align-items: baseline
    }

    .dopinfo>li:first-child {
        align-items: center!important
    }

    .filter-times1 .filter__time {
        padding: 0!important
    }

    .dopinfo li .title,.error {
        font-size: 12px!important
    }

    .nav .tab {
        width: 120px!important
    }

    .add_filter-mobile .item-add {
        font-size: .7em!important
    }

    .mobile-etapi {
        font-size: 1em!important
    }

    .modal_form .modal_close {
        top: 92%;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width: 570px) {
    .button-block .button1,.nav .tab {
        margin-bottom:1em
    }

    .pricedata .tableheader {
        width: 90%;
        margin-left: 5%;
    }

    .pano .row-button,.taxi-data .pricedata .tableheader {
        text-align: center
    }

    .avto-post.post p,.textsection {
        text-align: justify
    }

    .button-block .button1,.button-block .button2 {
        display: block;
        width: 100%
    }

    .button1 {
        display: block;
        margin-right: 0!important;
        width: 220px
    }

    .button-block .lang_link {
        display: flex;
        justify-content: center
    }

    .gl-title,h1 {
        padding: 0 1em
    }

    .nav .tab {
        padding: 12px;
        width: 150px
    }

    .tabs .pano {
        padding: 1em
    }

    .bron {
        width: 90%
    }

    .icon-block {
        display: none
    }

    .dopinfo {
        width: 100%;
        padding-left: 0
    }

    .error {
        font-size: 15px
    }

    #footer .messengers a img {
        width: 35px!important;
        height: 35px!important
    }

    #footer .callback_open {
        font-size: .8rem!important;
        padding: 9px!important
    }

    footer .codes p {
        line-height: 2.1em
    }

    .akcii a.button {
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -ms-transform: translateY(200px);
        -o-transform: translateY(200px)
    }

    .coHIFY,.elfsight-app-35243cda-d617-4a6a-987f-3dc94be022cb {
        padding: 0!important
    }
}

@media (min-width: 420px) and (max-width:570px) {
    .akcii .flip-clock-wrapper ul li {
        line-height:59px!important
    }

    .akcii-item3 a {
        transform: translateY(180%);
        -webkit-transform: translateY(180%);
        -moz-transform: translateY(180%);
        -ms-transform: translateY(180%);
        -o-transform: translateY(180%)
    }
}

@media (min-width: 420px) and (max-width:767px) {

    .container {
        width: 90%
    }

    .akcii .flip-clock-wrapper {
        margin:1em auto!important
    }

    .akcii-mobile .flip-clock-wrapper {
        margin-top: 0!important
    }

    .akcii-mobile .akcii-descr p {
        font-size: 1.4em!important;
        margin-bottom: 1.5em
    }

    #footer .container {
        width: 100%
    }

    .docs-gl,.payments {
        width: 50%
    }

    .payments {
        margin-bottom: 0!important;
        display: block;
        text-align: center
    }

    footer .codes p {
        font-size: 150%
    }

    .codes {
        width: 25%!important
    }

    footer .logo {
        height: 65px
    }

    footer .phone {
        /* font-size: 58px !important; */
        display: block;
        /*line-height: 2rem;*/
        margin: .4em 0;
    }

    #btn-pay-online .link-text {
        font-size: 9px!important;
        padding: 15px
    }

    .payments img,.payments svg {
        margin-bottom: 1em!important;
        width: 54px;
        height: 54px
    }

    .contacts {
        margin-left: .5em
    }

    footer .docs a {
        font-size: 11px
    }

    footer .bt {
        align-items: center
    }

    .date-time-bar p {
        left: 2em
    }
}

@media (max-width: 450px) {
    .akcii-mobile .price {
        margin-bottom:1em
    }

    .search .bt1 svg {
        width: 24px;
        height: 24px
    }

    .search-panel {
        width: 100%!important
    }

    .akcii-desktop .akcii-item2 p {
        font-size: 19px!important;
        text-align: center!important;
        transform: translateY(-32%)!important;
        -webkit-transform: translateY(-32%)!important;
        -moz-transform: translateY(-32%)!important;
        -ms-transform: translateY(-32%)!important;
        -o-transform: translateY(-32%)!important
    }

    .akcii-mobile .baseline {
        align-items: baseline;
        display: flex
    }

    .button-block {
        flex-wrap: wrap-reverse
    }

    .button-block .lang_link {
        margin-top: 0;
        margin-bottom: 2em
    }

    .bron .date-time-bar p {
        left: .5em!important
    }

    .akcii-item3 a {
        transform: translateY(40%)!important;
        -webkit-transform: translateY(40%)!important;
        -moz-transform: translateY(40%)!important;
        -ms-transform: translateY(40%)!important;
        -o-transform: translateY(40%)!important
    }

    .car-options-mobile,.car-review-slider,.car-review-slider .slick-active .card-back {
        padding: 0
    }

    .testimonials .gl-title {
        padding-bottom: 0!important
    }

    .car-review-slider .card-header .mb-0 {
        font-size: 17px
    }

    .pohozhie .car-home .card-header a {
        font-size: .7rem
    }

    .zalog_title .tooltip:hover::after {
        left: -200%
    }

    .subscribe .btn-main,.subscribe h2 {
        width: 100%
    }

    .subscribe .custom-title__h2 {
        text-align: center
    }

    .subscribe {
        background-color: #eeeded;
        padding: 2em 0
    }

    .pricedata .pr_l,.pricedata .pr_r {
        font-size: .9rem;
        padding: 0 5px
    }
}

@media (max-width: 670px) {
    .content-block {
        padding-left:0!important;
        text-align: center
    }

    .custom-content h2 {
        justify-content: center!important;
        text-align: center!important
    }

    .card.car-home {
        margin: 30px!important
    }

    .textsection h2 {
        font-size: 1.2rem!important
    }

    .textsection h3 {
        font-size: 1rem!important
    }

    .testimonials .gl-title:after {
        margin-bottom: 0!important
    }

    #modal_faq.modal_form .modal_inputs textarea {
        height: 120px!important;
        margin-bottom: 1em
    }

    #modal_faq .modal_inputs {
        padding: 0!important
    }

    #modal_form,.modal_form {
        max-width: 420px
    }

    .wpcf7-form,.wpcf7-submit.btn-main {
        width: 90%;
        margin: 0 auto
    }

    .date-time-bar {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .date-time-bar p {
        margin-right: -3em;
        position: absolute
    }

    #carsquery .adds {
        font-size: 1em
    }

    .flip-clock-wrapper {
        display: flex;
        justify-content: center;
        width: 100%!important
    }
}

@media (max-width: 767px) {
    .bron .mobile-etapi.adds,.content-area2,.mores,.subscribe .modal_inputs .wpcf7-not-valid-tip {
        position:relative
    }

    .added a,.b-grey a,.mobile-etapi {
        color: #f7f7f7
    }

    #more,.b-grey a {
        text-decoration: underline
    }
    
    .car-single-slider .item.slick-slide{
        margin: 30px!important
    }

    .add_filter-mobile .item-add.added,.mobile-etapi.adds a img {
        opacity: 1;
        visibility: visible
    }

    .bron #callback .rekv label,.bron #callback .textarea label {
        font-weight: 600;
        padding-right: 0!important
    }

    #back-top,.akcii-desktop,.subscribe .desktop {
        display: none!important
    }

    .akcii-mobile .akcii-descr p {
        font-weight: 700!important;
        font-size: 1.1em;
        font-family: Roboto-Bold,sans-serif!important
    }

    .akcii-mobile .akcii-item2 {
        transform: translateY(-3%)!important;
        -webkit-transform: translateY(-3%)!important;
        -moz-transform: translateY(-3%)!important;
        -ms-transform: translateY(-3%)!important;
        -o-transform: translateY(-3%)!important
    }

    .akcii-mobile a.button {
        padding: 1.2em!important;
        font-size: 22px!important
    }

    .akcii-mobile .backgrounds {
        min-height: 630px
    }

    .akcii-mobile .mobile-button {
        transform: translateY(30%);
        -webkit-transform: translateY(30%);
        -moz-transform: translateY(30%);
        -ms-transform: translateY(30%);
        -o-transform: translateY(30%)
    }

    .akcii-mobile .big-title {
        font-size: 2em!important;
        width: 100%!important;
        transform: translateY(-30%)
    }

    .sotr .sotr__form {
        flex-flow: column
    }

    .sotr .sotr__form h3:first-child {
        margin-bottom: .5rem!important
    }

    #rent_steps,.bron .add_filter,.bron .date-time-bar::before,.car-options-ipad,.car-options-mobile p.table-header,.car-title span,.heads .facebook-messenger,.mobile_panel,.padd .filter,.search .bt1 p,.techdata p.table-header,.techdata-ipad {
        display: none
    }

    #period_150 .daysTotal .title span,#period_350 .daysTotal .title span,.auto .table-header,.bron .add_filter-mobile,.bron .pano .adds,.car-single .car-data-buttons,.filter.panel.active .padd,.heads .phone-icon,.padd,.wpcf7-form,p.mobile {
        display: block
    }

    .bron .nav,.car-data,.car-data-buttons,.currency-container {
        padding: 0
    }

    .content-area {
        /* max-height: 350px;
        overflow: hidden */
    }

    .content-area2 {
        /* max-height: 500px;
        overflow: hidden */
    }

    #more {
        text-align: center;
        /* position: absolute;
        left: 50%;
        transform: translateX(-50%); */
        padding-top: 1em;
        /* -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%) */
    }

    .mores #more {
        padding-top: 0;
        padding-bottom: 1em;
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .item.day {
        margin-top: 1.5em!important
    }

    .daysTotal {
        align-items: baseline
    }

    .daysTotal .price {
        font-size: 16px!important
    }

    .daysTotal:after {
        height: .91em!important
    }

    .mobile_filter {
        justify-content: flex-start
    }

    .summary .add_filter ul li {
        text-align: left!important
    }

    .akcii .price .bigg,.social-buttons img:last-child,.sotr .row-1 {
        margin-right: 0
    }

    #subscribe .modal_submit,#wpcf7-f2636-p139-o1 .wpcf7-form,.advantages-bg .mbottom20,.container.mbottom20,.pano .dopinfo {
        width: 100%
    }

    #wpcf7-f2636-p139-o1 .wpcf7-submit.btn-main {
        max-width: 100%;
        width: auto
    }

    .car-data-buttons .car-buttons,.car-home .card-body,.car-list .car-title,.car-pricing {
        justify-content: center
    }

    .pr_l,.pr_r {
        text-align: end
    }

    .car-single,.faq-set,.mobile-etapi,.rate-container p,.textsection h2,p.mobile, .entry-content h2 {
        text-align: center
    }

    .auto .padd .filter-sett,.bron .padd .filter-sett,.filter.panel.active .padd .filter-sett,.padd .filter-sett {
        margin-bottom: .5em
    }

    .mobile_filter {
        display: flex;
        font-family: Roboto-Regular;
        height: 4em;
        font-size: .9em;
        padding: 0 0 0 2em!important;
        margin: 0 0 1em!important;
        align-items: center!important
    }

    .bold,.mobile-etapi span,.pano .zalog_title,p.mobile {
        font-family: Roboto-Bold
    }

    .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
        color: transparent;
        outline: 0;
        background: #eae9e9
    }

    .car-review-slider .slick-active .card-back {
        height: 350px
    }

    .akcii a.button {
        padding: 1em;
        width: 100%;
        font-size: 18px
    }

    .subscribe .mobile {
        display: flex;
        justify-content: center
    }

    .akcii-wrapper {
        background: 0 0!important;
        padding: 1em;
        min-height: 600px
    }

    p.mobile {
        margin-top: 1em;
        font-size: 19px
    }

    .akcii .akcii-item2 {
        justify-content: center!important
    }

    .akcii .container {
        background-size: cover!important;
        background-position-y: bottom!important
    }

    .akcii .block-timer {
        margin-left: -.5em
    }

    .akcii .flex-center {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .akcii-item3 a {
        transform: translateY(20%);
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%)
    }

    .akcii .price,.akcii-item3 {
        transform: translateY(-25px);
        justify-content: center
    }

    .akcii .big-title {
        width: 200px;
        margin: .5em auto;
        font-size: 1.7em
    }

    .akcii .flip-clock-wrapper ul li {
        line-height: 45px!important
    }

    .bron .item-auto,.contact-page .row .col,.pano .mobile-block .btn-group,.subscribe .email-input {
        margin-bottom: 1em
    }

    .subscribe .email-col .flex-center {
        flex-wrap: wrap
    }

    .contact-page .info-col {
        flex: 1 1 50%
    }

    .contact-page .big-title {
        font-size: calc(1rem + .9vw)
    }

    .contact-page .maps {
        height: 400px!important
    }

    .contact-page .title {
        font-size: .75em
    }

    .contact-page .item,.zalog_title {
        font-size: .8rem
    }

    .appsicons .menu-burger__header {
        margin-left: 0!important
    }

    .appsicons .header__nav.active {
        top: 40px;
        width: 100%
    }

    .icon-phone2:before {
        font-weight: 700;
        font-size: 12px
    }

    .car-main-slider .slick-next:focus,.car-main-slider .slick-next:hover,.car-main-slider .slick-prev:focus,.car-main-slider .slick-prev:hover,.car-review-slider .slick-next:focus,.car-review-slider .slick-next:hover,.car-review-slider .slick-prev:focus,.car-review-slider .slick-prev:hover {
        background-color: transparent!important
    }

    .video-container .video-wrapper iframe {
        height: 250px!important
    }

    .mobile-fluid {
        width: 95%!important;
        margin: 0 auto
    }

    .car-info .car_options {
        display: none;
        padding: 0 1.5em
    }

    /* .car-single-slider .slick-next,.car-single-slider .slick-prev {
        top: 110%!important
    } */

    .car-review-slider .slick-next,.car-review-slider .slick-prev,.news-main-slider .slick-next,.news-main-slider .slick-prev {
        top: 90%!important
    }

    .car-single .slick-dots {
        position: absolute;
        bottom: -20px
    }

    .car-review-slider .slick-dots {
        bottom: -4px
    }

    .car-single .car-data-buttons a,.car-single .car-data-buttons button {
        width: 100%;
        margin-bottom: 1em
    }

    .car-single .slider-nav-thumbnails,.tabs .pano {
        padding: 0!important
    }

    .testimonials .btn-main {
        width: 95%
    }

    .car-single .slider-nav-thumbnails .slick-track {
        justify-content: flex-end;
        display: flex
    }

    .car-data.single {
        padding: 1em 10px
    }

    .faq-set {
        display: block
    }

    .faq-btn {
        margin: auto!important;
        padding: 1.5rem
    }

    .faq-accordion {
        margin: .4em 0;
        padding: 18px 29px 18px 18px
    }

    .news-main-slider .slick-dots {
        bottom: 6%;
    }

    .car-allclass a.text {
        text-decoration: none;
        font-size: 14px
    }

    .textsection h2 {
        font-size: 1rem;
        display: block
    }

    .price_title_col.probeg,.textsection h3 {
        font-size: .85rem
    }
    .entry-content h2 {
        display: block;
    }
    .textsection h2::after, .contact-page h2::after,
    .entry-content h2::after {
        width: 50px!important;
        display: block;
        margin: 1em auto
    }

    .advantages-bg {
        padding-bottom: 2rem;
        padding-top: 2rem
    }

    .advantages-bg .item {
        margin: 1.5% 0;
        padding: 1rem 10px
    }

    .car-home .card-body span {
        margin-left: 1em;
        margin-right: .1rem
    }

    .form-data-selecter {
        display: block!important
    }

    .yellow-btn {
        width: 77.5%
    }

    .dtb__render {
        justify-content: flex-end
    }

    .dtb__render>div {
        width: 39%!important
    }

    .butt {
        justify-content: flex-end;
        display: flex;
        margin-top: .5em
    }

    .heads {
        padding: .7em!important;
        width: 100%
    }

    .top-head {
        padding: .5em;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    .filter__time {
        padding: 1em!important;
        width: 100%
    }

    .payments {
        margin-bottom: 2em
    }

    .car-data.single li, .car-list li{
        margin-bottom: 2px;
    }

    .google-rate {
        margin-bottom: 0
    }

    .rate-container {
        padding-left: 0!important
    }

    .google-rate {
        justify-content: center
    }

    #btn-pay-online .link-text {
        font-size: 12px
    }

    .social-buttons img {
        width: 50px;
        height: 50px;
        margin-right: 2em
    }

    .social-buttons {
        justify-content: center;
        padding: 2em 0!important
    }

    .zalog_title {
        padding-left: 0!important
    }

    .car-data-buttons a,.car-data-buttons button {
        padding: 0 1.2rem
    }

    .car-list {
        margin-bottom: 5em;
        box-shadow: none
    }

    .car-info {
        padding-left: 0;
        padding-right: 0
    }

    .car-options-mobile,.pricedata .table-header {
        padding: 0 10px
    }

    .techdata li,.techdata-ipad li {
        padding: 5px .5rem
    }

    .tooltip img {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .slick-dotted.slick-slider {
        margin-bottom: 20px
    }

    .car-item-col .slick-dots {
        bottom: -40px
    }

    .car-info,.car-item-col,.car-list {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .car-buttons a {
        margin: 0
    }

    .car-buttons a:last-child {
        margin-left: .5em
    }

    .mobile_panel.active {
        max-height: initial;
        padding: 0;
        margin: 0 auto;
        display: initial
    }

    .car-options-mobile li {
        padding: .5em .5em .5em 30px
    }

    .b-grey .pl-3,.table-header.bold.faq-accordion {
        padding-left: 1em
    }

    .car-data .car-data-buttons {
        margin-top: 1em
    }

    .bron .date-time-bar p {
        margin-right: 0;
        position: absolute;
        margin-top: -1.5em;
        left: 1.7em;
        display: block;
        padding-left: 1.7em
    }

    .wpcf7-response-output {
        width: 100%;
        margin: 0!important
    }

    .modal_inputs input {
        border: none;
        margin-bottom: 1em
    }

    .car-main-slider .slick-next:hover,.car-main-slider .slick-prev:hover,.car-review-slider .slick-next:hover,.car-review-slider .slick-prev:hover {
        background-color: none!important
    }

    #footer .callback_open {
        padding: 10px
    }

    #footer .messengers a img,
    #footer .messengers a svg {
        width: 45px;
        height: 45px
    }
    #footer .social-buttons svg,
    #footer .social-buttons img{
        width: 60px;
        height: 60px
    }


    #footer .container .row {
        padding-top: 1.5em!important
    }

    .auto .faq-accordion {
        height: 4em;
        padding: 15px;
        align-items: center;
        display: flex;
        justify-content: flex-start
    }

    .bron .form-wrapper1 .date-time-bar {
        display: block;
        margin-top: 2em;
        position: relative
    }

    .bron .dtb__render {
        justify-content: center;
        margin-bottom: 1em
    }

    .bron .timeline .content {
        margin-top: 0!important;
        padding: 0
    }

    .mobile-etapi {
        display: block;
        background: #292929;
        padding: 12px 35px;
        font-size: 1.2em
    }

    .erase {
        justify-content: center;
        font-size: 1.2em;
        font-family: Roboto-Regular;
        margin-top: 1em
    }

    .add_filter-mobile {
        display: flex
    }

    .add_filter-mobile .b-grey {
        align-items: flex-start
    }

    .b-grey {
        background-color: #3f3f3f;
        padding: 10px;
        width: 100%;
        line-height: 25px;
        margin-bottom: 1em
    }

    .b-grey a {
        display: block;
        line-height: 40px
    }

    .b-grey a:focus,.b-grey a:hover {
        color: #ffc200
    }

    .add_filter-mobile .item-add {
        opacity: 0;
        visibility: hidden;
        margin-right: 0;
        font-size: .9em;
        padding: 0 2px
    }

    .add_filter-mobile ul li {
        display: block!important;
        width: 47%!important;
        float: left!important
    }

    .auto .padd,.bron .padd {
        display: block;
        align-items: center
    }

    .bron .card.car-home {
        margin: 10px!important
    }

    .bron .car-home .card-body {
        justify-content: center!important;
        font-size: .8rem!important
    }

    .error {
        font-size: 15px!important
    }

    .daysTotal .price {
        margin-top: .5em
    }

    .mobile-etapi a img {
        opacity: 0;
        visibility: hidden;
        margin-left: .5em;
        margin-right: .5em
    }

    .mobile-etapi.adds a img {
        width: 32px;
        height: 32px;
        transition: opacity .5s ease-in;
        -webkit-transition: opacity .5s ease-in;
        -moz-transition: opacity .5s ease-in;
        -ms-transition: opacity .5s ease-in;
        -o-transition: opacity .5s ease-in
    }

    .mobile-block {
        display: flex;
        flex-wrap: wrap;
        padding: 5px;
        width: 100%
    }

    .mobile-block .title_ {
        font-size: 16px
    }

    .mmt-5 {
        margin-top: 3em
    }

    .card-choice {
        margin-bottom: 2em;
        margin-right: 0!important
    }

    .bron .dopuslugi {
        padding: 0 5px
    }

    .bron .pano .dopuslugi .title_dop {
        font-size: 19px;
        text-align: center
    }

    /* .pano .card-choice .dopinfo li:not(:last-child) {
        border-bottom: 1px solid #ccc;
        line-height: 10px
    } */

    .bron #callback .rekv label {
        width: 100%;
        margin-bottom: 1em
    }

    .bron #callback input[type=submit] {
        width: 100%!important
    }

    .bron .accept_form {
        font-size: .8em
    }

    .pano .zalog_title {
        font-size: 1em!important;
        text-align: center!important;
        margin-top: -1em!important
    }
}

@media (min-width: 570px) {
    .news-main-slider .news-body {
        height: 240px;
    }
}

@media (min-width: 768px) {
    
    .news-main-slider .news-body {
        height: 190px;
    }

    .google-rate,header .codes,header .phone-container {
        padding:0
    }

    .google-rate,.social-buttons,footer .codes {
        text-align: left
    }

    .akcii-mobile,.car-options-mobile,.mores,.subscribe .mobile,p.mobile {
        display: none!important
    }

    .search .bt1 svg {
        margin-left: .5em
    }

    .search .bt1 {
        border: 1px solid #ffc200
    }

    #carsquery .dopinfo {
        min-height: 60px
    }

    .form-wrapper1 .date-time-bar,.heads .facebook-messenger,.subscribe .desktop,.techdata .list-unstyled,header .codes,header .phone,p.desktop {
        display: block
    }

    .add_filter-mobile,.copyright-text br,.heads .phone-icon,.mobile-etapi,.mobile_filter {
        display: none
    }

    #rent_steps,.filter {
        display: flex
    }

    .akcii-item2 p.desktop {
        width: 85%
    }

    .akcii .container {
        background: 0 0!important
    }

    .callback_open {
        font-size: .75rem
    }

    .messengers {
        margin-top: 0
    }

    .social-buttons {
        padding: .5rem 0 3rem;
        line-height: 1.8rem
    }

    .social-buttons .insta {
        margin-left: 0
    }

    .advantages-bg .item {
        margin: 1% .5%
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .add_filter,.filter .col-lg-10,.item-auto {
        margin-bottom:.5em
    }

    .cols-1,.filter-sett,.nav .tab {
        margin-right: .5em
    }

    .price_title_col.probeg,.pricedata .price_350 {
        font-family: Roboto-Light
    }

    #more,.car-info .car_options,.car-single .car-data-buttons,.car-single .privacy,.mob-none,.place .icon-block,.single .techdata,.tarif .icon-block,.techdata .mobile_panel .descr {
        display: none
    }

    #subscribe form p {
        width: 55%
    }

    .news-main-slider .slick-next,.news-main-slider .slick-prev {
        top: 70%
    }

    .pano .dopinfo li {
        align-items: baseline
    }

    .pano .dopinfo li.daysTotal {
        align-items: flex-end!important
    }

    .daysTotal .price {
        font-size: 1.2em!important
    }

    .day::after,.daysTotal::after {
        height: .9em!important
    }

    #wpcf7-f2636-p139-o1 .modal_inputs {
        width: 100%
    }

    .wpcf7-form .modal_inputs {
        margin-right: .5em;
        width: 55%
    }

    #footer .callback_open,.car-data,.car-data-buttons {
        padding: 10px
    }

    .nav {
        flex-wrap: initial
    }

    .nav .tab {
        padding: 15px 0 15px 10px
    }

    .nav .tab:last-child {
        margin-right: 0!important
    }

    .icon-block {
        opacity: 0;
        visibility: hidden
    }

    .pano .add_filter {
        background-color: #f7f7f7;
        justify-content: center
    }

    .pano .content {
        padding: 0
    }

    .pano .content .add_filter ul {
        display: inline-flex;
        justify-content: center;
        margin-bottom: 0;
        padding: 10px 0
    }

    .pano .content .add_filter ul li {
        width: auto
    }

    .car-options-ipad,.filter {
        display: block
    }

    .item-auto {
        padding: 0
    }

    .bron .nav,.tabs .pano {
        padding: 0 1.5em
    }

    .filter-sett {
        padding: 0
    }

    .filter-sett:last-child {
        margin-right: 0
    }

    .car-home .card-body {
        font-size: .75rem
    }

    .item-add {
        position: relative
    }

    .dop-choises {
        padding: 1em 5em;
        justify-content: center;
        flex-wrap: wrap
    }

    .pano .dopuslugi .title_dop {
        margin-bottom: 0;
        text-align: center
    }

    .tarif .zalog_title {
        text-align: center;
        font-size: 1em;
        font-weight: 800
    }

    .car-options-ipad .car-buttons,.descr-summ,.summ,.techdata .table-header {
        text-align: center
    }

    #callback .rekv label {
        width: 100%;
        padding-right: 0
    }

    #callback .rekv label:first-child,#callback .rekv label:nth-child(2) {
        padding-right: 0
    }

    .divs {
        flex-flow: row-reverse;
        display: flex
    }

    .sps .yellow-btn {
        width: auto!important
    }

    .padd {
        padding: 0 .5em
    }

    .content-box {
        padding: 0 25px
    }

    .filter {
        flex-wrap: wrap
    }

    .auto .table-header {
        display: none!important
    }

    .pricedata .table-header,.pricedata .table-header_filt,.techdata .table-header,.techdata .table-header_filt,.techdata-ipad .table-header,.techdata-ipad .table-header_filt {
        font-size: .8em
    }

    .testimonials .gl-title,.video-container {
        padding: 0!important
    }

    .social-buttons {
        justify-content: flex-start!important
    }

    .single .zalog_title {
        font-size: .8rem;
        margin-bottom: 0!important;
        padding: 10px 0
    }

    .single .car-pricing img {
        margin-left: 0
    }

    .car-options-ipad .car-data-buttons a {
        width: 200px;
        margin: inherit
    }

    .car-options-ipad .car-data-buttons {
        justify-content: center
    }

    .car-options-ipad .btn-main {
        margin-right: 1em!important
    }

    .car-single-slider {
        margin-bottom: -1em!important
    }

    .car-data.single li, .car-list li{
        margin-bottom: 2px;
    }

    .pricedata,.testimonials .slick-slider {
        margin-bottom: 0
    }

    .techdata {
        width: 30%!important
    }

    .pricedata {
        width: 70%!important;
        padding-right: 0!important
    }

    .single .pricedata {
        width: 100%!important;
        padding: 0 10px!important
    }

    .pricedata .tableheader,.techdata .table-header,.techdata-ipad .table-header {
        font-size: .8em!important
    }

    .tech_title_col {
        width: 30%
    }

    .tech_data_col {
        width: 70%
    }

    .techdata-ipad .tech_title_col {
        width: 65%
    }

    .techdata-ipad .tech_data_col {
        width: 35%
    }

    .car-gearbox,.car-motor,.car-rashod,.car-toplivo,.car-year {
        width: 14px;
        height: 14px
    }

    .pricedata li,.techdata li {
        padding: .3rem!important
    }

    .techdata-ipad li {
        padding: .3rem .5rem!important
    }

    .techdata li,.techdata-ipad li {
        align-items: flex-end;
        padding: 4px
    }

    .car-data-buttons {
        margin: 0;
        line-height: 2.5rem
    }

    .car-info {
        padding-left: 0
    }

    .techdata,.zalog_title {
        padding-left: 0!important
    }

    .pricedata .list-unstyled,.techdata .list-unstyled,.techdata-ipad .list-unstyled {
        margin-bottom: .2em
    }

    .price_title_col.probeg {
        font-size: 11px
    }

    .right-s {
        align-items: center;
        display: flex
    }

    .pricedata .price_350 span {
        font-size: .65em!important
    }

    .tech_data_col,.tech_title_col {
        font-size: .69rem
    }

    .tooltip img {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }

    .zalog_title {
        font-size: .6rem
    }

    .car-list {
        margin-bottom: 2em;
        margin-left: .6em
    }

    .car-data-buttons a {
        font-size: 12px;
        padding: 0 .5rem
    }

    .pricedata,.techdata,.techdata-ipad {
        line-height: 15px
    }

    .textsection h2 {
        font-size: 1.2em
    }

    .textsection h3 {
        font-size: 1em
    }

    .preim {
        padding: 0 1em
    }

    .codes p {
        font-size: 19px
    }

    .slick-dotted.slick-slider {
        margin-bottom: 20px
    }

    header .messengers a img {
        width: 35px;
        height: 35px
    }

    header .logo-col {
        padding-left: 25px
    }

    header .msngr-col {
        padding-left: 0;
        padding-right: 3rem
    }

    #header .codes p,.address p,.phone-container,.preim p {
        line-height: 32px!important
    }

    #footer .contacts .codes p {
        line-height: 45px!important
    }

    header .container {
        padding: 25px 0
    }

    .callback_open {
        padding: 2px 10px
    }

    .dtb__render>div {
        width: 50%!important
    }

    .date-time-bar {
        margin: 0 1em
    }

    #footer .phone {
        font-size: 36px;
        display: block
    }

    .car-home .card-body {
        padding: .5rem
    }

    .news-main-slider .slick-current.slick-active .card.news {
        margin-left: 1.5rem
    }

    .news-main-slider .slick-active .card.news {
        margin-right: 1.5rem
    }

    .testimonials .car-review-slider .slick-active .card-back {
        padding: 1em
    }

    .testimonials .car-review-slider .card-header .mb-0 {
        font-size: 17px
    }

    .testimonials .car-review-slider .card-header img {
        margin-right: 1.5em
    }

    .testimonials .slick-next,.testimonials .slick-prev {
        top: 94%!important
    }

    .testimonials .slick-dots {
        position: absolute;
        bottom: 9px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .news-main-slider .slick-dots {
        bottom:30px
    }

    .news-main-slider .slick-prev {
        left: 15px
    }

    .news-main-slider .slick-next {
        right: 15px
    }

    .add_filter ul {
        padding: 0 1.5em
    }

    .daysTotal .price {
        font-size: 1.25em;
        margin-top: .25em
    }

    .add_filter {
        padding: 0!important;
        text-align: center
    }

    .summary .add_filter ul li {
        padding: 0 0 0 9px!important;
        font-size: .85em
    }

    .wpcf7-response-output {
        width: 90%
    }

    #footer .mobile .phone-container {
        margin-left: 2em
    }

    .car-list .slick-next,.car-list .slick-prev {
        top: 107%!important
    }

    .car-item-col .slick-dots {
        bottom: -32px
    }

    .faq-set {
        display: block;
        text-align: center
    }

    .faq-btn {
        margin: auto!important
    }

    .faq-accordion {
        margin: .4em 0;
        padding: 18px 29px 18px 18px
    }

    .textsection {
        padding: 0!important;
        margin-bottom: 2em
    }

    .yellow-btn {
        padding: 10px 20px;
        height: 48px;
        display: flex;
        width: 95%
    }

    .slick-slider {
        padding-bottom: 1em;
        margin-bottom: 1em
    }

    .slick-prev {
        background: 0 0;
        left: 0;
        top: 100%
    }

    .slick-next {
        right: 0;
        top: 100%
    }

    .form-wrapper {
        padding: 20px 5px
    }

    .vidacha {
        margin-right: 1em
    }

    .date-time-bar p {
        font-size: 14px;
        margin-right: .5em
    }

    .dtb__render>div {
        width: 41%
    }

    .googles h5 {
        min-width: 70px
    }

    #footer .phone_number p.callback a {
        font-size: 14.5px;
        padding: 12px 14px
    }

    .messengers {
        justify-content: space-around
    }

    #footer .phone_codes p {
        font-size: 1.5em
    }

    .social-footer1 {
        display: flex;
        align-items: flex-start;
        padding: 0
    }

    .social-footer {
        display: none
    }

    #main-menu {
        display: block;
        font-size: 11px
    }

    .google-rate,.rate-container p {
        margin-bottom: .3em
    }
}

@media (max-width: 992px) {
    .mobile-hide .sub-menu {
        display:none
    }

    .mobile-hide.active .sub-menu {
        display: block
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    /* .news-main-slider .slick-dots {
        bottom:25px
    } */

    .add_filter {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .add_filter ul {
        padding: 0 .5em!important
    }

    .add_filter ul li {
        padding: 0 5px 0 20px!important
    }

    .google-rate,.rate-container p {
        margin-bottom: .3em
    }

    .car-item-col .slick-dots {
        bottom: -40px
    }

    .car-list .slick-next,.car-list .slick-prev {
        top: 110%!important
    }

    .car-single .slider-nav-thumbnails {
        padding: 10px 50px!important
    }

    .price_350 .pr_l,.price_350 .pr_r {
        font-size: .75em!important
    }

    /* .news-main-slider {
        max-height: 480px
    } */
}

@media (min-width: 1201px) and (max-width:1440px) {
    .price_350 .pr_l,.price_350 .pr_r {
        font-size:.75em!important
    }
}

@media(max-width: 1139px) {
    .payments,.subscribe .icon-col {
        justify-content:center
    }

    .header__nav,.main-menu,.menu-item-has-children::after,.min-1200,.social-buttons-desktop {
        display: none
    }

    .custom-content h2 {
        text-align: left
    }

    .akcii-item2 p {
        font-size: 15px
    }

    .akcii-wrapper {
        background-position-x: 37%!important
    }

    .flip-clock-wrapper {
        margin-top: -1em!important
    }

    .akcii-item2 {
        padding-left: .1em
    }

    .subscribe .icon-col {
        display: flex
    }

    #footer .footer-item:not(:last-child) {
        padding-left: 3em!important
    }

    .gl-title {
        font-size: calc(.9rem + 1.5vw)
    }

    footer .codes p {
        text-align: end
    }

    .menu-burger__header {
        position: relative;
        width: 34px;
        height: 29px;
        margin-top: 0;
        display: block;
        margin-left: 10px;
        background: #292929;
        border-radius: 3px;
        padding: 5px 7px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px
    }

    .menu-burger__header span,.menu-burger__header:after,.menu-burger__header:before {
        height: 3px;
        width: 60%;
        position: absolute;
        background: #fff;
        margin: 0 auto
    }

    .menu-burger__header span {
        top: 13px
    }

    .menu-burger__header:after,.menu-burger__header:before {
        content: ''
    }

    .menu-burger__header:after {
        bottom: 8px
    }

    .menu-burger__header:before {
        top: 8px
    }

    .header__nav.active {
        display: block!important;
        position: absolute;
        top: 45px;
        background: #f5f6f6;
        box-shadow: #ccc;
        transition: .4s;
        width: 320px;
        box-shadow: 0 4px 2px -2px rgba(36,36,36,.17);
        z-index: 1002
    }

    .menu-burger__header.open-menu span {
        opacity: 0;
        transition: .5s
    }

    .menu-burger__header.open-menu:before {
        transform: rotate(38deg);
        top: 12.5px;
        transition: .4s
    }

    .menu-burger__header.open-menu:after {
        transform: rotate(-38deg);
        bottom: 13.5px;
        transition: .4s
    }

    .header__nav.active ul,.header__nav.active ul li {
        list-style: none;
        padding-left: .5em
    }

    .header__nav.active ul li {
        border-bottom: 1px solid #fff;
        padding-left: 1em
    }

    .header__nav.active ul li:last-child {
        border-bottom: 0
    }

    .header__nav.active ul li a {
        text-decoration: none;
        font-size: 15px;
        color: #828282;
        font-family: Roboto-Regular;
        padding: .5em;
        width: 100%;
        display: block;
        
    }

    .header__nav.active ul li a:hover {
        color: #000
    }

    .car-allclass a.button {
        padding: 1rem .5rem;
        font-size: .7rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .car-allclass {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cars-carousel {
        padding: 0 .5em;
        width: 100%
    }

    .social-buttons {
        display: flex;
        justify-content: space-evenly
    }

    #footer .codes {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .google-rate {
        align-items: center;
        display: flex
    }

    .raiting-stars {
        margin-left: .5em
    }

    .google-icon {
        margin-right: .5em
    }

    .rate-container {
        padding-left: 3em
    }

    .social-buttons {
        padding-left: 2em
    }
}

@media (max-width: 1200px) {
    .slick-next,.slick-prev {
        top:108%;
        background: 0 0!important
    }

    .car-single-slider .slick-next,
    .car-single-slider .slick-prev{
        top:50%;
        background: 0 0!important
    } 

    .wpcf7-form .modal_inputs {
        width: 100%
    }

    .pano .row-button {
        text-align: center
    }

    #footer .desktop,#footer .mobile .codes,#footer .phone-container .phone {
        display: none
    }

    #footer .mobile {
        display: block
    }

    #footer .callback_open {
        font-size: 1rem;
        margin-top: 1em
    }

    :root,body {
        overflow-x: hidden
    }

    #header .phone {
        font-size: 2rem
    }

    .slick-prev {
        left: 0
    }

    .slick-next {
        right: 0
    }

    .car-main-slider {
        margin-bottom: 6em!important
    }

    .car-main-slider .slick-dots {
        bottom: -35px
    }
}

@media (min-width: 1140px) {
    .custom-title__h2 {
        font-size:1.5rem!important
    }

    #main-menu .sub-menu,#more,.social-buttons {
        display: none
    }

    .car-allclass,.docs-gl,.main-menu,.social-buttons-desktop {
        display: flex
    }

    #main-menu ul ul.sub-menu.active li {
        width: 320px!important
    }

    .akcii .container {
        background: 0 0!important
    }

    .car-single .slider-nav-thumbnails {
        padding: 10px 50px!important
    }

    .car-main-slider {
        margin-bottom: 6em!important
    }

    .pricedata .list-unstyled,.techdata .list-unstyled {
        line-height: inherit
    }

    .car-data,.car-data-buttons {
        padding: 10px
    }

    .faq-btn {
        width: 20%!important
    }

    img.alignleft {
        margin-right: 2em;
        margin-bottom: 2em
    }

    img.alignright {
        margin-left: 2em;
        margin-bottom: 2em
    }

    .advantages-bg .item {
        margin: 0 .5%
    }

    .car-allclass a.button {
        padding: 1rem .5rem;
        font-size: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 180px
    }

    .car-allclass {
        justify-content: space-between
    }

    footer .desktop-social-buttons {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }

    .bt {
        padding: 2.5em 0!important
    }

    .footer-item ul {
        line-height: 35px
    }

    .raitings {
        padding-left: 5em
    }

    #main-menu>ul>li>a,#main-menu>ul>li>span.current-menu-item {
        padding: 10px 20px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-family: Roboto-Bold;
        position: relative
    }

    #main-menu .sub-menu.active {
        display: block;
        position: absolute;
        left: auto;
        top: 80%;
        min-width: 230px;
        background-color: #fff;
        padding: 0!important;
        z-index: 99
    }

    #main-menu ul ul.sub-menu li a {
        padding: 12px 20px;
        font-size: 16px;
        text-decoration: none;
        color: #000;
        width: 100%;
        /* display: block; */
        font-family: Roboto-Light;
        font-weight: 400
    }

    #main-menu ul ul.sub-menu li:hover a,.mega_menu a:hover,.mega_menu span.current-menu-item {
        font-family: Roboto-Bold!important;
        color: #ffc200!important
    }

    #main-menu ul ul li.current-menu-item a {
        font-family: Roboto-Bold!important;
        color: #292929
    }

    #main-menu ul ul li.current-menu-item,#main-menu ul ul.sub-menu li.active,#main-menu ul ul.sub-menu li:hover {
        border-right: 3px solid #ffd401;
        background-color: #f5f5f5
    }

    #main-menu ul ul.sub-menu li {
        border-bottom: 1px solid #ededed;
        list-style: none;
        padding: 12px 20px;
        z-index: 99;
        width: 100%!important
    }

    #main-menu ul ul.sub-menu li:last-child {
        border-bottom: 0
    }

    .main-menu {
        margin-bottom: 0!important;
        list-style: none
    }

    .header__nav.active {
        display: block!important
    }

    .header__nav {
        position: absolute;
        top: 35px;
        left: 0;
        background: #f5f6f6;
        box-shadow: #ccc;
        transition: .4s;
        width: 320px;
        box-shadow: 0 4px 2px -2px rgba(36,36,36,.17);
        z-index: 1002
    }

    .address {
        padding-left: 2em
    }

    .callback_open {
        font-size: 12.9px;
        padding: 5px
    }

    .gl-title,h1 {
        font-size: 2rem
    }

    .car-list {
        margin-bottom: 3rem;
        font-family: Roboto-Light,sans-serif
    }

    .car-list .slick-next,.car-list .slick-prev {
        bottom: 0;
        top: unset;
        background: 0 0
    }

    .car-list .slick-prev {
        left: 0;
        z-index: 1
    }

    .car-list .slick-next {
        right: 0
    }

    .carphoto-slider {
        padding-right: 0
    }

    .carphoto-slider img {
        width: 100%;
        height: auto
    }

    .car-info {
        padding-left: 0
    }

    .price-link {
        font-size: 1.2rem;
        padding: 0;
        text-decoration: none;
        color: #242424;
        font-weight: 600
    }

    .price-link:hover {
        border-bottom: 2px solid #242424;
        color: initial
    }

    .messengers a {
        line-height: unset
    }

    .codes {
        display: block;
        padding-left: 5px;
        padding-right: 5px
    }

    header .logo {
        width: 90%
    }

    footer .logo {
        width: 80%;
        height: 60px
    }

    footer .visa-icon {
        width: 80px;
        display: block
    }

    footer .mc-icon {
        width: 50px;
        display: block
    }

    .payments img,.payments svg {
        margin-right: 1em
    }

    .google-rate {
        align-items: center;
        display: flex
    }

    .raiting-stars {
        margin-left: .5em
    }

    .google-icon {
        margin-right: .5em
    }

    .car-main-slider .slick-dotted.slick-slider {
        margin-bottom: 4em!important
    }

    .car-main-slider:last-child {
        margin-bottom: 2em!important
    }
    #footer .phone {
        font-size: 36px;
        display: block
    }
}

@media (min-width: 1200px) {
    .all-auto .filter {
        padding-right:1em;
        padding-left: 0
    }

    #footer .mobile,#footer .mobile .codes,.social.phone-icon,.techdata-ipad {
        display: none
    }

    .car-data {
        padding: 0 25px
    }

    .pricedata .list-unstyled,.techdata .list-unstyled {
        line-height: 20px
    }

    .bron .auto .table-header,.car-options-ipad {
        display: none!important
    }

    .car-single .privacy {
        display: block
    }

    .image-auto:hover .auto-hover {
        opacity: .5
    }

    .image-auto:hover .hover-button {
        opacity: 1
    }

    .textsection {
        margin-bottom: 2em
    }

    .tarif .zalog_title {
        padding-left: 14em
    }

    .filter-times1 .filter__time .date-time-bar {
        margin-right: 2em
    }

    #footer .desktop {
        display: flex
    }

    .desktop .codes p {
        font-size: 16px
    }

}