@-ms-viewport {
    width: device-width;
}


@media (min-width: 1441px) and (max-width: 1659px) {
    
}

@media (min-width: 1270px) and (max-width: 1440px) {
    
    /* for contact page */

    .contact-support-button .support-button a {
        padding: 12px 30px 12px 30px;
        font-size:22px;
    }

    /* for lp page */
    
    .lp-testimonial-box{
        padding: 0 20px 0 20px;
    }
    .owl-prev{
        left:-35px;
    }
    .owl-next{
        right:-35px;
    }
}

@media (min-width: 1024px) and (max-width: 1269px) {
    .navigation {
        padding: 30px 28% 0 20%;
    }
    .navigation ul li {
        margin: 0 10px;
    }
    .achivement-info{
        padding: 0 10px;
        font-size: 17px;
    }
    .how-it-works-area{
        padding: 0;
    }
    .how-it-works-picture{
        right: 10%;
        top: 40px;
    }

    /* for contact page */

    .contact-area{
        padding: 20px 20px;
    }
    .contact-support-button .support-button a {
        padding: 10px 30px 10px 30px;
        font-size: 15px;
    }

    /* for lp page */
    
    .lp-testimonial-box{
        padding: 0 20px 0 20px;
    }
    .owl-prev{
        left:-25px;
    }
    .owl-next{
        right:-25px;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .header{
        height: 80px;
    }
    .logo img{
        max-width: 200px;
    }
    .header-left{
        display: none;
    }
    .navigation{
        display: none;
    }
    .menuicon {
        display: block;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-info{
        padding: 20px 20px;
    }
    .home-banner-info h1{
        font-size: 60px;
        line-height: 60px;
    }
    .home-banner-info p{
        font-size: 18px;
        line-height: 18px;
    }
    .top-search-box{
        min-width: 470px;
        max-width: 470px;
        padding: 0 10px;
    }
    .services-area{
        padding: 30px 0;
    }
    .service-item{
        width: 23%;
    }
    .leading-services-area{
        overflow: hidden;
        background: none;
        padding: 20px 0;
    }
    .leading-services-area .container{
        padding: 0;
    }
    .leading-services-inner{
        position: relative;
        padding: 0 0;
    }
    .leading-services-inner-left{
        width: auto;
        float: none;
        padding: 100px 0 0 0;
        min-height: 350px;
        background: url(images/mobile-video-bg.png) no-repeat center top;
    }
    .leading-service-video{
        margin: 0 20px 0 20px;
    }
    .leading-service-video-thumb img{
        width: auto;
        height: auto;
        max-width: 400px;
        margin: 0 auto;
    }
    .video-play-btn img{
        width: 80px;
        height: 80px;
    }
    .leading-services-inner-right{
        width: auto;
        float: none;
    }
    .leading-service-info{
        padding: 0 20px;
        text-align: center;
    }
    .leading-service-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .leading-service-info p{
        font-size:20px;
        line-height: 26px;
        padding: 0 0 10px 0;
    }
    .home-feature-info h3 {
        font-size: 30px;
        line-height: 32px;
    }
    .home-feature-arrow-01{
        top: 20%;
    }
    .home-feature-picture-03 img {
        margin: 0 0 -35px -10px;
    }
    .home-feature-arrow-02 {
        left: 40%;
        top: 30px;
    }
    .how-it-works-area{
        padding: 0 0;
        background: none;
        min-height: 100px;
    }
    .how-it-work-mobile-banner{
        display: block;
    }
    .how-it-works-inner{
        padding: 0 0;
    }
    .how-it-works-inner-left{
        width: auto;
        float: none;
    }
    .how-it-works-info{
        overflow: hidden;
        padding: 20px 0 20px 0;
    }
    .how-it-works-info h2{
        font-size: 40px;
        line-height: 40px;
    }
    .how-it-works-info p{
        font-size: 22px;
        line-height: 32px;
    }
    .how-it-works-picture{
        position: static;
        text-align: center;
    }

    /* for vendor page */

    .transportation-area{
        padding: 30px 0;
    }
    .transportation-top-info p{
        line-height: 24px;
        font-size: 20px;
    }
    .transportation-list-box{
        margin: 0 0 30px 0;
    }
    .transportation-list-inner-left{
        width: 68%;
    }
    .transportation-list-inner-right{
        width: 30%;
    }
    .transport-list-title{
        padding: 0 0 5px 0;
        max-width: 100%;
    }
    .transport-list-title h3{
        font-size: 28px;
        line-height: 30px;
    }
    .transport-review-area h4{
        padding: 0 0 5px 0;
        font-size: 20px;
        line-height: 24px;
    }
    .ratting-star{
        padding: 5px 0 0 0;
    }
    .ratting-star img{
        width: 20px;
        height: 20px;
    }
    .attitude-box{
        border-left: none;
        padding: 0 10px;
    }
    .col-1{
        width: 33%;
    }
    .col-2{
        width: 33%;
    }
    .col-3{
        width: 33%;
    }
    .col-4{
        display: none;
    }
    .transport-button-area{
        position: static;
        padding: 10px 0 0 0;
    }
    .transport-list-info{
        padding: 0 0 10px 0;
    }
    .transportation-price-area{
        padding: 30px 0;
    }
    .heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .transport-price-list{
        width: 90%;
        margin: 10px 5%;
    }
    .blog-area{
        padding: 30px 0;
    }
    .blog-item-inner h4 {
        font-size: 20px;
    }
    .faq-area{
        padding: 30px 0;
    }
    .faq-wrap{
        max-width: 875px;
        margin: 0 auto;
    }
    .faq-list{
        margin: 0 0 20px 0;
    }
    .faq-list h2{
        font-size: 18px;
        line-height: 24px;
    }
    .location-area{
        padding: 30px 0;
    }
    .location-info p{
        font-size: 20px;
        line-height: 30px;
    }
    .default-page-area{
        padding: 30px 0;;
    }
    .vendor-tab-area{
        display: none;
    }
    .vendor-tab-mobile-area{
        display: block;
    }
    .tab-review-list {
        padding: 20px 20px;
    }

    .tab-review-info{
        font-size: 17px;
    }
    .tab-area-info {
        padding: 20px 20px;
    }
    .tab-area-info h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .tab-gallery-inner {
        padding: 20px 20px;
    }
    .gallery-area{
        padding: 30px 0;
    }

    /* for contact page */

    .contact-area{
        padding: 20px 20px;
    }
    .contact-area-left{
        width: auto;
        float: none;
        padding: 0 0 0 0;
    }
    .contact-area-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }

    /* for lp page */

    .lp-testimonial-box{
        padding: 0 20px 0 20px;
    }
    .owl-prev{
        left:-25px;
    }
    .owl-next{
        right:-25px;
    }
    
}

@media (min-width: 481px) and (max-width: 768px) {
    
    .header{
        height: 80px;
    }
    .logo img{
        max-width: 250px;
    }
    .header-left{
        display: none;
    }
    .navigation{
        display: none;
    }
    .menuicon {
        display: block;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-info{
        padding: 20px 20px;
    }
    .home-banner-info h1{
        font-size: 60px;
        line-height: 60px;
    }
    .home-banner-info p{
        font-size: 18px;
        line-height: 18px;
    }
    .top-search-box{
        min-width: 470px;
        max-width: 470px;
        padding: 0 10px;
    }
    .services-area{
        padding: 30px 0;
    }
    .service-item{
        width: 31.33%;
    }
    .leading-services-area{
        overflow: hidden;
        background: none;
        padding: 20px 0;
    }
    .leading-services-area .container{
        padding: 0;
    }
    .leading-services-inner{
        position: relative;
        padding: 0 0;
    }
    .leading-services-inner-left{
        width: auto;
        float: none;
        padding: 100px 0 0 0;
        min-height: 350px;
        background: url(images/mobile-video-bg.png) no-repeat center top;
    }
    .leading-service-video{
        margin: 0 20px 0 20px;
    }
    .leading-service-video-thumb img{
        width: auto;
        height: auto;
        max-width: 400px;
        margin: 0 auto;
    }
    .video-play-btn img{
        width: 80px;
        height: 80px;
    }
    .leading-services-inner-right{
        width: auto;
        float: none;
    }
    .leading-service-info{
        padding: 0 20px;
        text-align: center;
    }
    .leading-service-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .leading-service-info p{
        font-size:20px;
        line-height: 26px;
        padding: 0 0 10px 0;
    }
    .home-features-area{
        padding: 30px 0;
    }
    .home-feature-list-right{
        width: auto;
        float: none;
    }
    .home-feature-list-left{
        width: auto;
        float: none;
    }
    .home-feature-info{
        padding: 20px 20px;
    }
    .home-feature-info h3{
        font-size: 30px;
    }
    .home-feature-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .home-feature-picture-01{
        text-align: right;
        padding: 0 0 0 0;
    }
    .home-feature-picture-01 img{
        margin: 0 30px -75px 0;
    }
    .home-feature-picture-02{
        text-align: right;
        padding: 0 30px 0 0;
    }
    .home-feature-picture-02 img{
        margin: 0 0 -10px 0;
    }
    .home-feature-picture-03{
        text-align: left;
        padding: 0 0 0 0;
    }
    .home-feature-picture-03 img{
        margin: 0 0 -45px -10px;
    }
    .home-feature-picture-04{
        text-align: right;
    }
    .home-feature-picture-04 img{
        margin: 30px 20px -55px 0;
        max-width: 75%;
    }
    .home-feature-arrow-01{
        display: none;
    }
    .home-feature-arrow-02{
        display: none;
    }
    .home-feature-arrow-03{
        display: none;
    }
    .home-feature-mobile-arrow-01{
        display: block;
    }
    .home-feature-mobile-arrow-02{
        display: block;
    }
    .home-feature-mobile-arrow-03{
        display: block;
    }
    .extra-space{
        margin: 150px 0 0 0;
    }
    .how-it-works-area{
        padding: 0 0;
        background: none;
        min-height: 100px;
    }
    .how-it-work-mobile-banner{
        display: block;
    }
    .how-it-works-inner{
        padding: 0 0;
    }
    .how-it-works-inner-left{
        width: auto;
        float: none;
    }
    .how-it-works-info{
        overflow: hidden;
        padding: 20px 0 20px 0;
    }
    .how-it-works-info h2{
        font-size: 40px;
        line-height: 40px;
    }
    .how-it-works-info p{
        font-size: 22px;
        line-height: 32px;
    }
    .how-it-works-picture{
        position: static;
        text-align: center;
    }
    .footer-area{
        padding: 30px 0;
        border-bottom: 20px solid #7ac943;
    }
    .footer-col{
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    /* for vendor page */

    .transportation-area{
        padding: 30px 0;
    }
    .transportation-top-info p{
        line-height: 24px;
        font-size: 20px;
    }
    .transportation-list-box{
        margin: 0 0 30px 0;
    }
    .transportation-list-inner-right{
        width: 40%;
    }
    .transporter-thumbnail img{
        max-width: 100%;
    }
    .transportation-list-inner-left{
        width: 55%;
    }
    .transport-list-title{
        padding: 0 0 5px 0;
        max-width: 100%;
    }
    .transport-list-title h3{
        font-size: 28px;
        line-height: 30px;
    }
    .transport-review-area h4{
        padding: 0 0 5px 0;
        font-size: 20px;
        line-height: 24px;
    }
    .col-1{
        width: 50%;
    }
    .ratting-box{
        padding: 0 0 0 10px;
        min-height: 70px;
    }
    .ratting-box span{
        font-size: 35px;
        line-height: 35px;
    }
    .ratting-star{
        padding: 5px 0 0 0;
    }
    .ratting-star img{
        width: 15px;
        height: 15px;
    }
    .col-2{
        width: 50%;
    }
    .review-box{
        border-left: none;
        min-height: 70px;
    }
    .review-box h5{
        font-size: 35px;
        line-height: 35px;
        padding: 0 0 0 0;
    }
    .col-3{
        display: none;
    }
    .col-4{
        display: none;
    }
    .transport-button-area{
        position: static;
        padding: 10px 0 0 0;
    }
    .button-row a{
        font-size: 19px;
    }
    .transport-list-info{
        padding: 0 0 10px 0;
    }
    .transport-list-info p{
        font-size: 15px;
        line-height: 18px;
    }
    .transportation-price-area{
        padding: 30px 0;
    }
    .heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .transport-price-list{
        width: 90%;
        margin: 10px 5%;
    }
    .blog-area{
        padding: 30px 0;
    }
    .blog-item-inner h4 {
        font-size: 20px;
    }
    .faq-area{
        padding: 30px 0;
    }
    .faq-wrap{
        max-width: 875px;
        margin: 0 auto;
    }
    .faq-list{
        margin: 0 0 20px 0;
    }
    .faq-list h2{
        font-size: 18px;
        line-height: 24px;
    }
    .location-area{
        padding: 30px 0;
    }
    .location-info p{
        font-size: 20px;
        line-height: 30px;
    }
    .default-page-area{
        padding: 30px 0;;
    }
    .vendor-tab-area{
        display: none;
    }
    .vendor-tab-mobile-area{
        display: block;
    }
    .tab-review-list {
        padding: 20px 20px;
    }
    .tab-review-feedback p {
        font-size: 18px;
        line-height: 24px;
    }
    .tab-review-info{
        font-size: 17px;
    }
    .tab-area-info {
        padding: 20px 20px;
    }
    .tab-area-info h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .tab-gallery-inner {
        padding: 20px 20px;
    }
    .gallery-area{
        padding: 30px 0;
    }
    .tab-file-item{
        width: 48%;
    }
    
    /* for popup box */

    .popupcontent-inner-right{
        width: 40%;
    }
    .popupcontent-inner-left{
        width: 55%;
    }
    .popup-box-info h3{
        font-size: 22px;
        line-height: 30px;
        padding: 0 0 15px 0;
    }
    .popup-form-input{
        padding: 0 0 20px 0;
        overflow: hidden;
    }
    .popup-form-input input{
        font-size: 17px;
        height: 50px;
    }
    .popup-form-send input{
        font-size: 18px;
        height: 50px;
        background: #7ac943;
    }
    .popup-form-send input:hover{
        background: #7ac943;
    }
    .blog-details-left{
        width: auto;
        float: none;
    }
    .blog-details-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }

    /* for contact page */

    .contact-area{
        padding: 20px 20px;
    }
    .contact-area-left{
        width: auto;
        float: none;
        padding: 0 0 0 0;
    }
    .contact-inner-area-right{
        width: 100%;
    }
    .contact-inner-area-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .contact-area-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }

    /* for lp page */

    .lp-banner-area{
        min-height: 150px;
    }
    .lp-top-banner-inner{
        max-width: 100%;
    }
    .lp-content-area{
        padding: 30px 0;
    }
    .lp-content-list{
        padding: 20px 0;
    }
    .lp-content-list-left{
        width:auto;
        float: none;
    }
    .lp-content-info{
        padding: 0 0 0 0;
    }
    .lp-content-list-right{
        width:auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .move-left{
        float: none;
    }
    .move-right{
        float: none;
    }
    .lp-video-area{
        padding: 30px 0;
    }
    .lp-services-area{
        padding: 30px 0;
    }
    .lp-servies-item{
        width: 48%;
    }
    .lp-featured-area{
        padding: 30px 0;
    }
    .lp-featured-item{
        width: 48%;
    }
    .lp-featured-icon{
        position: static;
    }
    .lp-featured-info {
        padding: 20px 0 0 0;
    }
    .lp-steps-area{
        padding: 30px 0;
    }
    .lp-steps-item{
        width: 48%;
    }
    .lp-testimonial-area{
        padding: 30px 0;
    }
    .lp-testimonial-box{
        padding: 0 20px 20px 20px;
    }
    .owl-prev{
        left:-25px;
    }
    .owl-next{
        right:-25px;
    }
    .lp-bottom-form-area{
        padding: 30px 0;
    }
    .lp-form-wrap{
        max-width: 100%;
    }

}

@media (min-width:376px) and (max-width: 480px) {
    .header{
        height: 80px;
    }
    .logo img{
        max-width: 250px;
    }
    .header-left{
        display: none;
    }
    .navigation{
        display: none;
    }
    .menuicon {
        display: block;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-info{
        padding: 20px 20px;
    }
    .home-banner-info h1{
        font-size: 30px;
        line-height: 60px;
    }
    .home-banner-info p{
        font-size: 18px;
        line-height: 18px;
    }
    .top-search-box{
        min-width: 380px;
        max-width: 380px;
        padding: 0 10px;
    }
    .services-area{
        padding: 30px 0;
    }
    .service-item{
        width: 48%;
    }
    .leading-services-area{
        overflow: hidden;
        background: none;
        padding: 20px 0;
    }
    .leading-services-area .container{
        padding: 0;
    }
    .leading-services-inner{
        position: relative;
        padding: 0 0;
    }
    .leading-services-inner-left{
        width: auto;
        float: none;
        padding: 100px 0 0 0;
        min-height: 350px;
        background: url(images/mobile-video-bg.png) no-repeat center top;
    }
    .leading-service-video{
        margin: 0 20px 0 20px;
    }
    .video-play-btn img{
        width: 60px;
        height: 60px;
    }
    .leading-services-inner-right{
        width: auto;
        float: none;
    }
    .leading-service-info{
        padding: 0 20px;
        text-align: center;
    }
    .leading-service-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .leading-service-info p{
        font-size:20px;
        line-height: 26px;
        padding: 0 0 10px 0;
    }
    .home-features-area{
        padding: 30px 0;
    }
    .home-feature-list-right{
        width: auto;
        float: none;
    }
    .home-feature-list-left{
        width: auto;
        float: none;
    }
    .home-feature-info{
        padding: 20px 20px;
    }
    .home-feature-info h3{
        font-size: 30px;
    }
    .home-feature-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .home-feature-picture-01{
        text-align: right;
        padding: 0 0 0 0;
    }
    .home-feature-picture-01 img{
        margin: 0 30px -75px 0;
    }
    .home-feature-picture-02{
        text-align: right;
        padding: 0 30px 0 0;
    }
    .home-feature-picture-02 img{
        margin: 0 0 -10px 0;
    }
    .home-feature-picture-03{
        text-align: left;
        padding: 0 0 0 0;
    }
    .home-feature-picture-03 img{
        margin: 0 0 -45px -10px;
    }
    .home-feature-picture-04{
        text-align: right;
    }
    .home-feature-picture-04 img{
        margin: 30px 20px -55px 0;
        max-width: 75%;
    }
    .home-feature-arrow-01{
        display: none;
    }
    .home-feature-arrow-02{
        display: none;
    }
    .home-feature-arrow-03{
        display: none;
    }
    .home-feature-mobile-arrow-01{
        display: block;
    }
    .home-feature-mobile-arrow-02{
        display: block;
    }
    .home-feature-mobile-arrow-03{
        display: block;
    }
    .extra-space{
        margin: 150px 0 0 0;
    }
    .how-it-works-area{
        padding: 0 0;
        background: none;
        min-height: 100px;
    }
    .how-it-work-mobile-banner{
        display: block;
    }
    .how-it-works-inner{
        padding: 0 0;
    }
    .how-it-works-inner-left{
        width: auto;
        float: none;
    }
    .how-it-works-info{
        overflow: hidden;
        padding: 20px 0 20px 0;
    }
    .how-it-works-info h2{
        font-size: 40px;
        line-height: 40px;
    }
    .how-it-works-info p{
        font-size: 22px;
        line-height: 32px;
    }
    .how-it-works-picture{
        position: static;
        text-align: center;
    }
    .footer-area{
        padding: 30px 0;
        border-bottom: 20px solid #7ac943;
    }
    .footer-col{
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }
    
    /* for vendor page */

    .transportation-area{
        padding: 30px 0;
    }
    .transportation-top-info p{
        line-height: 24px;
        font-size: 20px;
    }
    .transportation-list-box{
        margin: 0 0 30px 0;
    }
    .transportation-list-inner-right{
        width: 40%;
    }
    .transporter-thumbnail img{
        max-width: 100%;
    }
    .transportation-list-inner-left{
        width: 55%;
    }
    .transport-list-title{
        padding: 0 0 5px 0;
        max-width: 100%;
    }
    .transport-list-title h3{
        font-size: 20px;
        line-height: 24px;
    }
    .transport-review-area h4{
        padding: 0 0 5px 0;
        font-size: 20px;
        line-height: 24px;
    }
    .col-1{
        width: 50%;
    }
    .ratting-box{
        padding: 0 0 0 10px;
        min-height: 70px;
    }
    .ratting-box span{
        font-size: 35px;
        line-height: 35px;
    }
    .ratting-star{
        padding: 5px 0 0 0;
    }
    .ratting-star img{
        width: 15px;
        height: 15px;
    }
    .col-2{
        width: 50%;
    }
    .review-box{
        border-left: none;
        min-height: 70px;
    }
    .review-box h5{
        font-size: 35px;
        line-height: 35px;
        padding: 0 0 0 0;
    }
    .col-3{
        display: none;
    }
    .col-4{
        display: none;
    }
    .transport-button-area{
        position: static;
        padding: 10px 0 0 0;
    }
    .button-row a{
        font-size: 19px;
    }
    .transport-list-info{
        padding: 0 0 10px 0;
    }
    .transport-list-info p{
        font-size: 15px;
        line-height: 18px;
    }
    .transportation-price-area{
        padding: 30px 0;
    }
    .heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .transport-price-list{
        width: 90%;
        margin: 10px 5%;
    }
    .blog-area{
        padding: 30px 0;
    }
    .blog-item{
        width: 98%;
        margin: 10px 1%;
    }
    .faq-area{
        padding: 30px 0;
    }
    .faq-wrap{
        max-width: 875px;
        margin: 0 auto;
    }
    .faq-list{
        margin: 0 0 20px 0;
    }
    .faq-list h2{
        font-size: 18px;
        line-height: 24px;
    }
    .location-area{
        padding: 30px 0;
    }
    .location-info p{
        font-size: 20px;
        line-height: 30px;
    }
    .default-page-area{
        padding: 30px 0;;
    }
    .vendor-tab-area{
        display: none;
    }
    .vendor-tab-mobile-area{
        display: block;
    }
    .tab-review-list {
        padding: 20px 20px;
    }
    .tab-review-feedback p {
        font-size: 18px;
        line-height: 24px;
    }
    .tab-review-info{
        font-size: 17px;
    }
    .tab-area-info {
        padding: 20px 20px;
    }
    .tab-area-info h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .tab-gallery-inner {
        padding: 20px 20px;
    }
    .gallery-area{
        padding: 30px 0;
    }
    .gallery-item{
        width: 100%;
        margin: 10px 0;
    }
    .tab-file-item{
        width: 100%;
        margin: 10px 0;
    }
    /* for popup box */

    .popupcontent-inner-right{
        width: 40%;
    }
    .popupcontent-inner-left{
        width: 55%;
    }
    .popup-box-info h3{
        font-size: 22px;
        line-height: 30px;
        padding: 0 0 15px 0;
    }
    .popup-form-input{
        padding: 0 0 20px 0;
        overflow: hidden;
    }
    .popup-form-input input{
        font-size: 17px;
        height: 50px;
    }
    .popup-form-send input{
        font-size: 18px;
        height: 50px;
        background: #7ac943;
    }
    .popup-form-send input:hover{
        background: #7ac943;
    }
    .blog-details-left{
        width: auto;
        float: none;
    }
    .blog-details-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }

    /* for contact page */

    .contact-area{
        padding: 20px 20px;
    }
    .contact-area-left{
        width: auto;
        float: none;
        padding: 0 0 0 0;
    }
    .contact-inner-area-right{
        width: 100%;
    }
    .contact-inner-area-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .contact-area-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }

    /* for lp page */

    .lp-banner-area{
        min-height: 150px;
    }
    .lp-top-banner-inner{
        max-width: 100%;
    }
    .lp-content-area{
        padding: 30px 0;
    }
    .lp-content-list{
        padding: 20px 0;
    }
    .lp-content-list-left{
        width:auto;
        float: none;
    }
    .lp-content-info{
        padding: 0 0 0 0;
    }
    .lp-content-list-right{
        width:auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .move-left{
        float: none;
    }
    .move-right{
        float: none;
    }
    .lp-video-area{
        padding: 30px 0;
    }
    .lp-services-area{
        padding: 30px 0;
    }
    .lp-servies-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-featured-area{
        padding: 30px 0;
    }
    .lp-featured-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-steps-area{
        padding: 30px 0;
    }
    .lp-steps-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-testimonial-area{
        padding: 30px 0;
    }
    .lp-testimonial-box{
        padding: 0 20px 20px 20px;
    }
    .owl-prev{
        left:-25px;
    }
    .owl-next{
        right:-25px;
    }
    .lp-bottom-form-area{
        padding: 30px 0;
    }
    .lp-form-wrap{
        max-width: 100%;
    }
    .lp-form-list-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }
    .lp-form-list-left{
        width: auto;
        float: none;
    }
    
}

@media (max-width: 375px) {
    .header{
        height: 80px;
    }
    .logo img{
        max-width: 250px;
    }
    .header-left{
        display: none;
    }
    .navigation{
        display: none;
    }
    .menuicon {
        display: block;
    }
    .home-banner-area{
        min-height: 400px;
    }
    .home-banner-info{
        padding: 20px 20px;
    }
    .home-banner-info h1{
        font-size: 60px;
        line-height: 60px;
    }
    .home-banner-info p{
        font-size: 18px;
        line-height: 18px;
    }
    .top-search-box{
        min-width: 300px;
        max-width: 300px;
        padding: 0 10px;
    }
    .services-area{
        padding: 30px 0;
    }
    .service-item{
        width: 48%;
    }
    .leading-services-area{
        overflow: hidden;
        background: none;
        padding: 20px 0;
    }
    .leading-services-area .container{
        padding: 0;
    }
    .leading-services-inner{
        position: relative;
        padding: 0 0;
    }
    .leading-services-inner-left{
        width: auto;
        float: none;
        padding: 100px 0 0 0;
        min-height: 350px;
        background: url(images/mobile-video-bg.png) no-repeat center top;
    }
    .leading-service-video{
        margin: 0 20px 0 20px;
    }
    .video-play-btn img{
        width: 60px;
        height: 60px;
    }
    .leading-services-inner-right{
        width: auto;
        float: none;
    }
    .leading-service-info{
        padding: 0 20px;
        text-align: center;
    }
    .leading-service-info h3{
        font-size: 40px;
        line-height: 40px;
        padding: 0 0 20px 0;
    }
    .leading-service-info p{
        font-size:20px;
        line-height: 26px;
        padding: 0 0 10px 0;
    }
    .home-features-area{
        padding: 30px 0;
    }
    .home-feature-list-right{
        width: auto;
        float: none;
    }
    .home-feature-list-left{
        width: auto;
        float: none;
    }
    .home-feature-info{
        padding: 20px 20px;
    }
    .home-feature-info h3{
        font-size: 30px;
    }
    .home-feature-info p{
        font-size: 24px;
        line-height: 34px;
    }
    .home-feature-picture-01{
        text-align: right;
        padding: 0 0 0 0;
    }
    .home-feature-picture-01 img{
        margin: 0 30px -75px 0;
    }
    .home-feature-picture-02{
        text-align: right;
        padding: 0 30px 0 0;
    }
    .home-feature-picture-02 img{
        margin: 0 0 -10px 0;
    }
    .home-feature-picture-03{
        text-align: left;
        padding: 0 0 0 0;
    }
    .home-feature-picture-03 img{
        margin: 0 0 -45px -10px;
    }
    .home-feature-picture-04{
        text-align: right;
    }
    .home-feature-picture-04 img{
        margin: 30px 20px -55px 0;
        max-width: 75%;
    }
    .home-feature-arrow-01{
        display: none;
    }
    .home-feature-arrow-02{
        display: none;
    }
    .home-feature-arrow-03{
        display: none;
    }
    .home-feature-mobile-arrow-01{
        display: block;
    }
    .home-feature-mobile-arrow-02{
        display: block;
    }
    .home-feature-mobile-arrow-03{
        display: block;
    }
    .extra-space{
        margin: 150px 0 0 0;
    }
    .how-it-works-area{
        padding: 0 0;
        background: none;
        min-height: 100px;
    }
    .how-it-work-mobile-banner{
        display: block;
    }
    .how-it-works-inner{
        padding: 0 0;
    }
    .how-it-works-inner-left{
        width: auto;
        float: none;
    }
    .how-it-works-info{
        overflow: hidden;
        padding: 20px 0 20px 0;
    }
    .how-it-works-info h2{
        font-size: 40px;
        line-height: 40px;
    }
    .how-it-works-info p{
        font-size: 22px;
        line-height: 32px;
    }
    .how-it-works-picture{
        position: static;
        text-align: center;
    }
    .footer-area{
        padding: 30px 0;
        border-bottom: 20px solid #7ac943;
    }
    .footer-col{
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }
    
    /* for vendor page */

    .transportation-area{
        padding: 30px 0;
    }
    .transportation-top-info p{
        line-height: 24px;
        font-size: 20px;
    }
    .transportation-list-box{
        margin: 0 0 30px 0;
    }
    .transportation-list-inner-right{
        width: auto;
        /*float: none;*/
        padding: 0 0 20px 0;
    }
    .transporter-thumbnail img{
        max-width: 100%;
    }
    .transportation-list-inner-left{
        width: auto;
        /*float: none;*/
    }
    .transport-list-title{
        padding: 0 0 5px 0;
        max-width: 100%;
    }
    .transport-list-title h3{
        font-size: 20px;
        line-height: 24px;
    }
    .transport-review-area h4{
        padding: 0 0 5px 0;
        font-size: 20px;
        line-height: 24px;
    }
    .col-1{
        width: 50%;
    }
    .ratting-box{
        padding: 0 0 0 10px;
        min-height: 70px;
    }
    .ratting-box span{
        font-size: 35px;
        line-height: 35px;
    }
    .ratting-star{
        padding: 5px 0 0 0;
    }
    .ratting-star img{
        width: 15px;
        height: 15px;
    }
    .col-2{
        width: 50%;
    }
    .review-box{
        border-left: none;
        min-height: 70px;
    }
    .review-box h5{
        font-size: 35px;
        line-height: 35px;
        padding: 0 0 0 0;
    }
    .col-3{
        display: none;
    }
    .col-4{
        display: none;
    }
    .transport-button-area{
        position: static;
        padding: 10px 0 0 0;
    }
    .whatsapp-button{
        padding: 0 0 10px 0;
    }
    .button-row a{
        font-size: 19px;
    }
    .transport-list-info{
        padding: 0 0 10px 0;
    }
    .transport-list-info p{
        font-size: 15px;
        line-height: 18px;
    }
    .transportation-price-area{
        padding: 30px 0;
    }
    .heading h1{
        font-size: 40px;
        line-height: 40px;
    }
    .transport-price-list{
        width: 90%;
        margin: 10px 5%;
    }
    .blog-area{
        padding: 30px 0;
    }
    .blog-item{
        width: 98%;
        margin: 10px 1%;
    }
    .faq-area{
        padding: 30px 0;
    }
    .faq-wrap{
        max-width: 875px;
        margin: 0 auto;
    }
    .faq-list{
        margin: 0 0 20px 0;
    }
    .faq-list h2{
        font-size: 18px;
        line-height: 24px;
    }
    .location-area{
        padding: 30px 0;
    }
    .location-info p{
        font-size: 20px;
        line-height: 30px;
    }
    .default-page-area{
        padding: 30px 0;;
    }
    .vendor-tab-area{
        display: none;
    }
    .vendor-tab-mobile-area{
        display: block;
    }
    .tab-review-list {
        padding: 20px 20px;
    }
    .tab-review-feedback p {
        font-size: 18px;
        line-height: 24px;
    }
    .tab-review-info{
        font-size: 17px;
    }
    .tab-area-info {
        padding: 20px 20px;
    }
    .tab-area-info h3 {
        font-size: 25px;
        line-height: 25px;
    }
    .tab-gallery-inner {
        padding: 20px 20px;
    }
    .gallery-area{
        padding: 30px 0;
    }
    .gallery-item{
        width: 100%;
        margin: 10px 0;
    }
    .tab-file-item{
        width: 100%;
        margin: 10px 0;
    }
    /* for popup box */

    .popupcontent-inner-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }
    .popupcontent-inner-left{
        width: auto;
        float: none;
    }
    .popup-box-info h3{
        font-size: 22px;
        line-height: 30px;
        padding: 0 0 15px 0;
    }
    .popup-form-input{
        padding: 0 0 20px 0;
        overflow: hidden;
    }
    .popup-form-input input{
        font-size: 17px;
        height: 50px;
    }
    .popup-form-send input{
        font-size: 18px;
        height: 50px;
        background: #7ac943;
    }
    .popup-form-send input:hover{
        background: #7ac943;
    }
    .blog-details-left{
        width: auto;
        float: none;
    }
    .blog-details-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }

    /* for contact page */

    .contact-area{
        padding: 20px 20px;
    }
    .contact-area-left{
        width: auto;
        float: none;
        padding: 0 0 0 0;
    }
    .contact-inner-area-right{
        width: 100%;
    }
    .contact-inner-area-left{
        width: 100%;
        padding: 20px 0 0 0;
    }
    .contact-area-right{
        width: auto;
        float: none;
        padding: 20px 0 0 0;
    }

    /* for lp page */

    .lp-banner-area{
        min-height: 150px;
    }
    .lp-top-banner-inner{
        max-width: 100%;
    }
    .lp-content-area{
        padding: 30px 0;
    }
    .lp-content-list{
        padding: 20px 0;
    }
    .lp-content-list-left{
        width:auto;
        float: none;
    }
    .lp-content-info{
        padding: 0 0 0 0;
    }
    .lp-content-list-right{
        width:auto;
        float: none;
        padding: 20px 0 0 0;
    }
    .move-left{
        float: none;
    }
    .move-right{
        float: none;
    }
    .lp-video-area{
        padding: 30px 0;
    }
    .lp-services-area{
        padding: 30px 0;
    }
    .lp-servies-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-featured-area{
        padding: 30px 0;
    }
    .lp-featured-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-steps-area{
        padding: 30px 0;
    }
    .lp-steps-item{
        width: 98%;
        margin: 10px 1% 10px 1%;
    }
    .lp-testimonial-area{
        padding: 30px 0;
    }
    .lp-testimonial-box{
        padding: 0 20px 20px 20px;
    }
    .owl-prev{
        left:-25px;
    }
    .owl-next{
        right:-25px;
    }
    .lp-bottom-form-area{
        padding: 30px 0;
    }
    .lp-form-wrap{
        max-width: 100%;
    }
    .lp-form-list-right{
        width: auto;
        float: none;
        padding: 0 0 20px 0;
    }
    .lp-form-list-left{
        width: auto;
        float: none;
    }

    .transport-review-area .col-1 {
        width: 60%;
    }

    .transport-review-area  .col-2 {
        width: 40%;
    }

    .transport-review-area .col-2 .review-box {
        padding: 0 10px 0 0;
    }

}