/*Home Page*/
@media only screen and (min-width: 1399px){
/*.form_p_field{
    margin-left:-27px !important;
}
 .mall{
        margin-left:165px !important;
    }
    
.industry{
        margin-left:195px;
    } */
    
 .stickymenu {
    max-width: -webkit-fill-available;
    background-color: white !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    height: 93px;
}
.beforesticky{
    display:none;
}
.whiteicon{
    display:none;
}
.playsticky{
    display:none;
}
.abtstc , .blgstc , .cntstc , .wrkstc , .logstc , .regstc , .srvstc{
    color:black !important;
}

.playicon , .loginsticky , .registersticky{
    display:inline !important;
}
    
}
@media (width: 1024px){
.footer_ctr{
    height:115px !important;
}
.form_p_field{
    margin-left:39px !important;
}
.about_img{
    width: 110%;
    height: 84%;
}
}
@media (width: 768px){
    .topbar_row{
        display:flex !important;
    }
 .mb_ft{
        display:flex !important;
    }
        .login_panel{
            display:inline !important;
        }
    .srv_mb{
        margin-top:0px !important;
    }
    .feature_mobile{
        display:contents !important;
    }
    .work_title{
        font-size:17px !important;
    }
    .work_main_title{
        text-align:left !important;
    }
    .work_paragraph{
        text-align:left !important;
    }
    .work_first{
        width:33% !important;
    }
    .work_main_title{
        width:280px !important;
    }
    .work_paragraph{
        width:239px !important;
    }
    .second_work_row {
        padding-top:40px;
    }
    .delivery_container{
        column-count:3 !important;
    }
    .office_title{
        width:max-content !important;
    }
    .school_title{
        width:auto !important;
    }
    .delivery_head{
        margin-bottom:35px !important;
    }
    .form_f_msg, .form_f_quantity, .form_f_address, .form_f_field, .form_f_field, .form_p_field{
        width:586px !important;
    }
    .mall{
        margin-left:0px !important;
    }
    .transportation{
        padding-top:0px !important;
        margin-top:0px !important;
        margin-left:0px !important;
    }
    .hospital{
        margin-left:106px !important;
    }
    .industry{
        margin-left:0px !important;
    }
    .school{
        margin-top:0px !important;
    }
}

@media only screen and (max-width: 415px){
.footer_ctr{
          height:210px;
      }
      .before_sbmt{
          margin-left:33px;
      }
}

@media only screen and (min-width: 1023px){
    .accordion{
        width:auto !important;
    }
    .form_p_field{
       
        margin-left: 0;
    } 
}
@media only screen and (min-width: 768px){
    .school_desktop{
    margin-left:-5px;
    }
    /* .school_title{
        width:100px;
        margin: 0 auto;
    } */
    .school {
        text-align: center;
        flex: 0 0 16%;
        margin: 0 auto;
    }
    /* .hospital{
        margin-left:168px;
    }
    .office{
        margin-left:99px;
    }
    .mall{
        margin-left:158px;
    }
    .industry{
        margin-left:187px;
    }
    .transportation{
        margin-left:143px;
    } */
    .footer_mb{
        display:none;
    }
    .about_img_mb{
        display: none;
    }
    .mainContainer{
        display: none;
    }
    .feature_mobile{
        display: none;
    }
    .delivery_bg_mb{
        display:none;
    }
    .trustedbrand_mb{
        display: none;
    }
}

@media (max-width:1199px){

.header.active .nav-pills .nav-link {
    padding: 0.5rem;
}

}

@media only screen and (max-width:991px){
.first_img::after{
    display: none;
}

.trusted_container {
    padding-top: 50px;
}

.trusted_brand{
    height: auto;
}

}

@media only screen and (max-width: 768px) {
    .mbsrvct{
    margin-top:22px;
    }
    .trusted_tt{
        margin-top: 0;
    }
    .mb_trusted_image{
        column-count: 2;
    }


    /*Top Bar*/
    .link_login{
        margin-right:13px;
       
    }
    .topbar_list{
        padding-left:0px !important;
    }
  .topbar_row{
      display:block;
      margin-left:auto;
      margin-right:auto;
  }
  .topbar_link{
      font-size:14px;
  }
  .top_ct{
      text-align:center;
  }
    .login_panel{
        display: none;
    }
    .custom_nav{
        display: none;
    }

    /*Top Bar*/


    /*Header*/
    /* .headerlogo{
        margin-left:-170px;
    } */
    
    /* .header {
        background: url('../images/mobile_banner.png') !important;
        height: 452px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: bottom right !important;
    } */
    /*Header*/
    
   
    .delivery_container {
        display: block;
        column-count: 2;
    }
    .delivery_bg_mb{
        display: none !important;
        margin-left: auto;
        margin-right: auto;
    }
    .banner_title{
        /* width: 350px;
        max-width: 355px; */
        font-size: 32px;
        line-height: 41px;
    }
    .banner_container{
        padding-top: 90px;
    }
    .order_nw_btn{
        margin-bottom: 50px;
        width: 322px;
       
    }
    .banner_subtitle{
        width: 350px;
        max-width: 355px;
        font-weight: 500;
        font-size: 22px;
        line-height: 27px;
    }
    .card{
        margin:0px !important;
    }
    .quote_img{
        margin-top: -26px !important;
        margin-left: 0px !important;
        width: 72px !important;
        height: 58px !important;
    }
    .testiomonial_container{
        height: 740px;
    }
    .Testiomonial{
        height: 900px !important;
    }
    .img-quote{
        display: block;
    left: 4px;
    }
    .custom_nxt{
        margin-right:78px !important;
    }
    .custom_bck{
        margin-left: 62px !important;
    }
    .testimonial_first{
        padding-top: 25px !important;
    }
    .mb-header{
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .mb_ft{
        display: none;
    }
    .abt_vec{
        margin-top: 15px;
    }
    .about_text , .about_title{
        text-align: center;
    }
    .mobile_vec{
        width:18% !important;
    }
    .downline{
        display: none;
    }
    .about_title{
        width: 350px;
        margin-top: 80px;
    }
    .truck_mb{
        width: 25% !important;
    }
    .form_f_field{
        margin-bottom: 32px;
    }
    .form_f_msg , .form_f_quantity , .form_f_address , .form_f_field , .form_f_field , .form_p_field{
    width: 322px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .ct_ft_btn{
        width: -webkit-fill-available;
    }
    .about_img{
        display: none;
    }
    .about_img_mb{
        margin-top:10px;
        width: -webkit-fill-available;
    }
    .abt_btn {
    margin-top: 25px !important;
    margin-bottom: 20px;
    width: 322px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .srv_mb{
        margin-top:28px;
    }
    .truck_mb{
        margin-top: 20px;
    }
    .work_main_title{
        text-align: center;
    }
    .work_paragraph{
        text-align: center;
    }  
    .scnd_clm_ct {
        padding-top: 80px;
    }
    .contact_heading{
        font-size: 30px;
    line-height: 45px;
    padding: 10px;
    }
    .first_img::after , .second_img::before{
        display: none;
    }
    .contact_out_container{
        /* height: 340px; */
        margin-right: 0px !important;
        max-width:95%;
    }
    .ct_ft_btn {
    width: 322px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
    .firststep{
        column-count: 1 !important;
    }
    .scnd_clm_ct{
        width: 100% !important;
        margin-left: 0px !important;
    }
    /* section#contact{
        height: 1180px !important;
    } */
    img.about_img {
        width: -webkit-fill-available;
    }
    .accordion{
        width: auto !important;
    }
    .footer{
        display: none !important;
    }
    .footer_mb{
        background: #18191F;
        height: 1122px !important;
    }
    .footer_mb_logo{
        display: block;
    margin-left: auto;
    margin-right: auto;
    width: 149px;
        height: 100px;
    }
    .footer_mb_allinks{
        margin-top: 20px !important;
    display: flex;
    justify-content: space-around;

    }
    .download_image{
        margin-top: 20px !important;
    }
    .about_footer_mb{
        margin-top: 8px !important;
    }
    .mobile_reach{
        margin-top: 20px !important;
    }
    .footer_links{
        margin-top: 28px !important;
    }
    .copyright_area_mb{
        color: white !important;
        text-align: center;
        padding-top: 16px;
    }
    .footer_mb_links{
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid grey;
            padding-bottom: 28px
        ;
    }
    .download_image{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .footer_about{
        text-align: center;
    }
    .about_footer_mb{
        color: white;
        text-align: center;
        font-size: 28px;
    }
    .mobile_reach{
        padding-left: 45px !important;
    }


    /*Service CSS Start*/


    .servicesubtitle{
        margin-top: 10px;
    }
    .service_row{
        padding-top: 40px;
    }
    .service_text{
        font-size: 14px;
    }
    .petrol_vec{
        display: none;
    }
      /*Service CSS End*/

      /*How it Works Start*/
      .feature_desktop{
          display:none;
      }
      .trusted_image{
          display: block !important;
          
      }
      /* .trusted_brand{
          height: 610px;
      } */
      p.ctr_text{
          padding-bottom: 15px;
          font-size: 14px;
      }
      .ctr_second_cl{
          display: block;
      }
      .footer_ctr{
          height:230px;
      }
      .last_mb{
          display: none;
      }


/*How it Works End*/
/*Delivery Start*/

.delivery_container{
    padding-top:40px ;
    padding-bottom:40px;
}
.school{
    margin-bottom: 8px;
    margin-top:30px;
}
.transportation{
        margin-top: 39px !important;
    padding-top: 32px;
}
.office_title{
    margin-top:8px !important;
}
.delivery_head{
  font-size: 17px;
  margin-top: 10px;
}
.delivery_bg{
    display: none;
}
.accordion-body{
    font-size: 14px !important;
}
.accordion-button{
    font-size: 14px !important;
    line-height: 22px !important ;
}
.accordion-button:not(.collapsed){
    font-size: 14px !important;
}
.testimonial_text , .testimonial_title{
    width: 318px;
    margin-left: 0px !important;
}

/*Delivery End*/
}

  /*Home page*/

  @media only screen and (min-device-width: 768px) and (max-device-width: 1023px){
    .accordion{
        width: auto !important;
    }
    .form_f_address , .form_f_quantity , .form_f_msg{
        width: 446px !important;
    }
    .form_p_field{
        width:205px !important;
margin-left: 57px;
    }
    .form_f_field{
        width: 205px !important;
    }
    .ipad_hide , .last_mb{
        display:none
    }
    
    

}

@media (max-width:991px){

.work-video .video {
    height: 430px;
}

.contact_text h5 {
    font-size: 16px;
}

section.contact-wrapper {
    padding-bottom: 0;
}

.work_first p.work_paragraph {
    white-space: normal;
    word-break: break-word;
    width: auto;
}

}

@media (max-width:767px){
.school {
    text-align: center;
    flex: 0 0 18%;
    margin: 0 auto;
}

.work-list {
    font-size: 18px;
}

.work-video .video {
    height: 320px;
}

.about-wrapper{
    height: 250px;
}

.track-wrapper .track-form {
    padding: 56px 30px;
}

.right-side-content {
    padding: 40px 20px 0;
}

.mission-content {
    padding-left: 20px;
}

.diesel-content {
    margin-top: 30px;
}

.contact-form-wrapper .map{
    height: 300px;
    margin-bottom: 30px;
}

.contact-wrapper{
    padding: 40px 0 0;
}

.testimonial_first{
    width: 100% !important;
}

.testimonial_sc {
    width: 100% !important;
    margin-top: 30px;
}

.testimonial_sc .owl-theme .owl-nav {
    bottom: -70px;
}

.form_f_msg, .form_f_quantity, .form_f_address, .form_f_field, .form_f_field, .form_p_field, .ct_ft_btn{
    width: 100% !important;
}

.school{
    margin-bottom: 40px;
}

.transportation{
    padding-top: 0;
}

/* section.banner_container {
    padding-top: 170px;
} */

.banner_title, .banner_subtitle, .work_paragraph, .testimonial_text, .testimonial_title{
    width: fit-content;
}

.order_nw_btn, .abt_btn{
    width: fit-content;
    padding: 0 30px;
}

.about_title{
    width: auto;
    font-size: 24px;
    line-height: 32px;
}

.faqs {
    padding-top: 50px;
    padding-bottom: 50px;
}

.about_title {
    margin-top: 30px;
}

.how_it_works, section.delivery{
    padding-top: 40px;
}

.work_main_title, .delivery_title, .testimonial_title, .faqs_title, .contact_heading{
    font-size: 28px;
}

.work_paragraph{
    font-size: 14px;
}

.second_work_row {
    padding-bottom: 60px;
}

section#contact {
    padding: 40px 0;
}

.footer_container {
    padding: 40px 20px;
}

.footer_ctr{
    height: 260px;
}

.footer_mb_logo{
    width: auto;
    height: auto;
    margin-left: 0;
}

.footer_mb{
    height: auto !important;
}

.download_image{
    flex-direction: column;
    align-items: flex-start;
}

.footer_mb_allinks{
    justify-content: space-between;
}

.about_footer_mb, .footer_about{
    text-align: left;
}

.contact_out_container{
    height: 390px;
    max-width: 100%;
}

.Testiomonial {
    padding-left: 15px;
    padding-right: 15px;
}

.testiomonial_container {
    border-radius: 8px;
}

.faqs_title {
    padding-bottom: 18px;
}

.mobile_reach{
    padding-left: 0 !important;
}

.download_image a:not(:first-child){
    margin-top: 12px;
}

.blogs-wrapper {
    padding: 40px 0;
}

.load-button {
    margin-top: 10px;
    text-align: center;
}

.blog-box .blog-content h4{
    font-size: 20px;
}

.blog-box .blog-content p {
    font-size: 14px;
}

section.contact-wrapper {
    padding-bottom: 0;
}

section.location-wrapper {
    padding-top: 40px;
}

section.location-wrapper h3{
    font-size: 20px;
    padding: 0 15px;
}

section.payment-wrapper{
    padding-bottom: 40px;
}

.team-wrapper {
    padding: 35px 0;
}

.policy-content {
    padding: 40px 0;
}

.footer_links .about_footer_mb {
    font-size: 20px;
}

.contact_text h5 {
    font-size: 15px;
}

.topbar_list {
    text-align: left;
}

button.btn.btn-primary.ctr_btn {
    font-size: 18px !important;
    padding: 8px 30px;
}

.trusted_tt{
    margin-top: 0;
    margin-bottom: 20px;
}

.trusted_container {
    padding-top: 0;
}

.trusted_brand{
    height: auto;
    padding: 40px 0;
}

.banner_container {
    background-image: url('../images/mobile_banner0a03.png?v=2.65');
    background-position: right;
}

.service {
    padding-top: 40px;
    padding-bottom: 40px;
}

.service_title{
    font-size: 28px;
}


}

@media (max-width:375px){

.work-video .video {
    height: 250px;
}

.work_main_title{
    font-size: 20px;
}

.topbar_link {
    font-size: 12px;
}

}