@media(min-width:320px) and (max-width:767px){
    .serviceCardContent p{
    height: 100%;
  }
  .footerMainWrapper{
    padding: 60px 0px 40px 0px;
  }
  /*Top Bar Information Responsive -- Css -- Start Here*/
  .topadress-bar-ContentWrapper{
    padding: 8px 0px;
  }
  ul.infoList li label, a{
    font-size: 12px;
  }
  ul.infoList li{
    margin-right: 7px;
    margin-bottom: 5px;
  }
  .bannerBtnlist li{
    display: block;
    margin-right: 0px;
  }
  .homeBannerContent a{
    width: 100%;
  }
  .topbar-infoListWrapper{
    text-align: center !important;
  }
  ul.infoList li.social-icons.facebook-icon a{
    padding: 4px 8.8px;
  }
  ul.infoList li.social-icons.twitter-icon a{
    padding: 4px 6.5px;
  }
  ul.infoList li.social-icons.linkedin-icon a {
    padding: 4px 6.5px;
  }
  ul.infoList li.social-icons.facebook-icon a i{
    position: relative;
    top: 1px;
    left: -0.2px;
  }
  ul.infoList li.social-icons{
    margin-bottom: 0px;
    margin-right: 5px;
  }
  ul.infoList li:nth-child(9) span{
    top: -13px;
    width: 2px;
    height: 28px;
  }
  ul.infoList li:nth-child(9){
    margin-right: 5px;
  }
  /*Top Bar Information Responsive -- Css -- End's Here*/

  /*Navbar Responsive -- Css -- Start Here*/
  .exelloadnav .navbar-brand img{
    width: 65%;
  }
  .exelloadnav .navbar-toggler{
    border: none;
  }
  .exelloadnav .navbar-toggler:focus{
    box-shadow: none;
  }
  #offcanvasNavbar2Label img{
    width: 80%;
  }
  .exelloadnav .offcanvas.show .offcanvas-body ul li{
    margin-right: 0px;
    margin-bottom: 10px;
  }
   .exelloadnav .offcanvas.show .offcanvas-body .navbar-nav{
    padding-right: 0px !important;
  }
  .exelloadnav .offcanvas.show .nav-link, .exelloadnav .offcanvas.show .nav-link.active{
    color: #fff;
    font-size: 20px;
  }
  .registerBtn{
    display: inline-block;
    margin-top: 10px;
  }
  .registerBtn{
    font-family: 'nexaBold';
    padding: 12px 35px;
    font-size: 16px;
  }
  /*Navbar Responsive -- Css -- End's Here*/

  /*Home Banner Responsive -- Css -- Start Here*/
  .homeBannerContent{
    padding-left: 0px;
  }
  .homeBannerContent h2{
    font-size: 35px;
    line-height: 40px;
    /*font-family: 'oswaldMedium';*/
    margin-bottom: 15px;
  }
  .homeBannerContentWrapper{
    height: 100vh;
  }
  .homeBannerContent p{
    font-size: 18px;
    padding-right: 0px;
  }
  /*Home Banner Responsive -- Css -- End's Here*/

  /*Top Search Resposnive -- Css -- Start Here*/
  .topSearchWrapper{
    margin-top: -200px;
  }
  .border-col{
    border-right: none;
  }
  .border-col{
    border-bottom: 1px solid #fff;
    padding: 10px 0px;
  }
  .searchDropDownWrapper select{
    font-size: 16px;
  }
  .searchInputWrapper input{
    font-size: 16px;
  }
  .border-0{
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
  }
  .TopCTAWrapper{
    height: 300px;
    /*margin-top: -125px;*/
  }
  .CTA-wrapper{
    height: 300px;
  }
  .CTA-content h2{
    font-size: 26px;
    line-height: 36px;
  }
  /*Top Search Resposnive -- Css -- End's Here*/

  /*About Us Responsive -- Css -- Start Here*/
  .aboutusWrapper{
    padding: 60px 0px;
  }
  .aboutUs-content{
    padding: 0px 0px;
  }
  .aboutUs-content p{
    font-size: 14px;
    text-align: left;
  }
  .about-us-sideImg{
    margin-top: 20px;
  }
  .about-us-sideImg img{
    border-radius: 10px;
    height: 100%;
  }
  .footerIntro p{
    margin-bottom: 20px;
  }
  /*About Us Responsive -- Css -- End's Here*/

  /*Introduction Responsive -- Css -- Start Here*/
  .videobg{
    margin-right: 0px;
  }
  .videobg span{
    height: 150px;
  }
  .videoMainWrapper{
    height: initial;
  }
  .introductionContent{
    margin-top: 30px;
  }
  .introductionContent h2{
    font-size: 34px;
  }
  .introductionContent p{
    font-size: 14px;
  }
  .introductionMainWrapper{
    padding: 60px 0px 60px 0px;
  }
  /*Introduction Responsive -- Css -- End's Here*/

  /*Our Services Responsive -- Css -- Start Here*/
  .serviceCardWrapper{
    padding: 30px 40px;
  }
  .sectionTitle h2{
    font-size: 34px;
  }
  .offerCardContentWrapper p{
    padding: 0px 40px;
  }
  /*Our Services Responsive -- Css -- End's Here*/

  /*Our Offers Responsive -- Css -- Start Here*/
  .offersWrapper{
    padding: 60px 0px;
  }
  .downloadAppContent h2{
    font-size: 34px;
  }
  /*Our Offers Responsive -- Css -- End's Here*/

  /*Download Our Application Responsive -- Css -- Start Here*/
  .downloadAppContent a img{
    width: 130px;
  }
  .appImgesWrapper{
    text-align: center !important;
  }
  /*Download Our Application Responsive -- Css -- End's Here*/

  /*Footer Responsive -- Css -- Start Here*/
  .footerMainWrapper .container-fluid{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .f-col{
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .footerIntro img{
    width: 50%;
  }
  .pad-top-30{
    padding-top: 30px;
  }
  .last-col{
    padding-bottom: 40px;
  }
  .copyrightContent{
    text-align: center;
  }
  .copyrightContent p{
    font-size: 14px;
  }
  .subscribeWrapper {
    padding: 60px 30px;
  }
  /*Footer Responsive -- Css -- End's Here*/
  .swiper-slide.swiper-slide-active .vehicle-img-wrapper img{
    transform: initial;
  }


/*Login Pages Responsive*/
  .loginWrapper{
    overflow: auto;
  }
  .AuthWrapper{
    width: 90%;
  }
  .AuthLogo{
    margin-top: 0px !important;
  }
  .AuthLogo img{
    width: 80%;
  }
  .AuthTitle{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .AuthTitle h6{
    margin-bottom: 0px;
  }
  .authScreenImg{
    display: none;
  }

  .AuthLogo.registerLogo{
    margin-top: 3rem !important;
  }


  /*New Responsive Changes*/
  .aboutUs-content.right-side{
    padding: 0px !important;
  }
  .aboutusWrapper.right-side-padding{
    padding-top: 0px;
  }
  .aboutUs-content h1{
    font-size: 32px;
  }
  .single-solution-icon{
    width: 10%;
  }
  .single-solution-desc{
    width: 90%;
  }
  .row-mb-100{
    margin-bottom: 50px !important;
  }
  .downloadAppContent p{
    padding-right: 0px;
    text-align: left;
  }


}

@media(min-width:320px) and (max-width:767px) and (orientation: landscape){
  /*.homeBannerContent h2{*/
  /*  display: none;*/
  /*}*/
  /*.homeBannerContent p{*/
  /*  display: none;*/
  /*}*/
    .homeBannerWrapper{
        height: 290px;
    }
    .homeBannerContentWrapper{
        height: 500px;
    }
    .bannerBtnlist li{
        display: inline-block;
    }
    .homeBannerContent a{
        width: max-content;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
  .exelloadnav .navbar-brand img{
    width: 250px;
  }
  .serviceCardContent p{
    height: 128px;
  }
  .navbar-toggler{
    border: none;
  }
  .authScreenImg{
    display: none;
  }
  .loginWrapper{
    overflow: auto;
  }
  .formMasterWrapper{
    align-items: center;
  }
  .navbar-toggler:focus{
    box-shadow: none;
  }
  /*Top Bar Information Responsive -- Css -- Start Here*/
  .topbar-infoListWrapper{
    text-align: center !important;

  }
  /*Top Bar Information Responsive -- Css -- End's Here*/

  /*Nabvar Responsive -- Css -- Start Here*/
  #offcanvasNavbar2Label img{
    width: 65%;
  }
  .exelloadnav .offcanvas-body ul li{
    margin-right: 0px;
  }
  .exelloadnav .offcanvas-body .navbar-nav{
    padding-right: 0px !important;
  }
  .exelloadnav .offcanvas.show .nav-link, .exelloadnav .offcanvas.show .nav-link.active{
    color: #fff !important;
    font-size: 18px;
  }
  .registerBtn{
    /*font-family: 'nexaBold';*/
    padding: 12px 30px;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
  }
  /*Nabvar Responsive -- Css -- End's Here*/

  /*Home Banner Responsive -- Css -- Start Here*/
  .homeBannerContentWrapper{
    height: 100vh;
  }
  .homeBannerContent{
    padding-left: 0px;
  }
  /*.homeBannerContent h2{
    font-family: 'oswaldMedium';
  }*/
  .aboutUs-content p{
    text-align: left;
  }
  .aboutusWrapper.right-side-padding{
    padding-top: 0px;
  }
  .solution-content-wrapper img{
    width: 100%;
  }
  .row-mb-100{
    margin-bottom: 50px !important;
  }
  /*Home Banner Responsive -- Css -- End's Here*/

  /*Top Search -- Css -- Start Here*/
  .topSearchWrapper{
    margin-top: -200px;
  }
  .border-col{
    border-right: unset;
    border-bottom: 1px solid #fff;
    padding: 10px 0px;
  }
  .border-0{
    padding: 20px 0px 0px 0px ;
  }
  /*Top Search -- Css -- End's Here*/

  /*Top CTA Resopnsive -- Css -- Start Here*/
  .TopCTAWrapper {
    height: 400px;
    /*margin-top: -135px;*/
  }
  .CTA-wrapper{
    height: 400px;
  }
  .CTA-content h2{
    font-size: 40px;
    margin-top: 0px;
  }
  /*Top CTA Resopnsive -- Css -- End's Here*/

  /*About Us Resopnsive -- Css -- Start Here*/
  .about-us-sideImg{
    margin-top: 30px;
  }
  .aboutUs-content{
    padding: 0px 0px;
  }
  .about-us-sideImg img{
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
  }
  .aboutusWrapper{
    padding: 80px 0px;
  }
  /*About Us Resopnsive -- Css -- End's Here*/

  /*Introduction Responsive -- Css -- Start Here*/
  .introductionMainWrapper{
    padding: 100px 0px 80px 0px;
  }
  /*Introduction Responsive -- Css -- End's Here*/


  /*Download Our App Responsive -- Css -- Start Here*/

  .downloadAppContent h2{
    font-size: 35px;
  }
  .appImgesWrapper{
    text-align: center !important;
  }


  /*Download Our App Responsive -- Css -- End's Here*/

  /*Footer -- Css -- Start Here*/

  .footerMainWrapper .container-fluid{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .f-col{
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .pad-top-30{
    padding-top: 30px;
  }
  .last-col{
    padding-bottom: 40px;
  }
  .copyrightContent p{
    text-align: center;
  }
  /*Footer -- Css -- End's Here*/

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


}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
  .about-us-sideImg{
    position: static;
    margin-top: 30px;
  }
  .TopCTAWrapper{
    height: 520px;
    margin-top: -174px;
  }
  .CTA-wrapper{
    height: 520px;
  }
  .topSearchWrapper{
    margin-top: -160px;
  }
  .border-col{
    border-right: none;
    border-bottom: 1px solid #fff;
    padding: 10px 0px;
  }
  .border-0{
    padding: 20px 0px 0px 0px;
  }
  .homeBannerWrapper{
    height: 700px;
  }
  .homeBannerContentWrapper{
    height: 700px;
  }
  .CTA-content h2{
    font-size: 38px;
    margin-top: 50px;
  }
  .about-us-sideImg img{
    width: 100%;
  }
  .aboutUs-content{
    padding: 0px 0px;
  }
  .aboutusWrapper{
    padding: 80px 0px;
  }
  .f-col{
    padding-top: 60px;
    padding-bottom: 0px;
  }
  .pad-top-30{
    padding-top: 30px;
  }
  .footerMainWrapper .container-fluid{
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .last-col{
    padding-bottom: 40px;
  }
  .copyrightContent p{
    text-align: center;
  }
  .exelloadnav .offcanvas-body ul li{
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .exelloadnav .offcanvas.show .nav-link, .exelloadnav .offcanvas.show .nav-link.active{
    color: #fff;
    font-size: 20px;
  }
  .registerBtn{
    margin-top: 20px;
    display: inline-block;
  }
  .topbar-infoListWrapper{
    text-align: center !important;
  }
  .aboutusWrapper.right-side-padding{
    padding-top: 0px;
  }
  .solution-content-wrapper img{
    width: 100%;
  }
}


@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape){
  .about-us-sideImg img{
    height: 550px;
    object-fit: cover;
  }
  .serviceCardContent p{
    font-size: 14px;
  }
  .serviceCardContent h5{
    font-size: 24px;
    height: 60px;
  }
  .appImgesWrapper img{
    width: 100%;
  }

}