@media (min-width: 1200px) {}

@media (max-width: 1199px) {
    header .bg-gradient-euro {
        font-size: 16px;
        line-height: 22px;
    }
    h1 {
        font-size: 38px;
        line-height: 44px;
    }
    h2, .app h2 {
        font-size: 28px;
        line-height: 34px;
    }
    header nav .navbar-nav .nav-link {
        font-size: 13px;
        line-height: 19px;
    }
    .promotion-banner:before {
        background-position: center;
    }
    .promotion-banner .shap-right:before {
        display: none
    }
}

@media (max-width: 991px) {
    header .bg-gradient-euro {
        font-size: 18px;
        line-height: 24px;
    }
    header .navbar-nav .nav-item .nav-link:hover {
        color: #000 !important;
    }
    header .navbar-nav .nav-item:nth-child(6) .nav-link {
        border-bottom: none;
    }
    header .navbar .w-25 {
        width: auto !important;
    }
    header .navbar-light .navbar-toggler-icon {
        background-image: url(../images/download.svg) !important;
    }
    header .navbar-light .navbar-toggler {
        border: transparent !important;
    }
    header .navbar-nav .nav-link {
        border-bottom: 1px solid #e8e8e8;
    }
    header .navbar-nav .nav-item:last-child .nav-link {
        border: 0;
    }
    header .navbar-nav .nav-item .nav-link:before, header .navbar-nav .nav-item .nav-link:after {
        display: none;
    }
    .euro-areas a {
        font-size: 16px;
        line-height: 22px;
    }
    h1 {
        font-size: 34px;
        line-height: 40px;
    }
    h2, .app h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .reviews:before {
        width: 40%;
    }
    .promotion-banner:before {
        width: 39%;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 26px;
        line-height: 32px;
    }
    h2, .app h2 {
        font-size: 22px;
        line-height: 28px;
    }
    h3 {
        font-size: 20px;
        line-height: 26px;
    }
    h4, h5, h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .euro-areas .nav-link, .see-box picture figcaption .h4, .nex-travel .card .card-body p, .reviews blockquote p {
        font-size: 18px;
        line-height: 24px;
    }
    .our-fleet .card .card-title h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .reviews:before, .promotion-banner:before {
        display: none;
    }
    .see-box picture figcaption {
        bottom: 10px;
        left: 15px;
    }
    .about-detail .d-flex {
        flex-wrap: wrap !important;
    }
    .about-step .media {
        flex-direction: column !important;
    }
    .about-step .media-body:before {
        display: none;
    }
}

@media (max-width: 575px) {
    header .bg-gradient-euro {
        font-size: 16px;
        line-height: 22px;
    }
    header nav .navbar-nav .nav-link {
        font-size: 16px;
        line-height: 22px;
    }
    h1 {
        font-size: 24px;
        line-height: 30px;
    }
    h3, .see-box .btn {
        font-size: 18px;
        line-height: 24px;
    }
    .see-box picture, .euro-areas .nav-link {
        box-shadow: none;
    }
    .euro-areas .nav-link, .nex-travel .card .card-body p {
        font-size: 16px;
        line-height: 22px;
    }
    .our-fleet picture img {
        width: 175px;
    }
    .conatct-detail form .form-control {
        height: inherit;
    }
    .our-fleet .card .card-body span {
        float: none !important;
    }
}

@media (max-width: 479px) {
    header .navbar-light .navbar-toggler-icon {
        background-image: url(../images/download_mble.svg) !important;
    }
    header .navbar svg {
        width: 16px;
        height: 16px;
        margin-top: 4px;
    }
    header .bg-gradient-euro {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 14px;
        line-height: 20px;
    }
    header .navbar-toggler {
        padding: 0 !important;
        font-size: medium;
    }
    .banner .card {
        border: 2px solid rgba(253, 48, 85, 1) !important;
    }
    .banner .card-header {
        border-bottom: transparent;
        border-radius: 0;
        padding: 6px !important;
        /*font-size: 14px;*/ 
    }
    .banner .col-auto {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .banner .col-12 {
        padding: 0 !important;
    }
    .banner form p {
        /*        font-size: 12px;
                line-height: 18px;*/
    }
    .banner .tab-pane {
        padding: 0.55rem!important;
    }
    .banner form .form-group label {
        font-size: 12px;
        line-height: 16px;
    }
    .banner .btn {
        font-size: 16px;
        line-height: 22px;
        padding: 8px 38px !important;
    }
    h1 {
        font-size: 22px;
        line-height: 28px;
    }
    .banner form .form-group {
        margin-bottom: 5px;
    }
    .banner form .form-group .form-control, .ui-timepicker-standard .ui-menu-item {
        font-size: 14px;
    }
    .ui-timepicker-standard a {
        padding: 0;
    }
    .banner .nav-pills .nav-link, .banner .nav-pills .nav-link.active, .banner .nav-pills .show>.nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    .banner .col-9, .euro-pics .col-6, .euro-areas .col-6, .nex-travel .col-10, .our-fleet .col-6, .contact .col-6, .app .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    p {
        font-size: 14px;
        line-height: 20px;
        color: rgba(119, 119, 119, 1);
    }

    .see-box {
        background: transparent;
        padding: 0 !important;
    }
    .see-box picture img {
        border-radius: .25rem;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    }
    .see-box picture figcaption .h4 {
        font-size: 16px;
        line-height: 22px;
        color: rgba(255, 255, 255, 1) !important;
    }
    .see-box picture figcaption svg {
        width: 20px;
        height: 20px;
    }
    .london-area .theme-component-feature-circle-responsive span {
        font-size: 22px;
        line-height: 28px;
        color: rgba(212, 212, 212, 1) !important;
    }
    .promotion-banner .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .theme-component-list.theme-component-list-style-2 ul li>span {
        width: 30px;
        height: 30px;
        border: 2px solid #000 !important;
    }
    .london-area svg {
        vertical-align: top !important;
        width: 14px;
        height: 14px;
    }
    .london-area .list-group .list-group-item {
        font-size: 15px;
        line-height: 21px;
        color: rgba(0, 0, 0, 1) !important;
        align-items: center;
        display: flex;
    }
    .euro-content article p, .reviews blockquote p {
        font-size: 16px;
        line-height: 22px;
    }
    .promotion-banner .btn {
        width: 100%;
    }
    .conatct-detail .card {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .our-fleet .card {
        /*                filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
                -webkit-box-shadow: inset 0px 0px 5px 0px rgba(163, 163, 163, 0.65);
                -moz-box-shadow:    inset 0px 0px 5px 0px rgba(163, 163, 163, 0.65);
                box-shadow:         inset 0px 0px 5px 0px rgba(163, 163, 163, 0.65);
                        border: 2px solid rgba(225,225,225,1) !important;
                border-radius: 10px !important;
                width: 100%;
                text-align: center;
                padding: 20px !important;*/
    }
    .our-fleet .card .card-title h5 {
        font-size: 18px;
        line-height: 24px;
    }
    .our-fleet picture img {
        width: auto;
    }
    .our-fleet .card button {
        font-size: 14px;
        line-height: 20px;
    }
    .our-fleet .card .card-body span {
        /*float: left !important;*/
    }
    .our-fleet .card .card-body span:nth-child(2) {
        /*float: right !important;*/
    }
    .app .col-6 picture img {
        width: 135px;
    }
    .app .col-xl {
        order: 2;
    }
    .app .col-6 {
        order: 1;
    }
    .app .row {
        justify-content: center !important;
    }
    .conatct-detail form .form-group small {
        font-size: 79% !important;
    }
}

@media (max-width: 375px) {
    .services .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nex-travel {
        display: none;
    }
}