/* Customs ----------- */
@media only screen and (max-width:1279px) {
    .inner.extended {
        padding: 0px 25px;
        max-width: 1280px
    }

    .extended .content-area, .extended .useful-items {
        width: 70%;
        width: calc(100% - 319px)
    }

    .extended .promo {
        width: 33%;
        margin-right: 0.5%;
    }

    .ltd-offer .extended {
        padding: 0;
        max-width: 918px;
    }

    .col-6 {
        float: left;
        width: 100%;
        padding: 5px;
    }
}
@media only screen and (max-width:1180px) {
    .itinerary.full .vehicle-information {
        width: 100%;
    }

        .itinerary.full .vehicle-information .vehicle-image,
        .itinerary.full .vehicle-information .vehicle-features-container {
            float: none;
            width: 100%;
        }

    .itinerary.full .itin-column {
        width: 47.5%;
        margin: 0;
        float: right
    }

        .itinerary.full .itin-column:nth-of-type(1) {
            float: left;
        }

    .ltd-ext {
        max-width: 918px;
    }
}
@media only screen and (max-width:768px) {
    .form-section .chosen-container-single .chosen-single {
        font-size: 11px;
    }

    #wrapper {
        height: 100vh;
        overflow: scroll;
    }

    .heading-block h3 {
        line-height: 27px;
        font-size: 16px;
    }

    .login-popup form {
        width: 100%;
    }

    .login-popup .top-line {
        margin-bottom: 20px;
    }

    .login-popup .login-column {
        float: none;
        margin: 0px 0px 27px;
        width: 100%;
    }

    .footer-bottom {
        height: auto;
        padding: 0 0 15px;
    }

    .footer-column-group {
        width: 46.93%;
        margin-right: 2.97%;
        float: left;
    }

        .footer-column-group:nth-of-type(2n+n) {
            margin-right: 0;
        }

    .footer-column {
        width: 100%;
        float: none;
    }

    .footer-bottom .footer-links,
    .footer-bottom div.copyright {
        width: 85%;
        text-align: center;
        margin: auto;
        float: none;
        padding-top:15px;
    }

    .footer-bottom .footer-links {
        width: 100%;
        min-height: 1px;
    }

        .footer-bottom .footer-links ul {
            width: 100%;
            text-align: center;
            float: left;
            display: flex;
            justify-content: center;
        }
        .footer-bottom .footer-links .first li:last-of-type {
            display: none;
        }

    #footer .social {
        margin-top: 20px;
    }

        #footer .social .social-div {
            width: auto;
            margin: 0px;
            float: none;
            height: auto;
        }

            #footer .social .social-div a {
                float: left;
                margin: 0px 5px 0px 0px;
                ;
                font-size: 14px;
                line-height: 14px;
            }

    .footer-column li, .footer-column li a {
        line-height: 10px;
    }

    #footer .other-websites.small-site #other-websites-holder {
        margin-top: 0px;
    }

    .nav {
        height: auto;
    }

    .nav-column {
        width: 100%;
        position: static;
    }

    .inner {
        padding: 0px;
    }

    .promo {
        width: 100%;
        margin-right: 0; /*height:86.25vw;*/
    }

    .main-promo {
        height: 41.875vw;
    }

    .main-promo-carousel {
        height: 41.875vw;
    }

    .main-promo .image-holder {
        height: 100%
    }

    .main-promo .promo-content {
        height: 100%;
    }

        .main-promo .promo-content p {
            display: none;
        }

    .mobi-action {
        width: 100%;
        margin: 0px 0px 3px;
    }

        .mobi-action:nth-of-type(1n + 2), .mobi-action.dc {
            background: white;
        }

    .useful-items {
        width: auto;
        display: none;
    }

        .useful-items .column {
            width: 100%;
            margin-right: 0
        }

    .form-actions a.search-btn {
        width: 100%;
    }

    .mobi-form-actions {
        height: 100px;
        padding: 21px 0px 0px;
    }

    .home .form-section .selectize-control, .home .form-section .chosen-container {
        width: 70% !important;
    }

    .date-time-field {
        width: 40%;
    }

    .form-section input[type=text].short {
        width: 100%;
        font-size: 11px;
    }

    #page.form-open form .inner {
        padding: 0px 13px;
        overflow: visible;
    }

    .mobi-form-actions .search-btn,
    .mobi-form-actions .back-btn, .select-a-vehicle {
        position: static;
        display: block;
        float: left;
        clear: right
    }

    .mobi-form-actions .search-btn, .select-a-vehicle {
        float: right;
        clear: right;
    }

    .select-a-vehicle {
        display: none;
    }

    .mobi-form-actions .inner > .clearfix div:first-child{
        display:none;
    }

    .mobi-form-actions .inner > .clearfix {
        position: absolute;
        margin: auto;
        left: 0px;
        bottom: 0px;
        right: 0px;
        line-height: 40px;
    }

    .reservation-type .box-label {
        width: 100%;
        float: none;
    }

        .reservation-type .box-label:last-of-type {
            text-align: left;
            float: none;
        }

            .reservation-type .box-label:last-of-type .icheck-item.iradio {
                float: left;
                display: inline-block;
            }

    .message-div {
        width: 294px;
        height: 200px;
        padding: 20px 40px;
    }

    .form-section .filter {
        float: none;
        margin: auto
    }

    #page.form-open .site-form-page form .inner {
        padding: 0px 13px 100px;
    }

    #page.form-open .site-form-page form .heading-block .inner {
        padding-left: 0px;
    }

    .filter {
        display: none;
    }

    .filtered-vehicles {
        margin: auto;
        float: none;
    }

    #page .itinerary {
        display: block;
    }

    .extra-choices {
        width: 280px;
        margin: auto;
        float: none;
    }

    .thank-you-message {
        width: 294px;
        height: 262px;
    }

    .reg-column {
        width: 100%;
        float: none;
    }

    #register-form .form-section .reg-columns {
        width: 100%;
    }

    .travel-info {
        width: 100%;
        max-width: 606px;
    }

    #register-form .register-step-3 .line-title h5 {
        min-height: 0px;
    }

    .reservation-section .accordion-body li .info {
        width: 60%;
    }

    .reservation-section .accordion-body li .value {
        width: 40%;
    }

    #e-toll-form .left, #e-toll-form .right {
        width: 100%;
    }

    .manage-res-container,
    .reservation-actions .get-quote,
    .reservation-actions .manage-reservation,
    #e-toll-form .left {
        margin-bottom: 21px;
    }

    .vehicle-page .filtered-vehicles {
        float: none;
        margin: 43px auto 0;
    }

    .vehicle-page .mobi-form-actions .search-btn {
        display: block;
    }

    .vehicle-page .compare-container {
        float: none;
        margin: 43px auto;
    }

    .accordion .image-holder {
        width: 100vw;
        margin-left: -13px
    }

    .promotions .accordion.open {
        overflow: visible;
    }

    .promotions .accordion-header > span {
        display: inline;
    }

    .promotions .accordion-header .arrow-container {
        float: right;
        position: static;
        margin: 11px 0px 0px;
    }

    .promotions .inner-content > * {
        width: 100%;
    }

    .news-item {
        width: 100%;
        height: auto;
        border-bottom: none;
        margin: 0 0 50px;
    }

        .news-item .image-holder {
            width: 100%;
            float: none;
            height: 91.5625vw;
            overflow: hidden;
        }

        .news-item .news-content {
            width: 100%;
            float: none;
            height: auto;
            position: relative;
            padding-bottom: 60px;
        }

            .news-item .news-content .content {
                display: none;
            }

        .news-item .read-more {
            left: 0;
            right: 0;
            margin: auto;
        }

    .news-article .image-holder {
        width: 100%;
        float: none;
        height: 91.5625vw;
        overflow: hidden;
        margin: 0 auto 20px;
    }

    .news-holder .back-btn {
        float: none;
        margin: auto;
    }

    .error-content {
        width: 294px;
        height: 262px;
    }

        .error-content .icon-section {
            width: 82px;
            padding: 0px 14px;
        }

        .error-content .message {
            width: 135px;
            margin-left: 16px;
        }

            .error-content .message h4 {
                font-size: 34px;
                margin-bottom: 12px;
            }

        .error-content .line {
            margin-top: 0px;
            vertical-align: top;
            height: 205px;
        }

    .ise .error-content .message {
        width: 220px;
    }

    .mobi-menu .header span,
    .accordion.top-level > .accordion-header span,
    .accordion.next-level > .accordion-header span,
    .accordion.next-level .content-link span,
    .mobi-contact .contact-filters #search-location-form,
    .mobi-contact .contact-filters #location-type-form {
        width: 100%;
    }

    .contact-mobi-actions a,
    .mobi-office .item {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    .contact-page .left-side, .contact-page .right-side {
        width: 100%;
        float: none;
    }

    .itinerary.full {
        display: block !important;
    }

    .itin-column {
        float: none !important;
        width: 100% !important;
    }

    .itinerary.full.reservation-dialog {
        display: table !important;
    }
}
@media only screen and (max-width:640px) {
    .edit.thank-you-screen .thank-you-message {
        width: 93%;
    }

        .edit.thank-you-screen .thank-you-message .itinerary {
            width: 100%;
        }

        .edit.thank-you-screen .thank-you-message .itinerary-container .itinerary-column {
            width: 100% !important;
        }
}
@media only screen and (max-width:570px) {
    .edit.thank-you-screen .thank-you-message .buttons {
        width: 50%;
        margin: 0 auto;
        clear: both;
        margin-bottom: 65px;
    }

    .edit.thank-you-screen .thank-you-message .btn:first-child {
        margin-left: 40px;
    }

    .edit.thank-you-screen .thank-you-message .btn {
        margin-left: 40px;
    }
}
@media only screen and (max-width:558px) {
    .ltd-offer .limited-offers-left {
        width: 100%;
    }

    .ltd-offer .line-title {
        overflow: hidden;
    }

    .ltd-offer .limited-offers-left .patch {
        margin: 0 auto;
    }

    .ltd-offer .site-form {
        float: left;
    }

    .ltd-ext .site-form,
    .voyager-ext .site-form {
        margin-left: calc((100% - 350px)/2);
    }
}
@media only screen and (max-width:505px) {
    .partners .heading-block {
        height: 100px;
    }
}
@media only screen and (max-width:500px) {
    .filtered-vehicles {
        width: 100%
    }

        .filtered-vehicles .vehicle, .filtered-vehicles .vehicle:nth-of-type(2n + 2) {
            float: none;
            margin: 0 auto 18px;
        }

    .booking-step-4 .personal-details {
        width: 294px;
    }
}
@media only screen and (max-width:490px) {
    .reservation-dialog-btn {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:485px) {
    .stage .active-partner {
        float: none;
        margin: 0 18px 0 0;
        width: 293px;
        height: 293px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width:425px) {
    .locations-container,.contact-info{
        width:100%;
    }
    .icheck-item.iradio {
        margin: 0px 9px 0 0 !important;
    }
    .main-contact{
        padding:0 15px !important;
    }
    .accordion-header span.icon{
        display:block;
    }
}
@media only screen and (max-width:350px) {
    .ltd-offer .site-form {
        width: 100%;
        margin: auto;
    }
    .ltd-offer .limited-offers-left {
        width: 100%;
    }

    .patch {
        margin: 0 auto;
    }

    .ltd-ext .site-form,
    .voyager-ext .site-form {
        margin: 0;
        width: 100%;
    }
}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 1800px) {
    
    .mtrl-input-field input[type=text],
    .mtrl-input-field input[type=password],
    .mtrl-input-field input[type=email] {
        font-size: 0.75rem;
    }

    .mtrl-input-field .mtrl-input-field-label {
        font-size: 0.75rem;
        top: 0.75rem;
    }

        .mtrl-input-field .mtrl-input-field-label.active {
            font-size: 0.7rem;
            transform: translateY(-140%);
        }
}
@media only screen and (max-width: 1440px) {
    
    .mtrl-input-field input[type=text],
    .mtrl-input-field input[type=password],
    .mtrl-input-field input[type=email] {
        font-size: 0.75rem;
    }

    .mtrl-input-field .mtrl-input-field-label {
        font-size: 0.75rem;
        top: 0.75rem;
    }

        .mtrl-input-field .mtrl-input-field-label.active {
            font-size: 0.7rem;
            transform: translateY(-140%);
        }

    .itinerary.voyager-loader,
    .login-popup #login,
    .login-popup #ForgotPassword {
        width: 45%;
    }
}
@media only screen and (max-width: 1024px) {
    .column {
        width: 22.77%;
        margin-right: 2.97%;
    }

        .column:last-of-type {
            margin-right: 0;
        }

    #header {
        height: 50px;
    }

        #header .inner {
            width: 100%;
            padding: 0;
        }

    .logo, .logo h1, .logo h1 a {
        width: 120px;
        height: 41px;
    }

    #header .logo {
        margin-left: 10px;
        margin-top: 3px;
    }

    #header .menu, #header .drive-club {
        display: none;
    }

    #header .menu-btn {
        display: block;
        height: 17px;
        width: 15%;
        float: right;
        margin: 16px 0px 0px 0px;
        color: white;
        font-size: 17px;
        line-height: 17px;
        text-align: center;
    }

        #header .menu-btn:hover {
            color: #ffde00
        }

    .user-logged-section, .user-logged-section-registration, .user-logged-section-profile {
        top: 50px;
        height: calc(100vh - 50px);
    }

    .icheck-item.iradio {
        margin: 5px 9px 0 0;
    }

    .error-modal {
        width: 95%;
        margin: 15% auto;
    }

    .login-header {
        float: right;
        line-height: 50px;
        width: 15%;
    }

    #voyager-step2-bottom {
        width: 100% !Important;
        display: block !important;
    }

    .ltd-offer .site-form {
        display: block;
        width: 100% !important;
    }

        .ltd-offer .site-form .mobi-actions {
            display: none;
        }

    .login-header-single, .login-header-single-logout, .login-header-single-profile {
        width: 100% !important;
    }

        .login-header-single a span, .login-header-single-logout a span, .login-header-single-profile a span {
            height: 50px !important;
            line-height: 50px !important;
        }

            .login-header-single a span i, .login-header-single-logout a span i, .login-header-single-profile a span i {
                line-height: 50px !important;
                width: 100% !important;
                text-align: center !important;
            }

            .login-header-single a span span {
                display: none;
            }

    .user-logged-section > div > div, .user-logged-section-registration > div > div, .user-logged-section-profile > div > div {
        top: 0px;
    }

    .informational-port {
        margin: 10px 10px 0 10px;
    }

        .informational-port .ln {
            visibility: hidden;
        }

    .informational-port-top-right {
        width: 100% !important;
    }

    .login-popup {
        position: fixed;
        top: 0px;
        left: 0px;
        border-radius: 0;
        width: 100%;
        height: 100%;
        z-index: 110;
    }

        .login-popup form {
            width: 450px;
            margin: auto;
            overflow: hidden;
        }

        .login-popup .clearfix {
            position: relative;
        }

        .login-popup .line {
            position: absolute;
            left: 52px;
            top: 9px;
            margin: 0;
            width: 100%;
        }

        .login-popup .login-column {
            width: 45%;
        }

        .login-popup .close-btn {
            float: none;
            margin: 40px auto 0px;
        }

    .footer-column {
        width: 22.77%;
        margin-right: 2.97%;
    }

        .footer-column.last {
            margin-right: 0;
        }

        .footer-column li, .footer-column li a {
            line-height: 35px;
        }

    .footer-bottom div.copyright {
        width: 100%;
        text-align: center;
    }

    .footer-bottom .footer-links {
        width: 330px;
        margin: auto;
        float: none;
    }

        .footer-bottom .footer-links ul {
            margin: auto;
        }

    #footer .other-websites.small-site #other-websites-holder {
        margin-top: 45px
    }

    #footer .social {
        margin-top: 57px;
    }

        #footer .social .social-div {
            width: 43.47%;
            margin: 0px 2.97% 34px 0;
            float: left;
            height: 24px;
        }

            #footer .social .social-div a {
                float: none;
                margin: auto;
                font-size: 24px;
                line-height: 24px;
            }

            #footer .social .social-div:nth-of-type(2n+2) {
                margin-right: 0;
            }

            #footer .social .social-div:nth-of-type(3n) {
                margin-bottom: 0;
            }

            #footer .social .social-div:nth-of-type(4n) {
                margin-bottom: 0;
            }

    .nav {
        height: calc(100vh - 60px);
        max-height: calc(100vh - 60px);
        right: -100%;
        position: fixed;
        top: 50px;
        width: 290px;
        z-index: 2;
        transition: right 0.5s;
        -webkit-transition: right 0.3s;
        background: rgba(34, 33, 33, 1);
        overflow: auto;
        left: initial;
        right: -100%;
        display: inherit;
    }

    .user-logged-section-displayed {
        right: 0;
    }

    .nav .desktop {
        display: none;
    }

    .nav .mobi {
        display: block;
    }

    .inner {
        padding: 0px 81px;
        width: 100%;
        max-width: 1024px;
    }

    .mobi-actions {
        display: none;
    }

    .ltd-ext .site-form {
        display: block;
    }

    .ltd-offer .inner {
        padding: 0;
    }

    .content-area {
        width: 100%;
    }

    .promo {
        width: 49.83%;
        margin-right: 0.34%;
    }

        .promo .promo-content {
            height: 50%;
        }

    .main-promo {
        width: 100%;
        margin-right: 0;
        height: 35.93vw;
    }

    .main-promo-carousel {
        width: 100%;
        margin-right: 0;
        height: 35.93vw;
    }

    .main-promo .image-holder {
        height: 100%
    }

    .main-promo .promo-content {
        height: 100%;
    }

    .useful-items .column {
        width: 49.83%;
        margin-right: 0.34%;
    }

        .useful-items .column:last-of-type {
            margin: 0;
        }

    .site-form {
        width: 100%;
    }

    .home-margin {
        margin-top: 0;
    }

    #page.form-open form .inner {
        padding: 0px 81px;
        overflow: visible;
    }

    .reservation-type .box-label {
        width: auto;
        float: left;
    }

        .reservation-type .box-label:last-of-type {
            text-align: right;
            float: right;
        }

            .reservation-type .box-label:last-of-type .icheck-item.iradio {
                float: none;
                display: inline-block;
            }

    form .icheck-item {
        margin-right: 22px;
    }

    .line-title {
        overflow: visible
    }

        .line-title .line {
            width: 150%;
        }

    .form-actions {
        display: block;
    }

    .has-tip:hover .tip {
        display: none;
    }

    .has-tip .tip {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 80px 15px;
        cursor: default;
    }

        .has-tip .tip .close-btn {
            display: inline-block;
            margin: 15px auto 0px;
            height: 21px;
            width: 21px;
            background: url('/img/sprite/site.png') no-repeat;
            background-position: -114px -72px;
            font-size: 13px;
            line-height: 21px;
            text-align: center;
            color: #919191;
            cursor: pointer;
        }

    #page.form-open .site-form-page form .inner {
        padding: 0px 42px 40px;
    }

    #page.form-open .site-form-page {
        display: block;
    }

        #page.form-open .site-form-page form .heading-block .inner {
            padding-left: 81px;
        }

    #page form .car-categories .box-label .icheck-item {
        margin-right: 9px;
    }

    .filtered-vehicles {
        margin-right: 0;
        float: right;
    }

    #page .total-rental .box-label .icheck-item.iradio {
        margin: 0px 7px 0 0;
    }

    .itinerary {
        display: none;
    }

    .booking-step-3 .itinerary {
        display: block;
        float: right;
    }

    #page form .extra-block .icheck-item {
        margin-right: 14px;
    }

    .booking-step-4 .personal-details {
        width: 450px;
        float: none;
        margin: auto;
    }

    .thank-you-message {
        width: 450px;
        height: 401px;
    }

    .manage-res-container {
        margin-bottom: 40px;
    }

    .reservation-actions, .reservation-section {
        float: none;
        width: 100%;
    }

        .reservation-section .accordion-body li .info, .payable-reservation .info {
            width: 70%;
        }

        .reservation-section .accordion-body li .value, .payable-reservation .value {
            width: 30%;
        }

    .vehicle-page .filtered-vehicles {
        float: left;
        margin: 43px 0 0;
    }

    .vehicle-page .inner {
        padding: 0px 42px 100px;
    }

    .compare-container {
        float: right;
    }

    .compare-container, .vehicle-page .filtered-vehicles {
        display: none;
    }

    .side-filter {
        width: 100vw;
        float: left;
        margin-left: -42px;
    }

        .side-filter .header h4,
        .side-filter li a span {
            display: block;
            width: 294px;
            margin: auto;
        }

    .side-filter {
        display: none;
    }

    .vehicle-page .mobi-form-actions .search-btn {
        display: none;
    }

    .vehicle-page .mobi-form-actions .inner > .clearfix div {
        height: 49px;
    }

    .compare-count {
        display: block;
    }

    .vehicle-page .side-filter {
        display: block;
    }

    .page-accordion-container {
        width: 100%;
        float: none;
    }

    .accordion .image-holder {
        width: 100%;
        float: none;
        height: 236px;
        margin: 0px 0px 0;
    }

    .promotions .inner-content > * {
        width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .promotions .accordion-header > span {
        width: 450px;
        margin: auto;
        display: block;
    }

    .promotions .accordion-header {
        position: relative;
    }

        .promotions .accordion-header .arrow-container {
            position: absolute;
            right: 13px;
            top: 11px;
            float: none;
            margin: 0;
        }

    .news-item {
        width: 100%;
        height: 349px;
        border-bottom: #037b00 solid 2px;
        margin: 0 0 50px;
    }

        .news-item .image-holder {
            width: 48.51%;
            float: left;
            height: 293px;
            overflow: hidden;
        }

        .news-item .news-content {
            width: 48.51%;
            float: right;
            height: 293px;
            position: relative;
        }

        .news-item .read-more {
            left: 0;
            right: auto;
        }

    .error-content {
        width: 450px;
        height: 401px;
    }

        .error-content .icon-section {
            width: 150px;
            padding: 0px 14px;
            vertical-align: top;
        }

        .error-content .message {
            width: 210px;
            display: inline-block;
            margin-left: 23px;
            text-align: left;
        }

            .error-content .message h4 {
                font-size: 52px;
                margin-bottom: 15px;
            }

    .ise .icon-section {
        display: none;
    }

    .ise .line {
        display: none;
    }

    .ise .error-content .message {
        display: block;
        width: 295px;
        margin: auto;
        text-align: center;
    }

    html #page .contact-info .submit-btn {
        margin: 0;
    }

    .contact-page .left-side, .contact-page .right-side {
        width: 48.51%;
    }

    .office .message-europcar {
        display: block;
        width: 48.51%;
        height: 51px;
        margin: auto;
        background: white;
        text-align: center;
        font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
        font-style: normal;
        font-weight: bold;
        color: #037b00;
        font-size: 17px;
        line-height: 51px;
    }

        .office .message-europcar:hover {
            background: #037b00;
            color: white;
        }

    .itinerary.full {
        display: block;
    }

    .useful-items {
        width: 100%;
    }

    .ltd-ext {
        max-width: 918px;
    }

    .mtrl-input-field input[type=text],
    .mtrl-input-field input[type=password],
    .mtrl-input-field input[type=email] {
        font-size: 0.75rem;
    }

    .mtrl-input-field .mtrl-input-field-label {
        font-size: 0.75rem;
        top: 0.75rem;
    }

        .mtrl-input-field .mtrl-input-field-label.active {
            font-size: 0.7rem;
            transform: translateY(-140%);
        }

    .itinerary.voyager-loader,
    .login-popup #login,
    .login-popup #ForgotPassword {
        width: 45%;
    }

    .btn.small {
        font-size: 0.55rem;
    }
}
@media only screen and (min-width: 426px){

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 319px) and (max-device-width: 480px) {

    #cookie-banner {
        display: none;
        background-color: rgba(0, 0, 0, 0.83);
        color: white;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        padding:0.5rem;
    }

    .cookie-modal{
        padding:0.5rem !important;
    }

    .cookie-modal table {
        padding: 0rem !important;
    }

    #cookie-preferences {
        padding: 0.5rem;
        border: 1px solid #f0f0f03d;
        border-radius: 5px;
    }

    #close-privacy-centre {
        right: 0rem;
        top: -0.5rem;
    }

    .cookie-preferences-overlay > div > table > tbody > tr:nth-child(1) > td {
        padding-top: 1.5rem !important;
    }

    .mobile-cookie-btns {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        margin-top: 0.5rem;
    }

    .heading-td {
        display: none;
    }

    .content-td {
        width: 100%;
        height: 100%;
        margin: 0;
        float: left;
        display: block;
    }

        .content-td p {
            font-size: 12px;
            margin-bottom: 0
        }

    .button-td {
        display:none;
    }

    .mobile-promo{
        display:block !important;
    }

    .tabs li, .informational-tabs li {
        font-size: 0.7em;
    }

        .tabs li:last-child a {
            padding-top: 13px;
        }

    .content-area {
        margin-top: 0px;
    }

    .inner {
        padding: 0 5px;
    }

    .heading-block-new {
        display: none;
    }

    .mobi-action.dc {
        display: none;
    }

    .pagination {
        display: none;
    }

    .promos {
        display: none;
    }

        .promos > .promo:nth-of-type(2n + 2) {
            margin: 0px;
        }

    .promo {
        height: auto;
    }

        .promo .promo-content {
            height: auto;
            padding: 15px 20px;
        }

        .promo .promo-cta {
            display: none;
        }

        .promo .image-holder {
            height: auto;
        }

    #footer .upper .inner {
        padding: 0px 5px;
    }

    .mobi-actions {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

        .mobi-actions a {
            width: calc(100% / 3);
            float: left;
            height: calc(218px / 3);
            text-align: center;
            text-decoration: none;
            font-size: 0.9em;
            border-top: solid 10px #f0f0f0;
            border-bottom: solid 1px lightgray;
        }

        .mobi-actions .active {
            border: solid white 10px;
            border-top: solid white 10px;
            border-bottom: 0px;
        }

        .mobi-actions a:nth-of-type(2) {
            border-right: solid lightgray 1px;
        }

        .mobi-actions a div {
            width: 100%;
        }

        .mobi-actions a i {
            float: left;
            width: 100%;
            text-align: center;
        }

            .mobi-actions a i img {
                height: 24px;
            }

    .main-promo-carousel {
        display: none;
    }

    .page-tabs {
        display: none;
    }

    .site-form {
        margin: 0px;
        border: none;
        margin: 0px;
        background: #f0f0f0;
    }

    .voyager-ext .site-form {
        width: 100%;
    }

    #booking-form {
        background: rgb(5, 124, 1);
        padding: 0px 15px;
    }

    .form-section {
        padding: 0;
    }

    .line-title .line {
        display: none;
    }

    .voyager-ext {
        background: #f0f0f0 !important;
    }

    .voyager-loader {
        width: 100% !important;
    }

    .voyager-overlay .itinerary {
        width: 100% !important;
        border-radius: 0px;
        display: block;
    }

        .voyager-overlay .itinerary.wide .itinerary-container {
            padding: 4px 10px 10px 10px;
            width: 100%;
        }

    .voyager-overlay .vehicle-choice .vehicle-information {
        margin: 7px 0px 11px;
    }

    .voyager-container-step2 > div {
        overflow: auto;
    }

    .voyager-content-step3 itinerary-container {
        width: 100%;
    }

    .itinerary,
    .itinerary .itinerary-container {
        border-radius: 0;
        margin: 0;
    }

    .voyager-error {
        font-size: 0.8em !important;
    }

    .voyager-overlay .input-field input {
        font-size: 0.6em !important;
        padding: 0 0 0 5px !important;
    }

    .voyager-membership-left,
    .voyager-membership-left-no-login {
        width: 100% !important;
        padding: 10px 10px 0px 10px !important;
    }

        .voyager-membership-left .patch,
        .voyager-membership-left-no-login .patch {
            width: 100% !important;
        }

    .voyager-ext .mobi-actions {
        display: none;
    }

    .voyager-content-step3 {
        overflow-y: auto;
    }

    #page.form-open .site-form-page form .inner {
        padding: 0 !important;
    }

        #page.form-open .site-form-page form .inner h2 {
            font-size: 1em;
        }

    #booking-form .heading-block {
        border-bottom: solid 10px white;
        text-align: center;
        display: none;
    }

    .step-holder {
        width: 100%;
    }

    .heading-block h3 {
        display: none;
    }

    .heading-block .steps {
        margin: 0px calc((100% - 82px) / 2);
    }

    .messageBox-div {
        width: 100%;
        border-radius: 0;
        background: white;
        width: 100%;
    }

    .booking-step-2 .form-section {
        padding: 10px 0px 23px;
    }

    .vehicle .vehicle-image {
        width: 40%;
        float: left;
    }

    .vehicle .total-rental {
        width: 60%;
        float: left;
        padding: 10px 0;
    }

    .vehicle h5 {
        display: none;
    }

    .total-rental .box-label {
        padding: 0;
    }

    .vehicle .vehicle-image h4 {
        padding: 0;
    }

    .vehicle .vehicle-info {
        float: left;
        width: 100%;
        margin: 0px 0 0;
    }

    .vehicle .select-btn {
        width: 100%;
    }

    .booking-step-2 .itinerary {
        display: none !important;
    }

    .filtered-vehicles .vehicle, .filtered-vehicles .vehicle:nth-of-type(2n + 2) {
        margin: 15px 0 !important;
        width: 100% !important;
    }

    .booking-step-3 .itinerary {
        display: none !important;
    }

    .extra-block.waiver-block {
        display: none;
    }

    #page .itinerary {
        width: 100%;
    }

    .booking-step-4 .itinerary {
        display: none !important;
    }

    .heading-block{
        display:none;
    }

    .hide-on-mobile {
        display:none;
    } 
    
    .manage-res-container, .etoll-query-container {
        padding: 0 15px;
    }

        .manage-res-container .btn.small, .etoll-query-container .btn.small {
            width: 100%;
        }

    .filtered-vehicles .vehicle {
        border-radius: 0;
        width: calc(100% - 20px);
        padding: 10px;
    }

    .reservation-overlay .table-helper {
        padding: 60px 15px;
    }

    .messageBox-div {
        width: 95%;
        margin: 20% auto;
    }

    .booking-step-4 .personal-details select,
    .voyager-content-step3 .personal-details select {
        width: 100%;
        height: 40px;
        border: none;
        outline: none !important;
        font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #919191;
        padding: 0px 0px 0px 12px;
        background: white;
        border-radius: 3px;
        -webkit-box-shadow: inset 2px 2px 6px 0px #cecece;
        -moz-box-shadow: inset 2px 2px 6px 0px #cecece;
        box-shadow: inset 2px 2px 6px 0px #cecece, 0px 1px 1px black;
    }

    .voyager-ext .site-form {
        width: 100% !important;
        margin: 0;
    }

    .voyager-content-step3 .personal-details select {
        height: 33px;
    }

    .booking-step-4 .personal-details .title-field,
    .booking-step-4 .personal-details .initials-field {
        width: 50%;
    }

    #booking-form .input-field,
    #booking-form .comments-field {
        padding: 0px 5px;
    }

    .extra-block h4 {
        padding: 0px 0px 7px 23px;
    }

    #step4-form {
        width: 100%;
    }

    .thank-you-screen {
        width: 100%;
    }

        .thank-you-screen .personal-details {
            min-width: 100% !important;
        }

    .site-form-page .form-section {
        padding: 10px 0px 23px;
    }

    .thank-you-message {
        display: block;
        margin: 0px auto 30px;
        border-radius: 0;
        height: auto !important;
        border: none;
    }

        .thank-you-message .thank-you-logo {
            display: none;
        }

        .thank-you-message .btn:first-child {
            display: none;
        }

    .itinerary.full.reservation-dialog {
        left: 0 !important;
        width: 100%;
    }

    #footer .upper {
        display: none;
    }

    .date-time-field {
        width: 45%;
    }

    #page {
        background: #f0f0f0 !important;
        position: initial !important;
        margin-top: 60px;
        top: 0;
        padding-bottom: 0;
    }

    .content-area.promotional {
        width: 100% !important;
        background: none !important;
    }

        .content-area.promotional .informational-marketing-body {
            width: 100%;
        }

            .content-area.promotional .informational-marketing-body .driveclub-login-frontpage, .voyager-container-step1-no-login {
                background: rgba(5,124,1,1) !important;
            }

    .informational-port {
        margin: 0 !important;
    }

        .informational-port .ln {
            display: none !important;
        }

    .promotions-image {
        width: 100%;
    }

    .accordion .image-holder {
        margin: 0 !important;
    }

    .promotions-page .site-form {
        display: block;
        width: 100% !important;
    }

    .promotions-inner {
        width: 100%;
    }

    .promotions-page .mobi-actions {
        display: none;
    }

    .itin-status-add-in-6 h2 {
        font-size: 0.7rem;
        padding: 0 0 0.43rem;
    }

    .itin-status-add-in-prog {
        height: 0.43rem;
    }

    .itin-status-add-in-6 {
        padding: 1rem 0.62rem;
    }

    .itin-header {
        padding: 1rem;
    }

    .super-waiver-upgrade .itinerary {
        margin-top: 1rem;
    }

    .super-waiver-upgrade .itinerary-container {
        padding: 1rem !important;
    }

    .super-waiver-upgrade .itin-column {
        width: 100% !important;
    }

    .super-waiver-upgrade .vehicle-image{
        text-align:center;
    }

    .super-waiver-upgrade .first-in-itin-icon{
        height:2rem;
    }

    .super-upgrade-optional-extras h5{
        font-size:0.75rem;
    }

    .super-waiver-upgrade .cost{
        font-size:0.65rem;
    } 
    
    .super-upgrade-optional-extras p {
        display: none;
    }

    .super-upgrade-optional-extras .first-in-itin {
        width: 55%;
        padding-left: 0.45rem;
    }

    .super-upgrade-optional-extras .second-in-itin {
        width:5%;
    }

    .super-upgrade-optional-extras .second-in-itin .icheckbox {
        transform: scale(1);
    }

    .super-upgrade-optional-extras .fourth-in-itin{
        display:none;
    }

    .super-upgrade-optional-extras .third-in-itin{
        width:30%;
        justify-content:flex-end;
    }

    .super-waiver-upgrade .subtract-instance, .super-waiver-upgrade .add-instance{
        width:27px;
        height:28px;
    }

    .super-waiver-upgrade .incrementer span.value{
        font-size:0.65rem;
        width:12px;
    }

    .super-upgrade-optional-extras .itin-in:last-of-type .first-in-itin{
        display: none;
    }

    .super-upgrade-optional-extras .itin-in:last-of-type .third-in-itin{
        width:60% !important;
    }

    .super-upgrade-optional-extras .itin-in:last-of-type .fourth-in-itin {
        display:flex;
        width:30%;
    }
}

@media only screen and (max-width:330px) {
    .stage .inline-list li {
        width: 129px;
        position: relative;
    }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    /* Styles */
    .cookie-modal {
        width:55%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) and (max-device-width: 1024px) {
    /* Styles */
    .cookie-modal {
        width: 90%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) and (max-device-width: 768) {
    /* Styles */
    .cookie-modal {
        width: 90%;
    }

    .mobile-promo {
        display: block !important;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Styles */
    .cookie-modal {
        width: 90%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
}

/**********
iPad 3
**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
    .mobile-promo {
        display: block !important;
    }
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
    /* Styles */
}