.scrollup {
    width: 50px;
    height:50px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    display: none;
    z-index: 9999;
    color: #fff;
    text-align: center;
    line-height:54px;
    font-size: 16px;
    background:#000; border-radius:100%; 
}
.scrollup:hover {
    color: #fff;
}

.navbar-light .navbar-toggler-icon {
   
    background-size: 100% 100%;
    width: 3rem;
}
@media (min-width: 1900px) {

.mobile-img-full-w{ width:100%}

}


@media (max-width: 1199px) {
.navbar-expand-lg .navbar-nav {
    justify-content: flex-end;
    align-items: baseline;
    width: 100%;
}
.navbar-expand-lg .navbar-nav .nav-link
{
    padding-top: 2rem;
}
html {
    scroll-behavior: smooth;
    font-size: 75%;
}
.navbar-light .navbar-toggler-icon {
    width: 3.5rem;
    height: 3rem;
}
.address_list a {
    font-size: 1.5rem;
}
.googlemaps iframe {
    height: 22.5rem;
}
}
@media (max-width:1024px) {
.about-bg{ height:100% !important}
.residential-bg{ height:100% !important}
.testimonials-bg{ height:100% !important}
.contact-bg{ height:100% !important}

.about-section-title .titleheadline h3:after{ height:60px;}
.whychouseus .titleheadline  h4:after{ height:60px;}
.our-mission_box .right .titleheadline h5:after{ height:50px;}
.residential-title h2:after{ height:60px;}
.residential-pricing .titleheadline h4:after{ height:60px;}

 .contact-bottom h2{ text-align:left}
 .contact-bottom h2:after{left:0; }
.modal-content {width:100%; margin-top:50px;}
.modal-header .close {    margin: 0rem 0rem 0rem auto;    
    padding-right:0px;
    height: 0px;
    z-index: 99999; }


.input-search{ width:65%;}
.search-btn{ width:35%}
input {color: #000;}
.content-pricing ul li{ background:url(../images/right.png) no-repeat top left; padding-left:25px; line-height:20px;}
.content-pricing-yearly ul li{ background:url(../images/right-black.png) no-repeat top left; padding-left:25px; line-height:20px; color:#000}
 .testimonials p{ font-size:18px; line-height:26px; padding-top:20px;}
.woocommerce-message{width:100% !important;
    margin:0px;
    margin-top:45px;}
.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator{ padding-left:15px; margin-right:0px;}
 .cart-page-design{ margin:15px;}
 .order-review-responsive{ padding:0px 15px; }
.woocommerce-form-login-toggle{ margin:0px 15px;}

 .login p{ padding:0 15px !important}
.login .form-row{ display:block}
.img-size{width:150px; margin-bottom:20px;}
.img-size1{width:180px;margin-bottom:20px;}
.Title-social li a {padding-left: 0px;}
.white-area{ display:none}
.clients a{ margin:0px;}
.navbar-expand-lg .navbar-nav .nav-item{ padding:10px 0px 0px 0px; width:100%; border-bottom: 1px solid #d8d8d8;}
.navbar-light .navbar-toggler{ margin-bottom:10px;}
.google-box{ padding:10px;}
.line-space{ display:none}
.navbar-expand-lg .navbar-nav .nav-link {color: #013354; border-right:none;}
.shoes-area .content a { padding:10px 15px;}
.logo-here {  }
.inquiryBnanner h1 {padding-top: 90px;}

.banner-text h1{ padding-left:0px;font-size:3rem;}
.mission_content1 h3{font-size:4rem;line-height: 60px;}
.banner-text h2{ padding-left:0px; font-size:3rem; text-align:center}
.testimonial-box-text img{ width:40px;}
.personal-bottom h2{ font-size:2rem; line-height:30px;}
.transer-right h3{ font-size:2rem; line-height:30px;}

 .video-text { top:210px; }
  .video-text h2{ font-size:3rem;}
.overlay-banner-video{ bottom:74px;}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color: #f16101; padding-top:25px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-top:25px;}


.apple-icon{ padding:10px;    width: 100px;}
.apple-icon img{ width:100%}
.google-play{ padding:10px;    width: 100px;}
.google-play img{ width:100%}
.about-right{ padding-top:0px;}
.about-right h2{ font-size:1.8rem;}
.car-2 img{ width:124%}
.vehicles-area { min-height:370px;}
.download-bg .right img{     margin-top:-67px;}
.download{ margin-left:10px;    padding-bottom: 25px; padding-top:20px;}

.front-image-left{ top:80px;}
.front-image-left img{ width:85%; }
.back-image-left img{ width:60%}
.car-area-left{ height:387px;}
.topfootersec
{
    background-size: 50% auto;
}
}
@media (max-width: 991px) {
.about-bg{ height:100% !important}
 .img2{ padding-bottom:25px;}
 .testimonial-box-text img{ width:33px;}
 .overlay-banner-video{ bottom:74px;}
 .video-text { top:180px; }
  .video-text h2{ font-size:3rem;}
.mission_content1 h4{ font-size:2rem;}
.text-size{ font-size:2rem !important;}
.blackout-clases-section .box .left{ padding-right:3%;}
.vehicles-area h4{ line-height:20px;font-size:1.2rem; }
.vehicles-area{ min-height:300px; }
.download-section{    padding:4rem 0rem;}
.download-bg .left { width:48%}
.newsletter-area .left input{ padding:17px;}
.download-bg .right img{     margin-top:0px;}


.front-image-left{ top:80px;}
.front-image-left img{ width:100%; }
.back-image-left img{ width:60%}
.contact-us-left{margin-right: 0px; padding:50px 30px;}
.contact-us-left img{width: 90%;}
.contact-us-left ul li {font-size: 20px; margin-bottom: 25px;}
.contact-us-left ul li img{width: 30px;}
.contact-us-right h2{margin-bottom: 20px;}
 .mobile-img-full-w{ width:100%}
	.newsletter-area .left {
    width: 223px;
}
.contactus-inner-area{padding: 3rem 0rem 6rem 0rem;}

.navbar .container
{
    padding-left: 15px;
    padding-right: 15px;
}

 }

@media (max-width: 767px) {
	 
 .about-right {
    margin: 50px 0;
}
.fleety
{
    height: auto;
}
.back-image {
    display: none;
}
.front-image {
    position: relative;
    top: auto;
}
.benifits-section
{
    margin-top: 0;
    background-color: #013354;
}
.benifits-main-box:last-child
{
    margin-bottom: 0;
}
.benifits-section::before
{
    display: none;
}
.benifits-left
{
    padding: 4rem 0;
}
.pxm{
    padding:1.2rem 0;
}
.OHAI_Banner {
    background-size: 100% 89% !important;
}
.car-2
{
    left: auto;
    padding-bottom: 20px;
}
.wraperCommercial .titlehead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.commercialsbox li {
    width: 48%;
}
.commercialsbox{
    margin-top: 0;
}
.wraperworks .mt-5{
    margin-top: 0 !important;
}
.OurWorks{
    margin-top: 1rem;
}
.serviceshelp,
.testimonials_item{
    flex-direction: column;
}
.serviceshelp h2 {
    width: 100%;
    font-size: 1.8rem;
}
.wraperCommercial .titlehead h2 {
    color: #000;
    width: auto;
    margin-right: 0;
}
.gallerypic {
    width:48%;
}
 .coppyright {
    margin-top: 0;
    text-align: center;
}
.coppyright p{
    text-align: center;
}
.footer {
  
}
.addrees, .footernav,
.footerbox {margin-top: 2rem;}
.testimonials_pic, .testimonials_content { width: 100% }
.inner-about-us-section{ padding: 42rem 0rem 0 0 !important }
.contactus-inner-area{padding: 40rem 0rem 0 0 !important}
.contact-us-left{margin-right: 0px; padding:50px 30px;}
.contact-us-left img{width: 70%;}
.contact-us-left ul li {font-size: 20px; margin-bottom: 25px;}
.contact-us-left ul li img{width: 30px;}
.contact-us-right h2{margin-bottom: 20px;}

.topfootersec
{
    padding: 4rem 0;
    background-image: none !important;
}
.footer-left
{
    padding: 0;
}
.formbgwidth
{
    margin-top: 4rem;
}

}

@media (max-width: 540px) {

.contentBnanner h1 {
    font-size: 2.5rem;
}

.inquiryBnanner h1 { padding-top: 130px;}


.jakson{ height: 24rem;}
.bannerpicture {
    margin-top: 3rem;
}
.About_content h2 {
    font-size: 1.5rem;
}
.titlehead h2 {
    font-size: 2rem;
}
.surface_box {
    margin-top: 8px;
}
.surfaceicon {
    width: 22rem;
    margin-right: 1rem;
}
.wrapersurface .btnbin {
    margin-top: 0;
}
.gallerypic {
    width: 100%;
}
.our-mission_box{ display:block}
.spaceimg-bottom{ padding-bottom:25px; }
.monthly-pricing{ margin-top:25px; margin-bottom:25px;}
.mobile-on{ display:block;}
.desktop-on{ display:none;}
.testimonials{ text-align:center;}
.testimonials p{ text-align:center; font-size:14px;}
.moreBox{ padding:0px 20px; text-align:center}


.logo-here{ margin-top:10px; margin-left:10px;}
.navbar-light .navbar-toggler{ margin-right:10px;}

.clients a { width:49%; margin:0px;}
.clients a img{ width:49%;}

.div-n{ display:none}
.logo-here{ width:24rem;}
.we-can-change {
    padding:4rem 0rem;
    background: url(../images/we-can-change.jpg)no-repeat top center;
    background-size:auto;
    text-align: center;
}
.we-can-text h1{ font-size:20px;}
.personal-section{ margin-top:40px;}
.personal-section .picture img{ width:100%;}
.Tysons-playground{     background-size: auto;height: auto;}
 
.black-out h1{ letter-spacing:0px; font-size:20px;}
.line-space1{ height:40px;}
.mission-right-section{ margin-top:25px;}
.black-out-logo{ width:80%;}
.footer-nav li a img{ margin-bottom:25px;}
.mobile-logo{ width:120px;}
.mobile-logo1{ width:100px;}
 .testimonial-box-text img{ width:100%;}
 .mission_content1 h4{ font-size:2rem;}
 .transer-right h3{ font-size:2rem;}
.transer-left{ width:100%; padding:20px;}
.transer-right{ width:100%;  padding:20px;}
.personal-bottom h2{ font-size:2rem; line-height:26px;}
.personal-bottom{ width:100%;  padding:20px;}
.personal-section img{ padding:20px;}
.text-size{ font-size:2rem !important}
.banner-text h1{ padding:0rem 0rem 1rem 0rem}

 .overlay-banner-video{ bottom:74px;}
 .video-text { top:140px; }
  .video-text h2{ font-size:1.2rem;}
.blackout-clases-section .box .left{ padding-right:3%;}
 .video-text img{ width:130px;}
 .blog-right-section{ border-left:0px; margin-top:40px; padding-left:0px;}
 .recent-post{ padding-left:0px;}
 .search-box{ width:100%;     margin-left: 0%;}
  .front-image{ display:block; }
.back-image img {
    width: 75%;
     margin-left: 50px;
    margin-top: 25px;
}
 
 .how-it-work{    padding:36rem 0rem 0rem 0rem;}
 .about-right{ padding:20px; margin-bottom:40px;}
 .benifits-left h2{ font-size:2rem;}
 .overview h2{  font-size:2rem;}
 .download-section{ padding:4rem 0rem;}
 .download-bg .left{ width:100%;}
 .download-bg .right{ width:100%; margin-top:25px;     min-height: 575px;}
 .download-bg .left h2{font-size:2rem;}
 .download-bg .right img{ width:100%; margin-left:0px;}
 .footer-car-area{ display:none}
 .space-left-50{ padding-left:17px;}
  .footer-nav {   padding:10px; margin-top:0px;}
  .newsletter-area .left input{ padding:17px;}
  .step-line-bg{ background:none}
  .benifits-left .box-right{    padding-right:0%;}
  .benifits-left .box-left{ width:20%;}
  .logo-here img{ width:85%}
  .testimonials-right{padding: 4rem 1rem 0rem 2rem;}
  .steps-area{ margin-bottom:20px;}
  .blank-space{ display:none}
  .front-image-left{ top:40px;}
  .mobile-img-full-w{ width:100%}
 }

@media (max-width: 479px) {

.newsletter-area .left
{
  width: 225px;
}

}

@media (max-width: 414px) {
.overlay-banner-video{ bottom:74px;}
.inner-about-us-section{ padding: 42rem 0rem 0 0 !important }
.contactus-inner-area{padding: 30rem 0rem 0 0 !important}
.contact-us-left{margin-right: 0px; padding:50px 30px;}
.contact-us-left img{width: 90%;}
.contact-us-left ul li {font-size: 20px; margin-bottom: 25px;}
.contact-us-left ul li img{width: 30px;}
.contact-us-right h2{margin-bottom: 20px;}
.back-image {
   top: 70px; 
}
}
@media (max-width: 375px) {
.logo-here{ width:22rem;}
.inner-about-us-section{ padding: 42rem 0rem 0 0 !important }
.contactus-inner-area{padding: 30rem 0rem 0 0 !important}
.contact-us-left{margin-right: 0px; padding:50px 30px;}
.contact-us-left img{width: 90%;}
.contact-us-left ul li {font-size: 20px; margin-bottom: 25px;}
.contact-us-left ul li img{width: 30px;}
.contact-us-right h2{margin-bottom: 20px;}
.front-image {
    top: 224px;
}
.back-image {
    top: 123px;
}
.about-right {
    margin-top: 35px;
}
}
@media (max-width: 360px) {
.inner-about-us-section{ padding: 37rem 0rem 0 0 !important }
.contactus-inner-area{padding: 35rem 0rem 0 0 !important}
}
@media (max-width: 320px) {
.logo-here { width:12rem;}
.logo-here img{ width:100%}
.mobile-logo{ display:none}
 .overlay-banner-video{ bottom:74px;}
 .video-text { top:125px; }
  .video-text img{ width:100px;}
 .video-text h2{ font-size:1.2rem;}
 .apple-icon {
    padding: 10px;
    width: 94px;
} .google-play {
    padding: 10px;
    width: 94px;
}
.back-image
{
    top:100px
}
.front-image {
    top: 200px;
}
.inner-about-us-section{ padding: 42rem 0rem 0 0 !important }
.contactus-inner-area{padding:30rem 0rem 0 0 !important}
.contact-us-left{margin-right: 0px; padding:50px 30px;}
.contact-us-left img{width: 90%;}
.contact-us-left ul li {font-size: 20px; margin-bottom: 25px;}
.contact-us-left ul li img{width: 30px;}
.contact-us-right h2{margin-bottom: 20px;}

}