@media(max-width:1366px) {
    .mid-header-wrap .site-logo {
        max-width: 180px;
    }
    .header-info li .header-info-text a.partner_logo img {
        height: 28px;
    }
    .mid-header-wrap{
        padding: 5px 0;
    }
    .header-menu-wrap ul li>a{
        font-size: 14px;
        text-transform: uppercase;
    }
    .header-menu-wrap ul li{
        margin: 0 15px;
    }

    .main-slider .swiper-slide .event-title{
        font-size: 38px;
        line-height: 1;
        margin-bottom: 5vh;
    }
	.main-slider .swiper-slide .regsiter-title {
    font-size: 24px;
    line-height: 1;
}
    .car-holder img {
        z-index: 2;
        max-width: 250px;
        right: 15%;
        top: -5%;
        position: relative;
    }
    .car-holder .slider_event_details h4 span{
        font-size: 1.35rem;
    }
    .car-holder .slider_event_address h5 {
        text-align: left;
        font-size: 1.05rem;
        font-weight: 800;
        color: #ffffff;
        display: flex;
        width: 100%;
        white-space: break-spaces;
    }
    .slider-caption.medium{
        font-size: 14px;
        padding: 5px 15px;
    }
    .slider-price .price-img {
        max-width: 550px;
        width: 100%;
        margin-bottom: 1vh;
    }
    .slider-content-wrap.d-flex.align-items-center{
        top: -8vh;
        position: relative;
    }
    .slider_bottom_images {
        position: relative;
        bottom: -20px;
    }
    .default-btn {
        background-color: #f40c00;
        border-radius: 2px;
        height: 38px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        padding: 0 25px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        overflow: hidden;
        letter-spacing: 0.25px;
        text-transform: uppercase;
    }
    .slider-caption.small {
        font-size: 17px;
        margin-bottom: 2.85vh;
    }
    .slider-caption.big {
        font-size: 56px;
        line-height: 60px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 10px;
    }
    .slider-controls{
        width: 350px;
        height: 70px;
        padding: 5px 20px;
    }
    .top-header-nav li a,
    .top-left p {
        font-size: 14px;
    }
    .service-content h3{
        font-size: 14px;
    }
    .post-meta li{
        font-size: 13px;
        padding: 4px 10px;
    }
    .tags li a{
        padding: 3px 10px;
    }
    .service-content p{
        font-size: 13px;
    }
    .service-content{
        padding: 30px 18px 15px;
    }
    .service-item:hover .service-car {
        bottom: 20px;
        right: 40px;
        left: 30px;
    }
    .taxi-holder {
        background-image: url(../img/taxi-background.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 50%;
        width: 100%;
        min-height: 550px;
        position: absolute;
        right: 30px;
        top: 110px;
        z-index: -1;
    }
    .section-heading h2 {
        font-size: 30px;
        line-height: 48px;
        font-weight: 700;
        letter-spacing: -1.0px;
        display: block;
    }
    .feature-wrap{
        padding: 40px 40px;
    }
    .feature-content h3{
        font-size: 21px;
    }
    .post-content-wrap {
        padding: 30px 20px 20px;
    }
    .footer-call p a{
        font-size: 22.5px;
    }
    .social-icons a{
        margin-right: 10px;
    }
}

@media(max-width:992px) {
    .padding {
        padding: 50px 0
    }

    .sm-padding {
        padding: 15px
    }

    p br {
        display: none
    }

    span br {
        display: none
    }

    .default-btn {
        padding: 0 30px
    }

    .section-heading h2 {
        font-size: 32px;
        line-height: 42px
    }

    .section-heading br {
        display: inherit
    }

    .grid-post {
        margin: 0
    }

    .about-info {
        display: block;
        column-gap: 20px
    }

    .about-info li h2 {
        margin-top: 25px
    }

    .about-img:before {
        right: 90px;
        bottom: 0
    }

    .about-img .about-img1 {
        transform: translate(-35px, -40px)
    }

    .about-img .about-img2 {
        right: 30px;
        bottom: -100px
    }

    .service-section .bg-half {
        height: 496px
    }

    .swiper-outside .swiper-nav {
        display: none
    }

    .booking-car,
    .booking-section:before {
        display: none
    }

    .booking-section:after {
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
        height: 60px
    }

    .booking-wrap .section-heading h2 {
        font-size: 32px
    }

    .taxi-holder {
        background-image: none
    }

    .taxi-holder .mockup,
    .location-marker,
    .taxi-holder .taxi,
    .taxi-holder .charecter {
        display: none
    }

    .testimonial-section {
        padding: 50px 0
    }

    .feature-wrap {
        margin-left: 0;
        padding: 50px;
        margin-top: 80px
    }

    .footer-call p span {
        display: inline-block;
        font-size: 32px;
        line-height: 1;
        margin-bottom: 0;
        margin-right: 20px
    }

    .cta-men {
        display: none
    }

    .cta-content h2 {
        font-size: 36px
    }

    .cta-section {
        clip-path: inherit
    }

    .cta-content {
        text-align: center
    }

    .cta-content .cta-call {
        justify-content: center
    }

    .cta-content .cta-call p span {
        text-align: left
    }

    .booking-form-2 {
        margin-bottom: 50px
    }

    .cta-section-2 .cta-content {
        text-align: left;
        margin-bottom: 35px;
        width: 50%
    }

    .cta-section-2 .cta-men {
        display: block;
        background-size: 90%;
        right: 10px
    }

    .page-header-shape {
        width: 30%;
        height: 60px
    }

    .page-header-shape:after {
        height: 45px
    }

    .video-box-inner>img {
        display: none
    }

    .taxi-details .section-heading {
        margin-top: 40px
    }

    .driver-details {
        margin-top: 40px
    }

    .testimonial-section-2 .testi-pagination .swiper-pagination {
        bottom: -20px
    }

    .contact-form-group .default-btn {
        font-size: 14px
    }
}

@media all and (max-width:768px) {
    

    .padding {
        padding: 50px 0
    }


    .xs-padding {
        padding: 15px
    }

    .section-heading p br,
    br {
        display: none
    }

    .section-heading h2 {
        font-size: 24px;
        line-height: 26px
    }

    .about-img {
        margin-bottom: 80px;
        margin-top: 15px
    }

    .about-img:before {
        right: 75px;
        bottom: -35px;
        height: calc(100% + 50px)
    }

    .about-img .about-img1 {
        max-width: 240px;
        transform: translate(20px, 10px)
    }

    .about-img .about-img2 {
        right: 15px;
        bottom: 30px
    }

    .service-section .bg-half {
        height: 547px
    }

    .booking-form {
        grid-template-columns: 1fr
    }

    .booking-section:after {
        display: none
    }

    .booking-wrap .section-heading h2 {
        font-size: 24px
    }

    .cta-content h2 {
        font-size: 24px;
        line-height: 32px
    }

    .cta-content .cta-call p a {
        font-size: 22px
    }

    .footer-top .brand:before {
        clip-path: inherit
    }

    .footer-top-wrap {
        background-color: #222;
        overflow: hidden
    }

    .footer-call p span,
    .footer-call p a {
        font-size: 20px
    }

    .footer-top .brand {
        display: block;
        padding: 50px 30px
    }

    .footer-top .brand p {
        padding: 0;
        margin-top: 20px
    }

    .footer-top .brand p:before {
        display: none
    }

    .footer-mid-wrap {
        padding: 50px 0 100px
    }

    .main-slider-2 .swiper-nav {
        display: none
    }

    .booking-form-2 .col-lg-8 {
        padding: 50px 20px
    }

    .booking-form-2 {
        clip-path: none
    }

    .cta-section-2:before,
    .cta-section-2 .cta-content {
        width: 100%
    }

    .cta-section-2 .cta-men {
        display: none
    }

    .page-header-shape {
        width: 40%;
        height: 50px
    }

    .page-header-shape:after {
        height: 35px;
        left: -100px
    }

    .service-details-list,
    .service-features {
        grid-template-columns: 1fr
    }

    .service-details-list>div {
        margin-top: 20px
    }

    .taxi-details-img img {
        margin-left: 0;
        margin-top: 30px
    }

    .taxi-details-img .price {
        right: 35px;
        top: 10px
    }

    .taxi-features {
        grid-template-columns: 1fr
    }

    .taxi-booking-form {
        grid-template-columns: 1fr
    }

    .contact-form-group {
        display: block
    }

    .contact-form-group .form-field:not(:last-of-type) {
        margin-bottom: 20px
    }

    .contact-section .contact-details li {
        display: block
    }

    .contact-section .contact-details li i {
        display: block;
        margin-bottom: 15px
    }
}

@media all and (max-width:580px) {
    .car-holder{
        display: block;
        position: relative;
        height: auto;
        text-align: center;
        padding-top: 0vh;
    } 
    .car-holder img{
        right: 0;
        max-width: 110px;
    }
    .car-holder .slider_event_address{
        display: none;
    }
    .car-holder .slider_event_details{
        display: block;
        left: 0;
        animation: none;

    }
    .slider_bottom_images{
        bottom: 0;
    }
    .slider-content-wrap.d-flex.align-items-center{
        top: 2vh;
        height: auto;
    }
    .main-slider .swiper-slide .regsiter-title{
        font-size: 18px;
        text-align: center;
    }
    .main-slider .swiper-slide .inner-layer .animated{
        font-size: 0.68rem;
        padding: 0.35rem
    }
    .slider-caption.medium{
        font-size: 11px;
        padding: 0px 10px;
        text-align: center;
        margin: auto auto 10px;
    }
    .slider-caption.small, .slider-btn{
        text-align: center;
    }
    .slider-price .price-img{
        max-width: 375px;
    }
    .slider-price .price-img img{
        width: 100%;
        position: relative;
    }
    .download-btn a {
        width: 100px;
    }
    .download-section .section-heading h6 {
        font-size: 1.1rem;
    }
    .slider_bottom_logo img{
        height: 40px;
    }
    .slider-controls{
        width: 100%;
    }
    .nav-menu-inner {
        max-width: 100%;
    }
    .main-slider .swiper-slide{
        height: 65vh;
        padding-top: 2.5vh;
    }
    .app-feature li .feature-icon {
        width: 25px;
        margin-bottom: 10px;
    }
    .app-feature li h3 {
        font-size: 10px;
        line-height: 15px;
    }
    .main-slider .swiper-slide .event-title {
        font-size: 1.25rem;
        line-height: 1;
        margin-bottom: 2vh;
        text-align: center;
    }

    .main-slider .swiper-slide .inner-layer {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1;
    }

    .main-slider .swiper-slide .slider-btn h3{
        font-size: 1rem;
    }

    .main-slider .swiper-slide .slider_event_date .default-btn {
        font-size: 12px;
        height: 26px;
        width: fit-content;
        padding: 5px 10px;
    }


    #scrollup {
        bottom: 20px;
        right: 20px
    }

    .pricing-tab-menu li:not(:last-of-type) {
        padding-right: 25px
    }

    .pricing-tab-menu li:not(:last-of-type):before {
        width: 15px;
        right: 5px
    }

    #pricing-tab-content .tab-pane {
        margin-top: 15px
    }

    .app-feature li:not(:last-of-type) {
        margin-bottom: 0;
        margin-right: 10px;
    }
    p{
        font-size: 12px;
    }
    .about-section .section-heading h2 {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 18px;
    }
    .section-heading h4{
        font-size: 14px;
    }
    .cta-content {
        max-width: 100%;
    }
    .cta-content p{
        font-size: 14px;
    }
    .cta-content .cta-call p{
        text-align: left;
    }
    .cta-content .cta-call i{
        font-size: 42px;
        width: 100px;
    }
    .feature-wrap{
        padding: 25px;
    }
    .feature-icon{
        font-size: 40px;
    }
    .feature-content h3 {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 2vh;
    }
    .post-card .post-content h3 {
        font-size: 15px;
        line-height: 1.3;
    }
    .post-card .post-content .read-more{
        font-size: 12px;
    }
    .blog-section .mb-40 {
        margin-bottom: 10px;
    }
    .post-category{
        font-size: 11px;
        line-height: 27px;
        height: 25px;
    }
    .co-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (min-width: 1367px) and (max-width: 1920px)
{
    .about-img:before {
        background-color: #00488b;
        border-radius: 2px;
        transform: skew(343deg, 0deg);
        content: "";
        width: 250px;
        height: calc(100% + 70px);
        position: absolute;
        right: 135px;
        top: -40px;
        z-index: -1;
    }
    .event-item-section p {
        font-size: 20px;
    }
    .main-slider .swiper-slide {
        padding-top: 0vh;
    }

    .aboutslogan {
        margin-bottom: -45px;
        z-index: 99999 !important;
        color: white;
        margin-left: 10px;
    }
    .header-menu-wrap ul li {
        padding: 20px 10px;
    }
}