@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){

    .copyright-wrap{
        padding-bottom: 50px !important;
    }

    .padding{
        padding:50px 0
    }
    .xs-padding{
        padding:15px
    }
    .section-heading p br,br{
        display:none
    }
    .section-heading h2{
        font-size:24px;
        line-height:34px
    }
    .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 20px
    }
    .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){
    #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:20px
    }
}