@media (min-width:1920px){

body{font-size:20px;}
 p{font-size:22px; line-height:30px;}
 .btn{font-size:22px;}
 .default-heading h1, .default-heading > a.heading01{font-size:64px;}
 .default-heading h2, .default-heading > a.heading02{font-size:38px;}
 .default-heading h3, .default-heading > a.heading03{font-size:30px;}
 .default-heading h4, .default-heading > a.heading04{font-size:24px;}
 .default-heading h5, .default-heading > a.heading05{font-size:18px;}
 .default-heading h6, .default-heading > a.heading06{font-size:16px;}
 .inner-hero-setion.hero-section{ min-height: 850px; }
 .inner-hero-setion.hero-section .heroTxt{ top: 35%; }
 }

 @media(min-width: 1365px) {
  .left-panel{width: 100%;  max-width: 30%;}
  .right-panel{width: 100%; max-width: 70%;}
 }

@media (min-width:992px) and (max-width:1199px){
 .container{ max-width: 1024px; }
 .modal-dialog.large-width{max-width: 980px;}
 .hero-section{min-height: 760px; padding-bottom: 0;}
 /*.section{padding:50px 15px;}*/
 .services-area{ margin-top: -70px; }
 .card-area, .support-environment .card-area, .purchase-vehicle .card-area{    width: auto; bottom: -40%;}
 .purchase-vehicle, .support-environment, .minimal-effort{ padding-top: 20%; }

 .minimal-effort .card-area{width: 100%;     bottom: 0;}
 .minimal-effort .card-area .card{ height: inherit; }

 .office-home-work{ padding: 15px; }
 .office-home-work h5{ font-size: 18px; padding: 5px 0; display: inline-block; vertical-align: middle;}

  .show-restore-btn .btn{ font-size: 13px; padding: 10px 13px; margin: 10px auto; }
 /* .show-restore-btn .btn i{margin-right: 0;}*/

 .footer-area .default-heading{ padding: 30px 0 10px 0; }
 .footer-area .default-heading h2{ font-size: 24px; }
 .Copyright{ padding: 15px; }

  .map-location-area{ margin-bottom: 50px; }
  .location-area.paddright{    padding-right: 0;}
  .milse-area .hours{top: 8px; right: -10px; position: inherit;  display: inline-block;}
  .milse-area .hours-number{ width: 43px; margin-bottom: 3px;}

  .purchase-vehicle .card-area .card .card-title, 
  .support-environment .card-area .card .card-title, 
  .minimal-effort .card-area .card .card-title{font-size: 16px;}

  .purchase-vehicle .card-area .card .card-title .rounded-circle, 
  .support-environment .card-area .card .card-title .rounded-circle, 
  .minimal-effort .card-area .card .card-title .rounded-circle{ margin-right: 8px; max-width: 48px;}

  .information{ padding: 100px 0 180px 0; }

  .gradient-bar{ padding: 15px 10px; }
  .gradient-bar span{ font-size: 14px; }
  .gradient-bar i{ margin-right: 5px; }
  .card-area .card .card-title{ font-size: 18px; }
  .vehicle-list .dropdown .btn{ padding: 10px 20px;}
  .vehicle-list .dropdown .btn.dropdown-toggle::after{ top: 3px; }
  .progress-area i{    margin-right: 0; font-size: 22px;}
  /*.progress-value{ font-size: 14px; }*/
  .progress-percent{ max-width: 67%; }

  .vehicle-fit .card-body .progress-area{ padding: 0 5px; }

  .table:before{ left: 25.6%; }
  .table:after{right: 42.3%;}
  .desktop-table:after{ right: 12%; }

  /* .sidebar{ padding: 10px; } ian removed 9/11/2024 */
  .sidebar .current-vehicle{ max-width: 265px; }
  .trips-items .card-title img{ max-width: 50px; }
  .car-name{ font-size: 16px; }  
  .vehicle-info{ padding-left: 25px; }
  .timeline-content{ padding: 10px; }
  .timeline-content .progress-percent { max-width: 58%; }
  .timeline .timeline-item{max-width: 300px;}
  .campare{ padding: 0 5px; }

 }

@media (min-width:768px) and (max-width:991px){
  .default-heading h1, .default-heading > a.heading01{ font-size: 40px; }
  .headerSection{ padding: 5px; }
  .hero-section{/*min-height: 700px; */padding-bottom: 0;}
  .navbar-brand{ max-width: 135px; }
  .navbar .navbar-nav li.nav-item{ padding: 5px 10px; }

  .section{ padding: 30px 0; }
  .services-area{ margin-top: -50px; }
  .services-area .default-heading{padding-bottom: 50px;}
  .services-area .default-heading h2{font-size: 22px;}
  .services-area .card{ padding: 15px; min-height: 220px;}
  .services-area .arrow-btn{height: 55px; width: 55px; padding: 15px; bottom: -25px;}
  .services-area .arrow-btn > i { font-size: 18px;}
  .services-area .card p{ margin: 10px 0; font-size: 16px; line-height: 20px; text-align: center; }

  .contact-us{ margin-top: -30px; } 
  
  .map-location-area { margin-bottom: 30px;}

  .map-area img, .image-area img{ /*border-radius: 0;*/ margin-bottom: 25px; }
  .flow-box{ left: 0; right: 0; position: relative; margin: 0 auto; bottom: 60px; padding: 20px; bottom: 30%; margin-bottom: -30%; max-width: 350px;}
  .flow-box .miles{ margin: 20px 0; }
  .details-area.padd-left-top{ padding: 15px; }
  .charging-need{ padding-top: 0; }

  .card-area, .support-environment .card-area, 
  .minimal-effort .card-area, .purchase-vehicle .card-area{left: 0; right: 0; position: relative; margin: 0 auto; bottom: 20%; margin-bottom: -35%; }
  .minimal-effort .card-area{ margin-bottom: -30%; }

  .purchase-vehicle .card-area .card .card-title, 
  .support-environment .card-area .card .card-title, 
  .minimal-effort .card-area .card .card-title{ font-size: 16px;}

  .purchase-vehicle .card-area .card .card-title .rounded-circle, 
  .support-environment .card-area .card .card-title .rounded-circle, 
  .minimal-effort .card-area .card .card-title .rounded-circle{  margin-right: 8px; max-width: 48px;}

  .details-area.padd-right-top{ padding: 15px; }
  .purchase-vehicle, .support-environment, .minimal-effort, .privacy{ padding-top: 0; }
  .minimal-effort .card-area .card{ height: inherit; }
  .minimal-effort .details-area.padd-left-top{padding-left: 0;}

  .footer-area .default-heading{ padding: 40px 0 20px 0; }

  .section.information{ padding: 100px 0 180px 0; margin-top: 0; }

  .address{margin-bottom: 30px;}
  .address h6 { margin-bottom: 5px;}
  .address .btn{max-width: 140px;}

  .filter-mobile{ display: flex; }
  .filter-area{display: inline-block; width: 100%; max-width: 32.888%; margin-right: 5px; margin-bottom: 0px;}
  .filter-area:last-child{ margin-right: 0; }
  .filter-area .card{ height: 100%; }  
  .filter-area .dropdown-menu .form-check{ min-height: inherit; margin-bottom:0; }
  .filter-area .dropdown-menu{ padding: 10px; }


  .filter-mobile, .atoz-mobile{ display: none; }
  .atoz-mobile.open{ display:block; }
  .filter-mobile.open{ display: flex; }
  .filter-atoz{ position: relative; text-align: right; padding:15px 0 ;}
  .filter-atoz a{ font-size: 46px; padding-left: 5px; }

  .progress-area i{ font-size: 20px; margin-right:0; }
  .progress-percent span{ font-size: 16px; }
  .progress-percent .progress{min-width: 100px;}
  /*.progress-value{ font-size: 16px; }*/


  .vehicle-fit .card-body .column-items{ padding-bottom: 15px; }
  .vehicle-fit .card-body .column-items h5 { margin: 20px auto 0 auto;}
  .table:before{ left: 30%; }
  .table:after{right: 40%;}
  .desktop-table:after{ right: 11.5%; }

  .table .btn{ max-width: 170px; padding: 6px 10px; font-size: 14px;}
  .table tr th{ font-size: 13px; }
  .table-area{ padding: 10px; }

  .list-found.padd .vehicle-details{ padding: 5px 0; }
  .charging-rate .default-heading{ padding: 5px 0; }
  .charging-rate .default-heading i{ font-size: 30px; }


  /*.btn-group .btn.btn-outline-primary{ padding: 10px 10px; }
  .vehicle-info span{ font-size: 12px; }*/
  .modal-dialog { max-width: 740px;}
  .modal-content{ padding: 25px;}
  .select-box-area{ margin-bottom: 15px; }
  .button-area{margin-top: 30px;}
  .max-width.modal-body{ max-width: 100%; }
  .modal-dialog.large-width{ max-width: 740px; }
  .popup-btn{ margin: 0px;}

  .max-width-medium.modal-body{ max-width: 450px; }
  .location-area .default-heading h3{ font-size: 21px; }
  .milse-area .hours{top: 8px; right: -10px; position: inherit;  display: inline-block;}
  .hours-number{ width: 43px; margin-bottom: 3px;}

  .hourlist .box-Title{ font-size: 16px; }
  .hourlist .form-group .form-control{ text-align: left; }
  .hourlist .form-group span{ right: 25px; }
  input[type=number] { -moz-appearance: textfield;}
  input[type=number]::-webkit-inner-spin-button {width: 8px; height: 8px; padding: 5px 3px;}
  .contact-form{ margin-top: 0px; }


  .location-area.paddright { padding-right: 20px;}
  .box-Title .dropdown-menu{margin-left: -20px !important; }
  .box-Title .dropdown-menu li h6, .office-home-work h5{ font-size: 18px; display: inline-block; }
  .box-Title .dropdown-menu.minwidth{ min-width: 400px; max-width: 400px; }
  .box-Title .dropdown-menu .office-home-work{ margin-top: 0; padding: 0; border-bottom: 1px solid #E3E2E9; border-right: none; }

  .box-Title .dropdown-menu .office-home-work{ border: none; padding-top: 25px; }
  .box-Title .dropdown-menu .office-home-work i{ font-size: 21px; }
  .hero-section.inner-hero-setion .heroTxt{top: 50%;}

  /* .sidebar{padding: 10px 5px;} ian replaced below */
  .sidebar{ padding: 100px 5px 10px 5px; }
  .sidebar .btn-group .btn.btn-outline-primary { padding-left: 5px; padding-right: 5px;}
  .sidebar .current-vehicle{ max-width: 260px; }
  .vehicle-info{ font-size: 13px; padding-left: 26px; }
  
  .update-revert .revert{font-size: 14px;}
  .update-revert .revert i{ margin-right:0; }
  .update-revert .btn.btn-primary{ padding: 7px 20px; font-size: 14px; }

  .trips-items .card-title .car-name{ font-size: 16px; }
  .trips-items .dropdown .card-title{ padding-right: 20px; }
  .timeline .timeline-item{ padding-left: 25px; }
  .timeline-checkbox{left: -23px;}
  .timeline-content{ padding: 10px; }
  .timeline-content .progress-area{ max-width: 41%; }
  .timeline-card .progress-percent .progress{ min-width: 100%; }
  .timeline-content .progress-percent { max-width: 55%;}
  .timeline-content time{ font-size: 13px; }
  .timeline-content .search-location{ font-size: 14px; }
  .timeline-content .form-select{ font-size: 10px; }
  .timeline-icon.bottom-icon{bottom: 8.5%;}
 }

@media (max-width:767px){
	.padd-none-phone{ padding-left: 0; padding-right: 0; }
  .default-heading h1, .default-heading > a.heading01{ font-size: 30px; }
  .btn{ margin: 0px auto; padding: 10px 15px 8px 15px; }
  .headerSection{ padding: 10px 0 10px 0; }
  .hero-section{min-height: 700px;  background-position: bottom center; padding-bottom: 0;}
  .q-answer .btn{ margin-top: 30px; }
  .navbar-brand{ max-width: 135px; padding: 0 0; }
  .navbar .navbar-nav li.nav-item{ padding: 5px 10px;}


 /*** Mobile Menu **/ 
 .navbar-toggler{position:relative;-webkit-transition:all 0.3s;transition:all 0.3s;z-index:9999;background-color:#ffffff;border:#ffffff solid 1px;cursor:pointer;padding:0;line-height:0;}
 .navbar-toggler-icon{height: 28px; width: 30px; font-size: 30px;}
 .navbar-toggler-icon i{color:#89c930;}
 .navbar-toggler:focus{box-shadow: none;}

 .navbar .navbar-nav li.nav-item{border-bottom:#EDF4FA solid 1px; padding: 0px;}
 .navbar .navbar-nav li.nav-item > a.nav-link {padding: 6px 18px; font-size: 16px; display: block;}
 .navbar .navbar-nav li.nav-item > a.nav-link:hover, 
 .navbar .navbar-nav li.nav-item > a.nav-link.active, 
 .navbar .navbar-nav li.nav-item.show > a.nav-link{background-color:#a1d326;color:#ffffff;border-bottom:#a1d326 solid 2px;}
 .navbar .navbar-nav li.nav-item > a.nav-link:hover i, 
 .navbar .navbar-nav li.nav-item > a.nav-link.active i, 
 .navbar .navbar-nav li.nav-item.show > a.nav-link i{color:#ffffff;}
 .navbar .navbar-collapse{position:absolute;top:100%; z-index:9999;background:#ffffff;  left: 0; right: 0; margin-left: -15px; margin-right: -15px; /*width:100%;left:-100%;bottom:0;max-width:270px;*/-webkit-transition:all 0.3s;transition:all 0.3s;}
 /*.navbar .navbar-collapse.show{left:0;}*/

  .heroTxt .list-group-area { padding: 15px;}
  .heroTxt .list-group-area li{ text-align: center; padding-top: 10px; padding-bottom: 10px;}
  
  .section{ padding: 50px 0; }
  .section.padd-top{ padding-top: 20px;}
  .services-area{ margin-top: -50px; }
  .services-area .default-heading{padding-bottom: 50px;}
  .services-area .default-heading h2{font-size: 22px;}
  .services-area .card{ width: 100%; max-width: 400px; margin: 0 auto 50px auto; padding: 15px; min-height: 200px; height: auto; margin-bottom: 50px; box-shadow: 0px 10px 25px rgb(0 0 0 / 9%); flex-direction: row;}
  .services-area .arrow-btn{height: 55px; width: 55px; padding: 15px; bottom: -25px;}
  .services-area .arrow-btn > i { font-size: 18px;}
  .services-area .card p{ margin: 0px 0; font-size: 18px; line-height: 20px; text-align: left; }
    
  .details-area .default-heading{ margin-bottom: 15px; }

  .flow-box .default-heading h3{ font-size: 24px; }

  .map-area img, .image-area img{ /*border-radius: 0;*/ margin-bottom: 30px; max-width: 400px; margin-right: auto; margin-left: auto;}
  .flow-box{ left: auto; right: auto; position: relative; margin: 0 auto; /*bottom: 30%; margin-bottom: -20%;*/ bottom: 150px; margin-bottom: -115px; width: auto; padding: 25px 20px; }
  
  .purchase-vehicle .card-area .card .card-title, 
  .support-environment .card-area .card .card-title, 
  .minimal-effort .card-area .card .card-title{ font-size: 16px;}

  .purchase-vehicle .card-area .card .card-title .rounded-circle, 
  .support-environment .card-area .card .card-title .rounded-circle, 
  .minimal-effort .card-area .card .card-title .rounded-circle{  margin-right: 8px; max-width: 48px;}

  .current-vehicle, .current-vehicle.mar-small{margin-bottom: 0px;}
  .details-area.padd-left-top{ padding: 0; }
  .charging-need{ padding-top: 0; }

  .card-area, .support-environment .card-area, 
  .minimal-effort .card-area, .purchase-vehicle .card-area{left: 0; right: 0; position: relative; margin: 0 auto; bottom: 150px; margin-bottom: -115px; }
  /*.minimal-effort .card-area, .flow-box{ margin-bottom: -18%; }
  .support-environment .card-area{ margin-bottom: -20%; }*/

  .card-area .card{ max-width: 400px; margin: 0 auto; }


  .details-area { max-width: 400px; width: 100%;  margin: 0 auto;}
  .details-area.padd-right-top{ padding: 0; }
  .purchase-vehicle, .support-environment, .minimal-effort, .privacy{ padding-top: 0; }
  .minimal-effort .card-area .card{ height: inherit; }
  .minimal-effort .details-area.padd-left-top{padding-left: 0;}

  .footer-area .default-heading{ padding: 40px 0 20px 0; }
  .footer-area .default-heading h2{ font-size: 20px; }

  .inner-hero-setion.hero-section{min-height: 500px;}
  .inner-hero-setion.hero-section .heroTxt{ padding-left: 15px; padding-right: 15px; top: 50%; }
  .inner-hero-setion.hero-section .heroTxt p{ font-size: 18px; line-height: 26px; }



  .infoBox{ margin-top: 0; text-align: left; }
  .infoBox li{min-height: 140px; padding-left: 90px; position: relative;}
  .infoBox li:last-child{ min-height: inherit; }
  .infoBox:before{ right: auto; left: 25px; height: 90%; width: 6px; top:45%; margin-top: 5px; }
  .infoBox .web-leaf{ display: block; text-align: left; left: 5px; position: absolute; top: 0; padding: 0;}
  .infoBox p{ margin-bottom: 0; margin-top: 10px; }

  .integrity{ padding: 10px 0 30px 0; }
  .integrity .default-heading h2{ font-size: 30px; line-height: 40px; }
  .section.information{ padding: 60px 0 150px 0; }
  .information h3{ font-size: 22px; }

  .head-right-area.about-area a{ padding-left: 10px; font-size: 16px; }
  .inner-hero-setion.hero-section.contact-banner{ /*min-height: 350px;*/ background-size: cover; }
  .contact-form{ margin-top: 0px; /*margin-right: 15px; margin-left: 15px;*/ padding: 20px; }
  .contact-us{ margin-top: -50px; }
  .contact-us .eco-tally-heading.default-heading{ margin-top: 30px; }
  .contact-us .default-heading.eco-tally-heading h2{    font-size: 30px;}
  .footer-contact-us.footer-area .default-heading{ padding: 30px 0px 0 0px; text-align: center;}
  .footer-contact-us.footer-area .get-start-btn{ padding:20px 0; text-align: center; }
  .copy-contact-us.Copyright ul > li{ display: inline-block; margin-right: 5px; }
  .copy-contact-us.Copyright ul.social-icons li{ margin-left: 5px; }
  .address .btn{max-width: 140px;}



 .box-Title .dropdown-menu{min-width: 400px; width: auto; margin-left: -20px !important; }
 .box-Title .dropdown-menu.minwidth{ min-width: 400px; }


.hourlist .form-group span{ right: 25px; }
.hourlist .form-group .form-control.form-select{background-size: 6px 15px; background-position-x: 50%;}

  .list-found{ padding-right: 0; margin-top: 20; margin-bottom: 0px; /*border: none; border-bottom: 1px solid #E3E2E9; border-radius: 0;*/ }
 /* .car-img{ margin-bottom: -15px; }*/
  .list-found.padd{ padding: 10px; }
  .car-year.vehicle-list { padding: 20px 0 30px 0;}
  /*.skill{ margin-top: 20px; }*/
  .vehicle-fit .card-body .column-items{ padding: 0 0 15px 0; min-height: 170px;}
  .vehicle-fit .card-body .column-items h5 { margin: 20px auto 0 auto;}
  .vehicle-fit .card-body .gradient-bar{ margin-bottom: 5px; }
  .vehicle-fit .card-body .progress-area{ margin-bottom: 0;padding: 0; }
  .save{ padding: 10px 10px; margin: 0px 0 0 auto; }
  .save .web-checked-car{ margin-top: -10px;}
  .save p{ display: block; margin-top:-5px; }
 /* .save:before{ top: -20px; font-size: 75px; }*/

  /*.gas-station, .price{ padding: 20px 0px; line-height: 30px; }*/
  .progressbar-title.padd-right { padding-right: 40px;}
  .car-img, .car-img.radius{ margin-bottom: 15px; }

  .table-area.marginTop{ margin-top: 30px; }


  .ecotally-vehicle-area{ padding-top: 0; }
  .filter-area{ margin-bottom: 10px; }
  .filter-area .card, .filter-area .card-header.dropdown-toggle{ border-radius: 15px; }
  .filter-area .card-header{ padding: 10px 15px; }
  .filter-area .web-down-arrow{ font-size: 12px; }
  .filter-area .card-header span{ font-size: 16px; max-width: 93%; }
  .filter-area .card-header.dropdown-toggle.show { border-radius: 15px 15px 0px 0px;}
  .form-check{min-height: 24px; }
  .form-check-input:checked[type=checkbox]:before{ font-size: 13px; }
  .form-check .form-check-input{ width: 24px; height: 24px; }

  .filter-mobile, .atoz-mobile{ display: none; }
  .filter-mobile.open, .atoz-mobile.open{ display: block; }
  .filter-atoz{ position: relative; text-align: right; padding:15px 0 ;}
  .filter-atoz a{ font-size: 46px; padding-left: 5px; }

  .pagination-bar{ padding: 0px 0; }
  .pagination-bar .pagination .page-item a.left-arrow, 
  .pagination-bar .pagination .page-item a.right-arrow{width: 35px; height: 35px; line-height: 22px;}
  .pagination-bar .pagination .page-item a{width: 35px; height: 35px; margin: 0 3px;}

  .vehicle-trip.section{ padding: 0; }
  .sidebar{ max-width: 375px; width: 100%; padding: 15px 10px; margin: 30px auto 30px auto; border: 0px;}
  .map-trip-area{max-width: 100%; max-height: 400px;}

  .phone-box-area.form-check{ margin-bottom: 15px; padding: 8px; }
  .button-area{ margin-top: 30px; }
  
  

  .modal-header .modal-title{ padding: 50px 0 30px 0; font-size: 18px;}
  .modal-content{ padding: 25px; }
  .modal-dialog {margin: 0.8rem;}
  .max-width-medium.modal-body, .max-width.modal-body{ max-width: 450px; }
  #exampleModal_01 .modal-body{ max-width: 368px; width: 100%; margin: 0 auto; }

  .wizard-form-area{ padding-top: 30px; }
  .top-heading{ margin-bottom: 30px; }

  .stepwizard-step p{ font-size: 16px; line-height: 20px; /*margin-top: 0; margin-bottom: 10px;*/}

  .office-home-work{    margin-top: 30px;}
  .box-Title .dropdown-menu li h6{ font-size: 18px; }
  .box-Title .dropdown-menu .office-home-work{ margin-top: 0; padding: 0; border-bottom: 1px solid #E3E2E9; border-right: none; }
  .box-Title .dropdown-menu.office-home-work-in .office-home-work{ margin-top: 0; }
  .box-Title .dropdown-menu .office-home-work h5{ font-size: 18px; display: inline-block; vertical-align: middle;}
  .box-Title .dropdown-menu .office-home-work p{ font-size: 14px; }
  .box-Title .dropdown-menu .tipical-list{ padding: 0; }

  .box-Title .dropdown-menu .office-home-work{ border: none; padding-top: 25px; }
  .box-Title .dropdown-menu .office-home-work i{ font-size: 21px; }

  .map-location-area .btn{ margin: 20px auto; }
  .browse-file{ margin-bottom: 50px; padding: 15px; }
  .browse-file .default-heading{ padding: 20px 10px 60px 10px; }
  .browse-file .default-heading h3{ font-size: 18px; }
  .browse-file h5{ font-size: 14px; }

  .list-group{ padding-left: 0; margin-top: 25px;}
  .list-group:before{ left: 16px; }

  /*.stepwizard-step p{ display: none; }*/
  .default-step{ text-align: center; /*width: 50px;  margin: 0 5px;*/}
  /*.hourlist .form-group .form-control{ text-align: left; }*/

  .hourlist .form-group .form-control.form-select{background-position-x: 95%;}
  .map-location-area{ margin-bottom: 30px; }
  .location-area .default-heading h3{ font-size: 18px; }
  .location-area .default-heading h3 i { font-size: 24px;}
  .location-area.paddright{ padding-right: 0; }
  .map-location-area .map-location{ font-size: 14px; }
  .hours-number{ width: 41px; height: 41px; min-height: 45px; margin-bottom: 3px;}
  .hours{ top:8px; right: -5px; position: inherit; display: inline-block; }
  .progress-area{ margin-bottom: 15px; }
  .progress-percent{ max-width: 82%; }
  .progress-border{ margin-bottom: 0; margin-top: 10px; }  
  .progress-border:after{/*border-top: 2px solid #E3E2E9;*/ border-left: none; width: 100%; height: 1px; }
  .add-trip.btn{ margin-bottom: 30px; }

  .vehicle-fit .card-body .progress-area .progress-percent{ max-width: 70%; }

 }
 
@media (max-width:576px){
 .default-heading h1, .default-heading > a.heading01{ font-size: 24px; }
 .default-heading h2, .default-heading > a.heading02{ font-size: 20px; }
 .default-heading h3, .default-heading > a.heading03{ font-size: 18px; }
 .details-area p, p, .services-area .card p, .heroTxt .list-group-area li{ font-size: 16px; line-height: 20px; }
 .navbar-brand img{height:50px;}
 
.list-found .default-heading h2 { display: block; font-size: 20px; }
.list-found .default-heading h2 span{ display: block; font-size: 16px; }


 .hero-section{ min-height: 550px; /*background-size: 140% auto;*/}
 .heroTxt .list-group-area { padding: 10px;}
 .heroTxt .list-group-area li{ padding-top: 0; }
 .services-area{ margin-top: -30px; margin-bottom: -50px; }

 .flow-box .default-heading h3{ font-size: 20px; }
 .flow-box .miles{ margin: 20px 0; }
 .flow-box .miles a{ font-size: 12px; padding: 6px 10px; }

.card-area .card .card-title{ font-size: 18px; }
.gradient-bar{ padding: 15px 15px; margin-bottom: 15px; margin-top: 10px; font-size: 16px;}
.gradient-bar i{ margin-right:5px; font-size: 20px; }
.gradient-bar span{ margin-right: 0; line-height: 18px;}
.gradient-bar small{ display: block; margin-left: 0px; }

.column-items .text-area{ font-size: 16px; }
.sidebar{border-radius: 0; border: 0; margin-top: 0; }
.update-revert .revert i{ margin-right: 0; }

 .current-vehicle p{ font-size: 16px; }
 .vehicle-info .vehicle-part{ font-size: 14px; }
 .price{ font-size: 16px; }
/*.vehicle-info span{ font-size: 13px; }*/
 .vehicle-info i{ margin-right: 0; }
 .vehicle-info span .web-star-full{margin-right: -2.8px;}

.car-year.vehicle-list .default-heading{ margin-right: 5px; }
.car-year.vehicle-list .dropdown{ max-width: 140px; }
.car-year.vehicle-list .dropdown .btn{ padding: 5px 15px 5px 10px; }
.car-year.vehicle-list .dropdown .btn p{font-size: 10px; line-height: 14px;}
.vehicle-list .dropdown .btn.dropdown-toggle::after{left: 18px; top: -2px; }

 /*.minimal-effort .card-area{ bottom: 40%; }*/
 .flow-box{ /*margin-bottom: -33%;*/ max-width: 300px; padding: 15px 10px; }
 .card-area, .support-environment .card-area, .minimal-effort .card-area, .purchase-vehicle .card-area{ bottom: 185px; margin-bottom: -145px; }
 /*.support-environment .card-area { margin-bottom: -40%;}
 .minimal-effort .card-area{ margin-bottom: -115px; }*/

 .purchase-vehicle .card-area .card .card-title, 
 .support-environment .card-area .card .card-title, 
 .minimal-effort .card-area .card .card-title{ font-size: 14px; margin-bottom: 10px; }


  .minimal-effort .card-area .card .card-body{ padding: 15px; }
  .circle-show-faster{ max-width: 60px; right: -3%; }
  .purchase-vehicle .card-area .card .card-title .rounded-circle,
  .support-environment .card-area .card .card-title .rounded-circle, 
  .minimal-effort .card-area .card .card-title .rounded-circle{ margin-right: 5px; max-width: 50px; }

  .vehicle-info{ font-size: 14px; }
  .car-name{ font-size: 16px; }
  .vehicle-fit .card-body .card-title{ padding: 40px 0 10px 0; }
  .vehicle-fit .card-body .card-title .rounded-circle{ max-width: 40px; }
  .vehicle-fit .card-body .card-title span{ font-size: 12px; }
  

  .footer-col{ max-width: 100%; padding-bottom: 0; padding-top: 30px; }
  .footer-col:last-child{ padding-bottom: 30px; }
  .Copyright p, .Copyright ul li a{ font-size: 14px; text-decoration: none; }
  .Copyright{ padding: 10px 0; }
  .Copyright ul{ text-align: left; }
  .Copyright ul li{ padding-right: 10px; padding-left: 0;}

  .contact-form .default-heading h2{ font-size: 20px; }
  

  
  .modal-content{ padding: 10px 15px; }
  .select-box-area{ margin-bottom: 15px; }
  .select-box-area .form-select{ padding: 12px 30px 12px 40px;  }

  .phone-box-area.form-check i{ padding: 20px 0 10px 0; font-size: 36px;}
  .phone-box-area.form-check p{ font-size: 14px; line-height: 18px; min-height: 100px;}
  .phone-box-area.form-check .wifi-service i{font-size: 14px; margin-bottom: 5px;}
  .phone-box-area.form-check .wifi-service span{    font-size: 10px;  line-height: 10px;}
  .modal-header .btn-close{ font-size: 16px; right: 5px; }
  .modal-header .modal-title i{ font-size: 36px; }

  .wizard-form-area{ padding-top: 30px; }
  .acount-title{ padding: 0px 0 20px 0; }
  .acount-title p{ font-size: 16px; }

}


@media (max-width:440px){
.head-right-area a.notification img { max-width: 30px;}

.current-vehicle-btn .btn{ padding: 10px 10px 8px 10px; }
.current-vehicle-btn .btn-warning, .current-vehicle-btn .btn-primary, .vehicle-fit .card-body .card-title span{ font-size: 10px; }
.car-name{ font-size: 11px; }

.vehicle-fit .card-body .card-title{ padding-bottom: 0; }
.vehicle-fit .card-body .card-title .rounded-circle{ max-width: 35px; }
.vehicle-fit .card-body .progress-area{ padding: 0; margin-bottom: 0; }

.vehicle-fit .card-body .column-items{ min-height: 160px; padding-bottom: 15px; }
.progress-border{ margin-bottom: 0; }
.progress-percent{ max-width: 82%; }
.vehicle-fit .card-body .progress-area .progress-percent{ max-width: 64%; }
/*.progress-percent .progress{min-width: 85px;}*/
.gradient-bar{ padding: 10px; }
.gradient-bar i { font-size: 18px; margin-right: 5px; }
.gradient-bar span{ font-size: 14px; line-height: 14px; max-width: 98px; margin-right: 0; }
.gradient-bar small{ display: block; }
.progress-area i{ font-size: 18px; vertical-align: middle;    margin-right: 0; }
.progress-percent span{ font-size: 14px; }
.progress-value{ font-size: 14px; }

/*.vehicle-fit .card-body .column-items h5 { margin: 20px auto 0px auto;}*/

/*.default-step:before{ width: 50px; margin: 0 auto;}*/
.box-Title .dropdown-menu{ min-width: 290px; padding: 12px; width: 100%;}
.box-Title .dropdown-menu.minwidth{ min-width: 290px; }
.box-Title.dropup .web-charging-available:hover + .dropdown-menu{margin-left: -13px !important;}
.box-Title .dropdown-menu.paddNone{ min-width: 290px; padding: 12px; }




.trips-items .card-title .car-name{ font-size: 16px; margin-right: 10px;}
.timeline .timeline-item{ padding-left: 25px; }
.timeline-content{padding: 10px;}
.timeline-checkbox{ left: -22px; }
/*.timeline-card .progress-percent .progress{ min-width: 72px; }*/
.timeline-checkbox.form-check .form-check-input[type=checkbox]{ height: 22px;  width: 22px;}
.timeline-checkbox.form-check .form-check-input:checked[type=checkbox]:before{ top: 4px; left: -2px;}

.map-area img, .image-area img{ border-radius: 0;}
.chargingBox p{font-size: 12px; line-height: 14px;}
.location-area{margin-bottom: 20px;}

.hourlist .form-group .form-control{ padding: 10px 8px 8px 10px; text-align: left; }
.hourlist .form-group label{font-size: 14px;}
.map-location .form-control, .hours-number .form-control{ max-width: 90%; }
.location-area .box-Title{ font-size: 16px; }

.footer-col h5{ margin-bottom: 0; }
.charging-rate figure{ padding: 35px 0; }
.charging-rate h5{ font-size: 14px; }
.timeline-icon.bottom-icon{ margin-bottom: 5px; margin-left: -2px; }
.campare{ padding: 0 8px; }
}