@media (min-width: 2500px) {
    body {
        background-size: 100% auto;
    }
}

@media (max-width: 1650px) {

    div.condition-contact-icon-box {
       right: 5%;
    }

    div.condition-contact-icon-box.fixed {
        right: 5%;
    }

}

@media (max-width: 1440px) {

    div.condition-contact-icon-box {
        right: 10px;
    }

    div.condition-contact-icon-box.fixed {
        right: 10px;
    }

}

@media (max-width: 1350px) {

    span#contact-phone {
        display: none;
    }

}

@media (max-width: 1300px) {

    div.condition-contact-icon-box {
        display: none;
    }

}

@media (max-width: 1080px) {

    div.slider-arrows {
        display: block;
        left: 3%;
    }

    div.slider-arrows:last-child {
        right: 3%;
    }

    div.cars-slider-container {
        width: 780px;
    }

    div#why-container .subtitle {
        display: none;
    }

    div#why-container .circles {
        margin-top: 40px;
    }

    div#why-container .circles .circle-item {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
        text-align: center;
    }

    div#why-container .circles .circle-item .c {
        -webkit-transition: none 0s;
        -moz-transition: none 0s;
        -ms-transition: none 0s;
        -o-transition: none 0s;
        transition: none 0s;
        vertical-align: middle;
        display: inline-block;
        margin: 0 auto;
        position: relative;
        width: 100px;
        height: 100px;
        font-size: 50px;
        line-height: 100px;
    }

    div#why-container .circles .circle-item .t {
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: none;
        border: none;
        vertical-align: middle;
        width: auto;
        display: block;
        height: auto;
        margin-top: 20px;
    }

    div#why-container .circles .circle-item .t span {
        font-size: 16px;
    }

    div#why-container .circles .circle-item:hover .c {
        top: 0;
    }

    div.calc-widget .box .calc-icon {
        display: none;
    }

    div.calc-widget .box {
        padding-left: 20px;
    }

    div.calc-widget .box .input-container {
        width: 15%;
    }

    div.calc-widget .box .input-container.select-box {
        width: 35%;
    }

    div.calc-widget .box .separator {
        width: 5%;
        text-align: center;
    }

    div.calc-widget .box .sum-icon {
        width: 8%;
    }

    div.calc-widget .box .total-sum {
        width: 20%;
    }

    div.calc-widget .box .input-container.select-box .selected-item {
        padding-left: 5px;
    }

    div.calc-widget .box .input-container.select-box .items {
        left: -1px;
    }

    /** RESERVATION FORM **/
    .res-form-tab .form-row .right, .res-form-tab .form-row .left {
        width: 100%;
        float: none;
    }

    .res-form-tab .form-row .right .input-container {
        padding-right: 0;
        padding-left: 200px;
        margin-top: 18px;
    }

    .res-form-tab .form-row .full .input-container {
        padding-right: 0;
    }

    .res-form-tab .form-row .right .input-container span {
        right: auto;
        left: 192px;
    }

    .res-form-tab .form-row .right label {
        right: auto;
        left: 0;
        text-align: right;
    }

    .res-form-tab .form-row .right.l .input-container span {
        left: 192px;
    }

    .res-form-tab.t2 {
        background: none;
    }

    .submit-container {
        padding: 0;
    }

}

@media (max-width: 1000px) {

    div.about-info .contact-icon-box {
        display: none;
    }

    .pricelist.car-item .left-part, .pricelist.car-item .right-part {
        float: none;
        text-align: center;
        max-width: 100%
    }

    .pricelist.car-item .right-part {
        padding-bottom: 20px;
    }

}

@media (max-width: 950px) {

    div.services-table {
        margin-left: 0;
        margin-right: 0;
    }

}

@media (max-width: 920px) {

    div.calc-widget {
        height: auto;
        padding: 0;
        margin: 50px 0;
    }

    div.calc-widget .txt {
        position: relative;
        display: block;
        text-align: center;
        width: 100%;
    }

    div.calc-widget .box {
        display: block;
        height: auto;
        min-height: 100px;
        margin-top: 20px;
    }

    @-webkit-keyframes spaceboots {
        0% {
            -webkit-transform: translate(2px, 1px) rotate(0deg);
        }
        10% {
            -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        }
        20% {
            -webkit-transform: translate(-3px, 0px) rotate(1deg);
        }
        30% {
            -webkit-transform: translate(0px, 2px) rotate(0deg);
        }
        40% {
            -webkit-transform: translate(1px, -1px) rotate(1deg);
        }
        50% {
            -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        }
        60% {
            -webkit-transform: translate(-3px, 1px) rotate(0deg);
        }
        70% {
            -webkit-transform: translate(2px, 1px) rotate(-1deg);
        }
        80% {
            -webkit-transform: translate(-1px, -1px) rotate(1deg);
        }
        90% {
            -webkit-transform: translate(2px, 2px) rotate(0deg);
        }
        100% {
            -webkit-transform: translate(1px, -2px) rotate(-1deg);
        }
    }
    @keyframes spaceboots {
        0% {
            transform: translate(2px, 0) rotate(0deg);
        }
        10% {
            transform: translate(-1px, 0) rotate(-1deg);
        }
        20% {
            transform: translate(-3px, 0) rotate(1deg);
        }
        30% {
            transform: translate(0px, 0) rotate(0deg);
        }
        40% {
            transform: translate(1px, 0) rotate(1deg);
        }
        50% {
            transform: translate(-1px, 0) rotate(-1deg);
        }
        60% {
            transform: translate(-3px, 0) rotate(0deg);
        }
        70% {
            transform: translate(2px, 0) rotate(-1deg);
        }
        80% {
            transform: translate(-1px, 0) rotate(1deg);
        }
        90% {
            transform: translate(2px, 0) rotate(0deg);
        }
        100% {
            transform: translate(1px, 0) rotate(-1deg);
        }
    }

    #callButtonBanner.animateBtn {
        -webkit-animation-name: spaceboots;
        -webkit-animation-duration: 0.8s;
        -webkit-transform-origin: 50% 50%;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: linear;
       
        animation-name: spaceboots;
        animation-duration: 0.8s;
        transform-origin: 50% 50%;
        animation-iteration-count: 1;
        animation-timing-function: linear;
    }

    div.calc-widget .box > div, div.calc-widget .box > a,
    div.calc-widget .box > div, div.calc-widget .box > span {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 28px;
    }

    div.calc-widget .box .sum-icon {
        margin-top: 28px;
    }

}

@media (max-width: 900px) {

    div.cars-slider-container {
        width: 508px;
    }

}

@media (max-width: 840px) {

    h1 {
        font-size: 34px;
    }

    h1 span.home {
        width: auto;
        background: none;
        margin-top: 0;
    }

    h1 span.home span {
        display: block;
        color: #2e0c43;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        padding: 0 20px;
    }

    div.about-info h2 {
        font-size: 30px;
    }

    div.about-info h3 {
        font-size: 18px;
    }

    div#why-container .title {
        font-size: 28px;
    }

    div.bottom-menu {
        display: none;
    }

    div.main-menu.top {
        display: none;
        float: none;
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        top: 70px;
        margin-top: 0;
        background: #fff;
        border-bottom: solid 2px #f6922b;
        padding: 5px 0;
    }

    div.main-menu.top ul li {
        display: block;
        text-align: center;
        margin-right: 0;
        padding: 7px 0;
    }

    span.mobile-menu-icon {
        display: block;
    }

    div.slider-arrows {
        top: 260px;
        left: 10%;
    }

    div.slider-arrows:last-child {
        right: 10%;
    }

    div.calc-widget .txt {
        font-size: 18px;
    }

    div.calc-widget .txt span {
        font-size: 30px;
    }

    div#breadcrumbs-container {
        padding-top: 8px;
    }

    div#breadcrumbs-container .links {
        display: none;
    }

    div#breadcrumbs-container h1 {
        text-align: center;
    }

    div.condition-box {
        padding-top: 120px;
        text-align: center;
    }

    div.condition-box.c1, div.condition-box.c3 {
        padding-left: 0;
        background-size: 74px auto !important;
        background-position: center 0;
    }

    div.condition-box.c2 {
        padding-right: 0;
        background-size: 74px auto !important;
        background-position: center 0;
    }

    div.condition-box .txt .left-box {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    div.condition-box .txt .right-box {
        float: none;
        width: 100%;
        margin-top: 30px;
    }

    .autopark.car-item {
        height: auto;
    }

    .autopark.car-item .left-part, .autopark.car-item .middle-part, .autopark.car-item .right-part {
        position: relative;
        padding: 0;
        text-align: center;
        margin: 0 auto;
    }

    .autopark.car-item .middle-part {
        height: auto;
        margin-top: 20px;
    }

    .autopark.car-item.odd .middle-part .data {
        text-align: center;
    }

    .autopark.car-item .middle-part .data {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .autopark.car-item .right-part {
        width: 235px;
    }

    .car-reserve-container {
        margin-top: 35px;
    }

}

@media (max-width: 750px) {

    div.cars-slider-container {
        width: 235px;
    }

    div.slider-arrows {
        left: 15%;
    }

    div.slider-arrows:last-child {
        right: 15%;
    }

    div.autopark-categories {
        text-align: left !important;
        overflow: hidden;
    }

    div.autopark-categories span {
        display: none;
        margin-left: 20px;
    }

    div.autopark-categories span.visible {
        display: block;
    }

    div.autopark-categories span.active {
        display: block;
    }

    div.autopark-categories span a {
        display: inline-block;
    }

    div.autopark-categories span a, div.autopark-categories span a:hover, div.autopark-categories span.active a {
        border: none;
    }

    div.autopark-categories div.mobile-category-menu {
        display: block;
    }

}

@media (max-width: 700px) {

    div#footer-container div.text-left {
        padding-top: 0;
        text-align: center;
    }

    div#footer-container div.text-right {
        text-align: center;
        padding-top: 10px;
    }

    .contact-box {
        text-align: center;
        min-height: 0 !important;
    }

    .contact-box .txt span.tel {
        display: block;
        width: auto;
    }

    .res-form-title-container .res-form-title {
        font-size: 35px;
    }

    .res-form-tab .reservation-btn-container.right {
        float: none;
    }

    .submit-container {
        text-align: center;
    }

    .res-total-sum {
        float: none;
        margin-bottom: 20px;
    }

}

@media (max-width: 600px) {

    div.calc-widget .box {
        padding-right: 20px;
        padding-bottom: 28px;
    }

    div.calc-widget .box > div, div.calc-widget .box > span {
        margin-top: 5px;
    }

    div.calc-widget .box .separator {
        text-align: left;
        width: 5%;
        padding: 0;
    }

    div.calc-widget .box .input-container {
        width: 23%;
    }

    div.calc-widget .box .total-sum {
        width: 35%;
        margin-top: 5px;
    }

    div.calc-widget .box .sum-icon {
        margin-top: 5px;
        width: 10%;
    }

    div.calc-widget .box .input-container.select-box {
        width: 100%!important;
        margin-top: 28px;
    }



    /** RESERVATION FORM **/
    .res-form-tab .form-row .input-container span {
        position: relative !important;
        display: inline-block !important;
        left: 0 !important;
        top: 0 !important;
    }

    .res-form-tab .form-row .input-container span.alone {
        display: none !important;
    }

    .res-form-tab .form-row .left .input-container, .res-form-tab .form-row .full .input-container, .res-form-tab .form-row .right .input-container {
        height: auto;
        padding-left: 0;
    }

    .res-form-tab .form-row .left label, .res-form-tab .form-row .right label, .res-form-tab .form-row .full label {
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 20px;
        text-align: left;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: auto;
    }

    .res-form-tab .form-row .left .input-container, .res-form-tab .form-row .full .input-container, .res-form-tab .form-row .right .input-container {
        padding-left: 0;
    }

    .res-form-tab .form-row input, .res-form-tab .form-row select, .res-form-tab .form-row textarea {
        display: block;
    }

    .res-form-tab .form-row input.day-input, .res-form-tab .form-row input.year-input {
        display: inline-block
    }

    .mob-sep {
        display: block;
    }
}

@media (max-width: 520px) {

    .pricelist.car-item .reservation-btn-container {
        display: block;
        margin-top: 10px;
    }

    .pricelist.car-item .price-box:last-of-type {
        margin-right: 0;
    }

    .pricelist-info-container {
        padding-bottom: 20px;
    }

    .pricelist-info-container .pricelist-info, .pricelist-info-container .pricelist-info.services {
        background-position: center 0;
        background-size: 100px auto !important;
        padding-left: 0;
        padding-top: 120px;
        height: auto;
        margin-top: 30px;
    }

    .pricelist-info-container .pricelist-info div {
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: center;
    }

    .pricelist-info-container .pricelist-info h2 {
        font-size: 20px;
    }

    h2.service-section {
        font-size: 20px;
    }

    .res-tabs span {
        margin: 0 10px;
    }

}

@media (max-width: 500px) {

    div#why-container .circles .circle-item {
        padding-left: 140px;
        height: 100px;
        text-align: left;
    }

    div#why-container .circles .circle-item .c {
        left: 30px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 50px;
        position: absolute;
        top: 0;
    }

    div#why-container .circles .circle-item .t {
        height: 100px;
        text-align: left;
    }

}

@media (max-width: 450px) {
    .header-call-button a{
        font-size: 14px!important;
        padding-left: 15px;
    }
    .header-call-button .icon{
        background-size: 65px 80px;
        width: 75px;
        height: 90px;
        position: absolute;
        left: -24px;
        z-index: 1;
        top: -33px;
        background-repeat: no-repeat;
    }
    div.calc-widget .box>a#callButtonBanner{
        width: 100%!important;
    }
    div.slider-arrows {
        left: 8%;
    }

    div.slider-arrows:last-child {
        right: 8%;
    }

    div.calc-widget .box .separator {
        text-align: left;
        width: 10%;
        padding: 0;
    }

    div.calc-widget .box .input-container {
        width: 90%!important;
    }

    div.calc-widget .box .total-sum {
        width: 100%;
    }

    div.calc-widget .box .sum-icon {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
    }

    #close-res-form {
        width: 30px;
        height: 30px;
        background-size: 30px auto;
        line-height: 28px;
        font-size: 12px;
        right: -12px;
        top: -12px;
    }

}

@media (max-width: 400px) {

    h1 {
        font-size: 28px;
    }

    h1 span.home span {
        font-size: 18px;
    }

    div#why-container .circles .circle-item {
        padding-left: 120px;
        height: 80px;
    }

    div#why-container .circles .circle-item .c {
        left: 30px;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 40px;
    }

    div#why-container .circles .circle-item .t {
        height: 80px;
        text-align: left;
    }

    div#why-container .circles .circle-item .t span {
        font-size: 14px;
    }

    div.condition-box .title {
        font-size: 20px;
    }

}

@media (max-width: 380px) {
    div.logo{
        width: 115px;
        margin-top: 23px;
    }
    div.logo img{
        width: 100%;
        display: block;
    }
}
@media (max-width: 370px) {

    div.slider-arrows {
        left: 5%;
    }

    div.slider-arrows:last-child {
        right: 5%;
    }

    .pricelist.car-item .price-box {
        width: 60px;
        height: 60px;
        font-size: 11px;
        padding-top: 4px;
    }

    .pricelist.car-item .price-box strong {
        font-size: 16px;
    }

}
@media (max-width: 350px) {
    span.mobile-menu-icon{
        margin-top: 25px;
        background-size: 80%;
    }
    .header-call-button a{
        font-size: 12px!important;
        padding-right: 10px;
    }
}