@media (max-width:1500px) {
    .carlist-area ul.car-list li{width: 33.33%;}
}
@media (max-width:1366px) {
    .car-block ul.car-info{padding: 20px 16px;}

}

@media (max-width: 1024px) {
  header .btn-menu{display: block;}
  header .menu-area{position: fixed; width: 100%; left: -100%; height: 100%; top: 60px;; background: #2B606E; z-index: 8; padding: 30px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; transition: all .5s ease; display: block;}
  header .menu-area.active{left: 0px; transition: all .5s ease;}
  header .menu-area .mobile-menu{margin: 0px; padding: 0px; list-style: none}
  header .menu-area .mobile-menu ul{list-style: none; margin: 0 ; padding: 0}
  header .menu-area .mobile-menu ul > li a{font-size: 15px; color: #fff;   line-height: 45px; display: block; border-bottom: #333333 1px solid; }
  header .menu-area .mobile-menu ul > li.current-menu-item a,
  header .menu-area .mobile-menu li.menu-item-has-children.active > a{color: #6BDCC7; border-color:#6BDCC7 }
  header .menu-area .mobile-menu li.menu-item-has-children.sub-menu-active > a{border-bottom: none}
  header .menu-area .mobile-menu li.menu-item-has-children > a{position: relative;}
  header .menu-area .mobile-menu li.menu-item-has-children > a::before{content: ''; background: url(../images/dd-arrow-white.png) center center no-repeat; width: 24px; height: 24px; position: absolute; right: 0; transform: rotate(0deg); top: 10px;}
  header .menu-area .mobile-menu li.menu-item-has-children.sub-menu-active > a::before  { transform: rotate(180deg);}
  header .menu-area .mobile-menu li.menu-item-has-children ul.sub-menu {padding-left: 30px; display: none;}

  .country-select{width: 100%}

}

@media (min-width: 768px) and (max-width: 1024px){

    header{top: 0px; position: fixed;}
    header .container{padding: 0px}
    header .header-main{border-radius: 0px;  padding: 5px 20px;}
    header .header-main .leftside .logo {width: 124px; padding: 0 10px; border-right:none}
    header .header-main .leftside ul.link{display: none;}
    header .header-main .rightside .btn-login{padding: 0 15px; height: 40px; font-size: 12px;}
    header.fixed .header-main .rightside{padding-right: 16px}
    header.fixed .header-main .leftside .logo{margin: 0px}


    .common-page { padding: 100px 0 20px 0 }
    .common-page .photo-area {height: 230px;}
    .common-page .photo-area h1 {font-size: 48px;}
    .common-page .white-block {padding: 20px;}

    .banner-area{  padding: 30px 0 0 0;}

    .top-searchbar .circle-1,
    .top-searchbar .circle-2,
    .footer-main .circle-1,
    .footer-main .circle-2{display: none}
    .top-searchbar{padding: 80px 20px 20px 20px}
    .top-searchbar .search-area .nav-link{font-size: 12px; line-height: 16px; padding: 10px 0}
    .top-searchbar .search-area .nav-link strong{font-size: 16px; line-height: 20px;}
    .top-searchbar h1{font-size: 24px; margin: 0 0 20px 0}
    .top-searchbar .search-area .tab-content{padding: 15px}
    .top-searchbar .search-area .from-to-area .from-left{width: 49%}
    .top-searchbar .search-area .from-to-area .to-right{width: 49%; margin-left: 2%}
    .top-searchbar .search-area .from-to-area .center{display: none}
    .top-searchbar .search-area .from-to-area .form-control{height: 46px; margin-top: 5px; font-size: 13px}
    .top-searchbar .search-area .from-to-area label{margin: 0px}
    .top-searchbar .search-area .from-to-area .icon{bottom: 12px}

    .t-dates{height: 46px; padding: 0px 15px;}
    .t-check-in .t-date-info-title, .t-check-out .t-date-info-title{font-size: 13px !important; top: 17px;}

    .car-detail-section .car-detail-main .from-to-area .form-control {font-size: 13px; height: 48px;}
    .car-detail-section .car-detail-main .from-to-area .icon {bottom: 13px;}
    .car-detail-section .car-detail-main .from-to-area .center {padding-bottom: 40px;}

    .page-template-page-browse .top-searchbar{padding: 80px 20px 20px 20px}

    .banner-area .banner-1{margin-bottom: 45px}
    .banner-area .banner-2{margin-bottom: 45px}
    .carlist-area ul.car-list li{width: 50%;}

    .car-block{margin-bottom: 20px; border-radius: 15px}
    .car-block .car-img{height: 250px}
    .car-block .car-img .car-detail{padding: 15px}
    .car-block .car-img .car-detail .car-name{font-size: 18px; line-height: 26px;}
    .car-block .car-img .car-detail .car-price{font-size: 18px; line-height: 26px;}
    .car-block .car-img .car-detail .car-price span{font-size: 13px; line-height: 21px;}
    .car-block ul.car-info {padding: 5px 10px; flex-wrap: wrap; justify-content: space-between;}
    .car-block ul.car-info li{width: 48% !important; text-align: center; margin: 5px 0;font-size: 14px; line-height: 34px; padding: 0 10px;}

    .footer-main {padding: 0px 0 15px 0;}
    .footer-main .blue-block{font-size: 22px; line-height: 28px; padding: 15px;}
    .footer-main .footer-section{margin: 20px 0 0 0; padding: 20px; }
    .footer-main .footer-section .leftside{width: 40%; padding-right: 30px}
    .footer-main .footer-section .rightside{width: 60%; padding: 0px}
    .footer-main .footer-section .leftside .logo {margin-bottom: 10px;}
    .footer-main .footer-section .leftside h2{font-size: 22px; line-height: 26px; margin: 0 0 10px 0;}
    .footer-main .footer-section .leftside p{margin: 0 0 10px 0;  flex-direction: column;}
    .footer-main .footer-section .newsletter-box .form-control{  padding: 0 10px;height: 50px;}
    .footer-main .footer-section .newsletter-box{display: block; margin:0 0 35px 0}
    .footer-main .footer-section .newsletter-box .btn-subscribe{margin: 10px 0 0 0; width: 100%; text-align: center; justify-content: center; line-height: 40px}
    .footer-main .footer-section ul.footer-link{flex-wrap: wrap;}
    .footer-main .footer-section ul.footer-link li{width: 50%; margin: 0px}
    .footer-main .footer-section ul.footer-link li a{display: block; font-size: 14px}

    .footer-main .footer-section ul.menu-link{margin: 45px 0px 30px 0px}
    .footer-main .footer-section ul.menu-link li{width: 50%}
    .footer-main .footer-section ul.menu-link li a{font-size: 14px}
    .footer-main .footer-section .newsletter-box p .wpcf7-spinner{margin: 0 auto;margin-top: 10px;}
    .footer-main .footer-section .info{margin: 0 0 30px 0}

    .contact-page {padding: 75px 0 20px 0;}
    .contact-page .contact-area{display: block;}
    .contact-page .contact-area .photo-area{width: 100%; min-height: 450px;}
    .contact-page .contact-area .form-area {padding: 40px; width: 100%;}
    .contact-page .contact-area .form-area .form-group{margin-bottom: 10px;}
    .contact-page .contact-area .form-area .form-control{height: 50px; font-size: 14px;}
    .contact-page .contact-area .form-area label{margin: 0 0 5px 5px; font-size: 12px;}
    .contact-page .contact-area .form-area .btn-submit{font-size: 14px; line-height: 16px;}

    .login-page {padding: 75px 0 20px 0;}
    .login-page .login-area{display: block;}
    .login-page .login-area .photo-area{width: 100%; min-height: 450px;}
    .login-page .login-area .photo-area.forgot{min-height:auto}
    .login-page .login-area .photo-area .inner-img{height: 450px;}
    .login-page .login-area .form-area {padding: 40px; width: 100%;}
    .login-page .login-area .form-area .form-group{margin-bottom: 10px;}
    .login-page .login-area .form-area .form-control{height: 50px; font-size: 14px;}
    .login-page .login-area .form-area label{margin: 0 0 5px 5px; font-size: 12px;}
    .login-page .login-area .form-area .btn-login{font-size: 14px; line-height: 16px;}
    .login-page .login-area .form-area .btn-social{font-size: 14px; line-height: 16px; margin-bottom: 10px;}
    .login-page .login-area .form-area .or{margin: 15px 0;}

    .car-detail-section{padding: 75px 0 20px 0;}
    .car-detail-section .car-detail-main{display: block; }
    .car-detail-section .car-detail-main .photo-area{width: 100%;}
    .car-detail-section .car-detail-main .car-img{height: 450px;}
    .car-detail-section .car-detail-main .photo-area::before {height: 175px; border-radius: 0}
    .car-detail-section .car-detail-main .car-content{width: 100%; padding: 40px;}
    .car-detail-section .car-detail-main .car-content .price {line-height: 44px; font-size: 38px;}
    .car-detail-section .car-detail-main .check-main input[type="checkbox"].css-checkbox + label.css-label{margin-bottom: 30px;}
    .car-detail-section .car-information{padding: 40px;}
    .car-detail-section .car-detail-main .price-summery li {margin: 0 0 20px 0;}
    .car-detail-section .car-detail-main .price-summery li .form-control {height: 48px; font-size: 15px;}
    .car-detail-section .car-detail-main .price-summery li .btn-apply {line-height: 48px; font-size: 15px;}
    .car-detail-section .car-detail-main .btn-proceed {line-height: 48px; font-size: 15px;}
    .car-detail-section .car-detail-main .price-summery li.total strong {font-size: 28px;}

    .car-detail-section .car-information h1 {font-size: 28px;line-height: 34px; margin: 0 0 15px 0;}
    .car-detail-section .car-information ul.feature-list{margin: 0px 0px 20px 0px;}
    .car-detail-section .car-information ul.feature-list li {font-size: 16px;line-height: 22px;padding: 10px 15px;}
    .car-detail-section .car-information h2 {font-size: 28px;line-height: 34px; margin: 0 0 15px 0;}
    .car-detail-section .car-information ul.common-whats-included-area li {padding: 15px 40px 15px 85px;}
    .car-detail-section .car-information ul.common-whats-included-area li .icon {left: 20px;}
    .car-detail-section .car-information ul.whats-included-area li {padding: 15px 40px 15px 85px;}
    .car-detail-section .car-information ul.whats-included-area li .icon {left: 20px;}


    .blog-list {padding: 100px 0 40px 0;}
    .blog-list h1 {font-size: 36px;}
    .blog-list .grid {margin: 0px -16px 0 -16px;}
    .grid-sizer, .grid-item {width:50%; }
    .blog-list .grid .grid-item:nth-child(3),
    .blog-list .grid .grid-item:nth-child(4){margin-top: 0px;}
    .blog-block .blog-img img {height: 100%;}
    .blog-block .blog-title {font-size: 18px; margin: 22px 0 15px 0;line-height: 113.5%;}
    .blog-block p {line-height: 129%; margin: 0}

    .blog-detail-page { padding: 90px 0 50px 0; }
    .blog-detail-page .blog-contain .blog-img { height: 370px; }
    .blog-detail-page .blog-contain .blog-img .title-area-blod-list .blog-title { font-size: 22px; width: 390px; }

    /* about page */

    .headign-area .content-main .about-img{height: 355px;}
    .headign-area .content-main h1 {font-size: 80px; left: 30px; bottom: 20px;}
    .about-detail .detail-main {padding-top: 30px;}
    .about-detail .detail-main .top-content {padding: 40px 30px 40px 30px;}
    .about-detail .detail-main .top-content h3 {font-size: 24px;line-height: 32px;}
    .about-detail .detail-main .bottom-content {padding: 30px 30px 30px 30px;}
    .about-detail .detail-main .bottom-content p {font-size: 16px; line-height: 30px; margin-bottom: 30px;}

    .inner-page {padding: 100px 0 00px 0;}

    .inner-page .inner-main {padding: 0;  margin-bottom: 20px;}
    .inner-page .inner-main .sidebar {position: relative; width: 100%;padding: 15px;border-radius: 15px; margin-bottom: 20px}
    .inner-page .inner-main .sidebar .user-profile a.btn-menu{ position: absolute; right: 20px; top: 20px; display:block;}
    .inner-page .inner-main .sidebar .user-profile{position: relative; min-height: 40px; padding: 0px 0 0px 50px; margin: 0 0 10px 0;}
    .inner-page .inner-main .sidebar .user-profile .user-icon{width: 40px; height: 40px; border-radius: 50%; padding: 10px; background: #43F5D4; position: absolute;top: 0px; left: 0px;}
    .inner-page .inner-main .sidebar .user-profile .user-icon svg{width: 20px; height: 20px; vertical-align: top;}
    .inner-page .inner-main .sidebar .user-profile .name{color: #484848; font-size: 16px; font-weight: 600; line-height: 20px;}
    .inner-page .inner-main .sidebar .user-profile .email{color: #484848; font-size: 12px; font-weight: 400; line-height: 22px;}
    .inner-page .inner-main .sidebar ul.after-menu li a {font-size: 15px; padding: 6px 0;}
    .inner-page .inner-main .sidebar ul.after-menu li a::before {top: 7px;width: 20px;height: 20px;background-size: 100%;}
    .inner-page .inner-main .sidebar ul.after-menu li a .icon {width: 20px; height: 20px; margin-right: 15px;}

    .inner-page .inner-main .content-main-wapper {padding: 30px 20px;}
    .inner-page .inner-main .content-main-wapper h1 {font-size: 24px;line-height: 35px;}
    .inner-page .inner-main .content-main-wapper .form-group{margin-bottom: 10px;}
    .inner-page .inner-main .content-main-wapper .form-group label {margin: 0 0 5px 5px; font-size: 12px;}
    .inner-page .inner-main .content-main-wapper .form-group .form-control {height: 50px; font-size: 14px;}
    .inner-page .inner-main .content-main-wapper .btn-update {line-height: 16px; font-size: 14px; padding: 15px 30px;}
    .iti__selected-flag {height: 48px !important;}

    .inner-page .inner-main .content-main-wapper .document-block{padding: 15px;}
    .inner-page .inner-main .content-main-wapper .document-block .icon {margin: 40px auto;}
    .inner-page .inner-main .content-main-wapper .document-block .btn-upload {font-size: 15px;}
    .inner-page .inner-main .content-main-wapper .document-block .btn-upload .custom-file-input {height: 48px;}
    .inner-page .inner-main .content-main-wapper .document-block .btn-upload span {line-height: 48px;}
    .inner-page .inner-main .content-main-wapper .table thead tr th {padding: 12px 12px;}
    .inner-page .inner-main .content-main-wapper .table tbody tr td {padding: 12px 12px;}

    .summary-detail .content-main {flex-direction: column;}
    .summary-detail .content-main .detail-main .step-area{width: 400px;}
    .summary-detail .content-main .detail-main .step-area .circle {padding: 6px 10px;}
    .summary-detail .content-main .detail-main .selection-type {margin-bottom: 30px;}
    .summary-detail .content-main .detail-main {width: 100%; padding: 30px;}
    .summary-detail .content-main .detail-main .radio-label {padding: 20px 10px 20px 45px;}
    .summary-detail .content-main .detail-main .dot {left: 10px;}
    .summary-detail .content-main .detail-main .radio-label p {font-size: 14px; line-height: 21px;}
    .summary-detail .content-main .detail-main .location-type .custom-radio-box {width: calc(50% - 20px);}
    .summary-detail .content-main .detail-main .location-type .custom-radio-box .radio-label {padding: 10px 10px 10px 40px;}
    .summary-detail .content-main .detail-main .location-type .custom-radio-box .radio-label .dot {top: 10px; left:10px}

    .summary-detail .content-main .detail-main .from-to-area .form-control {font-size: 13px; height: 48px;}
    .summary-detail .content-main .detail-main .from-to-area .icon {bottom: 13px;}
    .summary-detail .content-main .detail-main .from-to-area .center {padding-bottom: 40px;}
    .summary-detail .content-main .detail-main .from-to-area .time-dropdown{margin-top: 10px}
    .summary-detail .content-main .car-detail-section {width: 100%}
    .summary-detail .content-main .car-detail-section .car-detail-main .car-content {padding: 30px;}
    .summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo {margin-bottom: 25px;}
    .summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo .right-detail .car-name {font-size: 22px;}
    .summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo .right-detail .price {font-size: 32px;}

    .error-page {padding: 80px 0px 40px 0px;}
    .error-page .error-img {max-width: 510px;}
    .error-page h1 {font-size: 32px;  margin: 15px 0;}
    .error-page a.btn{font-size: 15px;line-height: 45px; margin-top: 15px;}
    header .header-main .rightside{  display: flex; padding: 0;  align-items: center;}
    .hamburger{ display: block; }
    }



@media (max-width: 767px) {

.container{padding: 0 15px;}

header{top: 0px; position: fixed;}
header .container{padding: 0px}
header .header-main{border-radius: 0px; padding: 5px 15px;}
header .header-main .leftside .logo {width: 124px; padding: 0 10px; border-right:none}
header .header-main .leftside ul.link{display: none}
header .header-main .rightside {padding: 0}
header .header-main .rightside .btn-login{padding: 0 15px; height: 40px; font-size: 12px;}
header.fixed .header-main .rightside{padding-right: 0px; display: flex; align-items: center}
header.fixed .header-main .leftside .logo{margin: 0px}

.common-page { padding: 80px 0 20px 0 }
.common-page .photo-area {height: 230px;}
.common-page .photo-area h1  {font-size: 36px;}
.common-page .white-block {padding: 20px;}
.common-page .white-block h2 { font-size: 18px;margin: 15px 0 5px 0;}
.common-page .white-block p {font-size: 15px;line-height: 27px; }

.top-searchbar{padding: 80px 15px 20px 15px}
.top-searchbar .search-area .nav-link{font-size: 12px; line-height: 16px; padding: 10px 0}
.top-searchbar .search-area .nav-link strong{font-size: 16px; line-height: 20px;}
.top-searchbar h1{font-size: 24px; margin: 0 0 20px 0}
.top-searchbar .search-area .tab-content{padding: 15px}
.top-searchbar .search-area .from-to-area .from-left{width: 49%}
.top-searchbar .search-area .from-to-area .to-right{width: 49%; margin-left: 2%}
.top-searchbar .search-area .from-to-area .center{display: none}
.top-searchbar .search-area .from-to-area .form-control{height: 46px; margin-top: 5px; font-size: 13px}
.top-searchbar .search-area .from-to-area label{margin: 0px}
.top-searchbar .search-area .from-to-area .icon{bottom: 13px}
.time-dropdown .icon {right: 10px !important;}
.time-dropdown .time-popup.return-time-block {right: 0px; left: auto;}

.t-dates span {  font-size: 13px;  line-height: 45px;}
.t-dates{height: 46px; padding: 0px 15px;}
.t-check-in .t-date-info-title, .t-check-out .t-date-info-title{font-size: 13px !important; top: 17px;}

.page-template-page-browse .top-searchbar{padding: 80px 20px 20px 20px}

.banner-area{z-index: 2; padding:30px 0 30px 0;}
.banner-area .banner-1 {padding: 0px 0px 20px 0px; margin-bottom: 20px}
.banner-area .banner-1 .banner-img{position: relative; top: 0; left: 0px; margin-top: 0; width: 100%; min-height: auto; margin-bottom:15px; border-radius: 20px 20px 0 0px;}
.banner-area .banner-1 .banner-img img{width: 100%; position: relative;}
.banner-area .banner-1 h2{text-align: center; font-size: 17px; line-height: 26px; margin-bottom: 10px;}
.banner-area .banner-1 .code{text-align: center;}
.banner-area .banner-2{padding: 0px 0px 20px 0px; text-align: center;}
.banner-area .banner-2 .banner-img{position: relative; top: 0; left: 0px; margin-top: 0; width: 100%; min-height: auto; margin-bottom:15px; border-radius: 20px 20px 0 0px;}
.banner-area .banner-2 .banner-img img{width: 100%;  position: relative;}
.banner-area .banner-2 h2{text-align: center; font-size: 24px;}
.banner-area .banner-2 p{text-align: center; font-size: 16px}

.carlist-area ul.car-list li{width: 100%;}
.car-block{margin-bottom: 20px; border-radius: 15px}
.car-block .car-img{height: 250px}
.car-block .car-img .car-detail{padding: 15px}
.car-block .car-img .car-detail .car-name{font-size: 18px; line-height: 26px;}
.car-block .car-img .car-detail .car-price{font-size: 18px; line-height: 26px;}
.car-block .car-img .car-detail .car-price span{font-size: 13px; line-height: 21px;}
.car-block ul.car-info {padding: 5px 10px; flex-wrap: wrap; justify-content: space-between;}
.car-block ul.car-info li{width: 48% !important; text-align: center; margin: 5px 0;font-size: 14px; line-height: 34px; padding: 0 10px;}

.footer-main {padding: 0px 0 15px 0;}
.footer-main .blue-block{font-size: 22px; line-height: 28px; padding: 15px;}
.footer-main .footer-section{margin: 20px 0 0 0; padding: 20px; display: block;}
.footer-main .footer-section .leftside{width: 100%}
.footer-main .footer-section .rightside{width: 100%; padding: 0px}
.footer-main .footer-section .leftside .logo {margin-bottom: 10px;}
.footer-main .footer-section .leftside h2{font-size: 22px; line-height: 26px; margin: 0 0 10px 0;}
.footer-main .footer-section .leftside p{margin: 0 0 10px 0;  flex-direction: column;}
.footer-main .footer-section .newsletter-box{display: block; margin: 0 0 20px 0 }
.footer-main .footer-section .newsletter-box .wpcf7-form.submitting {position: relative;}
.footer-main .footer-section .newsletter-box p .wpcf7-spinner{margin: 0 auto;margin-top: 10px;}
.footer-main .footer-section .newsletter-box .form-control {padding: 0 10px; height: 50px}
.footer-main .footer-section .newsletter-box .btn-subscribe{margin: 10px 0 0 0; width: 100%; text-align: center; justify-content: center; line-height: 40px}
.footer-main .footer-section ul.footer-link{flex-wrap: wrap;}
.footer-main .footer-section ul.footer-link li{width: 100%; margin: 0px}
.footer-main .footer-section ul.footer-link li a{display: block;}
.footer-main .wpcf7-form

.footer-main .footer-section ul.menu-link{margin: 10px 0px 10px 0px}
.footer-main .footer-section ul.menu-link li{width: 100%}
.footer-main .footer-section .info{margin: 0 0 15px 0;}
.footer-main .footer-section .copyright{display: block;}

/* about page */

.headign-area .content-main .about-img{height: 330px;}
.headign-area .content-main h1 {font-size: 80px; left: 30px; bottom: 20px;}
.about-detail .detail-main {padding-top: 30px;}
.about-detail .detail-main .top-content {padding: 20px 15px 20px 15px;}
.about-detail .detail-main .top-content h3 {font-size: 20px;line-height: 30px;}
.about-detail .detail-main .bottom-content {padding: 15px;}
.about-detail .detail-main .bottom-content p {font-size: 14px; line-height: 22px; margin-bottom: 20px;}

.car-detail-section {padding: 75px 0 20px 0;}
.car-detail-section .car-detail-main{display: block;}
.car-detail-section .car-detail-main .photo-area{width: 100%;}
.car-detail-section .car-detail-main .car-content{width: 100%;}
.car-detail-section .car-detail-main .car-img{height: 400px;}
.car-detail-section .car-detail-main .photo-area::before {border-radius: 0px; height: 160px;}
.car-detail-section .car-detail-main .photo-area .car-price{bottom: 15px; font-size: 20px; left: 15px; line-height: 32px;}
.car-detail-section .car-detail-main .car-content{padding: 15px;}
.car-detail-section .car-detail-main .car-content .price{font-size: 30px; line-height: 40px;}
.car-detail-section .car-detail-main .car-content .price span {font-size: 18px; line-height: 18px;}
.car-detail-section .car-detail-main .date-select{padding: 10px 40px; margin: 0 0 15px 0;}
.car-detail-section .car-detail-main .date-select .lefticon{left: 10px;}
.car-detail-section .car-detail-main .date-select .edit-icon{ right: 10px;}
.car-detail-section .car-detail-main .date-select .date-block .check-in{margin-right: 30px; font-size: 12px; line-height: 20px;}
.car-detail-section .car-detail-main .date-select .date-block .check-in::before {top: 20px; right: -20px;}
.car-detail-section .car-detail-main .date-select .date-block .check-out{font-size: 12px; line-height: 20px;}
.car-detail-section .car-detail-main .from-to-area .form-control {font-size: 13px; height: 46px; border-radius: 8px;}
.car-detail-section .car-detail-main .from-to-area .icon{display: none;}
.car-detail-section .car-detail-main .price-summery li{font-size: 14px; line-height: 20px; margin: 0 0 15px 0;}
.car-detail-section .car-detail-main .price-summery li strong{font-size: 16px;}
.car-detail-section .car-detail-main .price-summery li.discount{display: block;}
.car-detail-section .car-detail-main .price-summery li .form-control{height: 50px; margin-bottom: 10px;}
.car-detail-section .car-detail-main .price-summery li .btn-apply{width: 100%; margin-left: 0px; line-height: 40px;}
.car-detail-section .car-detail-main .price-summery li.total{font-size: 16px; line-height: 30px;}
.car-detail-section .car-detail-main .price-summery li.total strong{font-size: 20px;}
.car-detail-section .car-detail-main .check-main input[type="checkbox"].css-checkbox + label.css-label{margin-bottom: 20px;}
.car-detail-section .car-detail-main .btn-proceed{line-height: 48px; font-size: 15px;}

.car-detail-section .car-information{padding: 20px;}
.car-detail-section .car-information h1{font-size: 24px; line-height: 35px; margin: 0 0 15px 0;}
.car-detail-section .car-information ul.feature-list{overflow-x: hidden; flex-wrap: wrap; margin: 0px 0px 15px 0px;}
.car-detail-section .car-information ul.feature-list li{font-size: 14px; line-height: 18px; padding: 10px 15px; margin-right: 5px; margin-bottom: 5px;}
.car-detail-section .car-information h2{font-size: 24px; line-height: 35px; margin: 0 0 15px 0;}
.car-detail-section .car-information ul.common-whats-included-area li .icon{top: 10px; margin-top: 0; left: 10px;}
.car-detail-section .car-information ul.common-whats-included-area li{padding: 12px 15px 12px 54px;}
.car-detail-section .car-information ul.whats-included-area li{padding: 12px 0px 12px 44px;}
.car-detail-section .car-information ul.whats-included-area li .icon{top: 10px; margin-top: 0; left: 0;}

.contact-page {padding: 75px 0 20px 0;}
.contact-page .contact-area{display: block;}
.contact-page .contact-area .photo-area{width: 100%; min-height: 250px;}
.contact-page .contact-area .form-area {padding: 20px; width: 100%;}
.contact-page .contact-area .form-area h1{font-size: 32px; line-height: 52px;}
.contact-page .contact-area .form-area p{font-size: 11px; margin: 0 0 10px 0;}
.contact-page .contact-area .form-area .form-group{margin-bottom: 10px;}
.contact-page .contact-area .form-area .form-control{height: 50px; font-size: 14px;}
.contact-page .contact-area .form-area label{margin: 0 0 5px 5px; font-size: 12px;}
.contact-page .contact-area .form-area .btn-submit{font-size: 14px; line-height: 16px;}
.contact-page .address_area{ margin: 0px; padding: 20px; position: relative;}
.contact-page .address_area .address{ margin-bottom: 15px; padding: 0}
.contact-page .address_area .address,.contact-page .address_area .map_icon_area{ width: 100%;  flex-direction: column;    align-items: center;}

.login-page {padding: 75px 0 20px 0;}
.login-page .login-area{display: block;}
.login-page .login-area .photo-area{width: 100%; min-height: 250px;}
.login-page .login-area .photo-area.forgot{min-height:auto}
.login-page .login-area .photo-area .inner-img {height: 250px;}
.login-page .login-area .form-area {padding: 20px; width: 100%;}
.login-page .login-area .form-area h1{font-size: 32px; line-height: 52px; margin: 0 0 10px 0;}
.login-page .login-area .form-area .form-group{margin-bottom: 10px;}
.login-page .login-area .form-area .form-control{height: 50px; font-size: 14px;}
.login-page .login-area .form-area label{margin: 0 0 5px 5px; font-size: 12px;}
.login-page .login-area .form-area .remember-me {margin: 0px 0px 10px 0px;}
.login-page .login-area .form-area .btn-login{font-size: 14px; line-height: 16px;}
.login-page .login-area .form-area .btn-social{font-size: 14px; line-height: 16px; margin-bottom: 10px;}
.login-page .login-area .form-area .or{margin: 15px 0;}
.login-page .login-area .form-area .forgot-flex{display: block; margin-bottom: 15px; margin-top: 15px;}

.blog-list {padding: 80px 0 40px 0;}
.blog-list h1 {font-size: 28px;}
.blog-list .grid {margin: 0px -16px 0 -16px}
.grid-sizer, .grid-item {width: 100%; }
.blog-list .grid .grid-item:nth-child(3),
.blog-list .grid .grid-item:nth-child(4){margin-top: 0px;}
.blog-block .blog-img img {height: 100%;}
.blog-block .blog-title {font-size: 18px; margin: 22px 0 15px 0;line-height: 113.5%;}
.blog-block p {line-height: 129%; margin: 0}

.blog-detail-page { padding: 80px 0 50px 0; }
.blog-detail-page .blog-contain .blog-img { height: auto; }
.blog-detail-page .blog-contain .blog-img .title-area-blod-list { position: relative; display: block; padding: 10px 20px;}
.blog-detail-page .blog-contain .blog-img .title-area-blod-list .blog-title { color: #000000; width: auto; font-size: 22px; }
.blog-detail-page .blog-contain .blog-img .title-area-blod-list .date { position: absolute; top: -41px; right: 12px;  }
.blog-detail-page .blog-contain .blog-img .title-area-blod-list .overlay-area { bottom: 100%; height: 85px;}

.blog-detail-page .blog-contain .blog-content{padding: 10px 20px;}
.blog-detail-page .blog-contain .blog-content{ font-size: 15px; }

.inner-page {padding: 80px 0 00px 0;}
.inner-page .inner-main .sidebar .user-profile a.btn-menu{ position: absolute; right: 20px; top: 20px; display:block;}
.inner-page .inner-main {padding: 0; margin-bottom: 20px}
.inner-page .inner-main .sidebar {position: relative; width: 100%;padding: 15px;border-radius: 15px; margin-bottom: 20px}
.inner-page .inner-main .sidebar .user-profile{position: relative; min-height: 40px; padding: 0px 0 0px 50px; margin: 0 0 10px 0;}
.inner-page .inner-main .sidebar .user-profile .user-icon{width: 40px; height: 40px; border-radius: 50%; padding: 10px; background: #43F5D4; position: absolute;top: 0px; left: 0px;}
.inner-page .inner-main .sidebar .user-profile .user-icon svg{width: 20px; height: 20px; vertical-align: top;}
.inner-page .inner-main .sidebar .user-profile .name{color: #484848; font-size: 16px; font-weight: 600; line-height: 20px;}
.inner-page .inner-main .sidebar .user-profile .email{color: #484848; font-size: 12px; font-weight: 400; line-height: 22px;}
.inner-page .inner-main .sidebar ul.after-menu li a {font-size: 15px; padding: 6px 0;}
.inner-page .inner-main .sidebar ul.after-menu li a::before {top: 7px;width: 20px;height: 20px;background-size: 100%;}
.inner-page .inner-main .sidebar ul.after-menu li a .icon {width: 20px; height: 20px; margin-right: 15px;}

.inner-page .inner-main .content-main-wapper {padding: 30px 20px;}
.inner-page .inner-main .content-main-wapper .form-block {margin-top: 10px; }
.inner-page .inner-main .content-main-wapper h1 {font-size: 24px;line-height: 35px;}
.inner-page .inner-main .content-main-wapper .form-group{margin-bottom: 10px;}
.inner-page .inner-main .content-main-wapper .form-group label {margin: 0 0 5px 5px; font-size: 12px;}
.inner-page .inner-main .content-main-wapper .form-group .form-control {height: 50px; font-size: 14px; padding: 0 10px;}
.country-select.inside input, .country-select.inside input[type="text"] {height: 50px;}
.inner-page .inner-main .content-main-wapper .btn-update {line-height: 16px; font-size: 14px; padding: 15px 30px;; width: 100%}
.iti__selected-flag {height: 48px !important;}

.inner-page .inner-main .content-main-wapper ul.rental-tab li  {margin-right: 30px;}
.inner-page .inner-main .content-main-wapper ul.document-tab {justify-content: inherit; flex-wrap: nowrap; overflow-y: scroll;}
.inner-page .inner-main .content-main-wapper ul.document-tab li{margin-right: 30px}
.inner-page .inner-main .content-main-wapper ul.document-tab li a {font-size: 14px; white-space: nowrap;}
.inner-page .inner-main .content-main-wapper .document-area {display: block; margin: 0}
.inner-page .inner-main .content-main-wapper .document-block{padding: 15px; margin-top: 20px}
.inner-page .inner-main .content-main-wapper .document-block .btn-upload {font-size: 14px;}
.inner-page .inner-main .content-main-wapper .document-block .btn-upload .custom-file-input {height: 40px;}
.inner-page .inner-main .content-main-wapper .document-block .btn-upload span {line-height: 40px;}


.summary-detail .content-main {flex-direction: column;}
.summary-detail .content-main .detail-main .step-area{width: 400px;}
.summary-detail .content-main .detail-main .step-area .circle {padding: 5px 10px; font-size: 11px;}
.summary-detail .content-main .detail-main .selection-type {margin-bottom: 30px;}
.summary-detail .content-main .detail-main {width: 100%; padding: 15px;}
.summary-detail .content-main .detail-main .selection-type {flex-direction: column;}
.summary-detail .content-main .detail-main .selection-type .custom-radio-box {width: 100%}
.summary-detail .content-main .detail-main .radio-label {padding: 20px 10px 20px 40px;}
.summary-detail .content-main .detail-main .radio-label .lable-title {font-size: 16px;line-height: 20px; margin: 0 0 6px 0;}
.summary-detail .content-main .detail-main .radio-input:checked + .radio-label .dot {border: 4px solid #6bdcc7;}
.summary-detail .content-main .detail-main .dot {left: 10px; height: 18px;width: 18px; top: 21px;}
.summary-detail .content-main .detail-main .radio-label p {font-size: 14px; line-height: 21px;}
.summary-detail .content-main .detail-main .select-location {padding: 15px;}
.summary-detail .content-main .detail-main .location-type .custom-radio-box {width: calc(100% - 20px);}
.summary-detail .content-main .detail-main .location-type .custom-radio-box .radio-label {padding: 10px 10px 10px 40px;}
.summary-detail .content-main .detail-main .location-type .custom-radio-box .radio-label .dot {top: 10px; left:10px; height: 18px;width: 18px;}

.summary-detail .content-main .detail-main .date-select{padding: 10px 40px; margin: 0 0 15px 0;}
.summary-detail .content-main .detail-main .date-select .lefticon{left: 10px;}
.summary-detail .content-main .detail-main .date-select .edit-icon{ right: 10px;}
.summary-detail .content-main .detail-main .date-select .date-block .check-in{margin-right: 30px; font-size: 12px; line-height: 20px;}
.summary-detail .content-main .detail-main .date-select .date-block .check-in::before {top: 20px; right: -20px;}
.summary-detail .content-main .detail-main .date-select .date-block .check-out{font-size: 12px; line-height: 20px;}

.summary-detail .content-main .detail-main .from-to-area .icon{display: none;}
.summary-detail .content-main .detail-main .from-to-area .form-control {font-size: 13px; height: 48px;}
.summary-detail .content-main .detail-main .from-to-area .icon {bottom: 13px;}
.summary-detail .content-main .detail-main .from-to-area .center {padding-bottom: 10px;}
.summary-detail .content-main .detail-main .from-to-area .time-dropdown{margin-top: 10px}
.summary-detail .content-main .car-detail-section {width: 100%}
.summary-detail .content-main .car-detail-section .car-detail-main .car-content {padding: 15px;}
.summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo {margin-bottom: 25px; flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 15px;}
.summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo .car-img {width: 100%; height: 180px}
.summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo .right-detail .car-name {font-size: 22px;}
.summary-detail .content-main .car-detail-section .car-detail-main .car-content .car-photo .right-detail .price {font-size: 32px;}

.error-page {padding: 80px 0px 40px 0px;}
.error-page h1 {font-size: 32px;  margin: 15px 0;}
.error-page a.btn{font-size: 15px;line-height: 45px; margin-top: 15px;}

.inner-page .inner-main #password-change-form .password-container .password-icon{ top: 56px; }
.float-whatsapp-icon { width: 50px; height: 50px; bottom: 10px; right: 10px; }
.float-whatsapp-icon .my-float { margin-top: 10px; }
button.btn-filter { top: inherit; bottom: 30%; }
.car-detail-section .product_name{ filter: drop-shadow(-1px -1px 1px #fff); }
.car-detail-section .car-detail-main .from-to-area .center{ padding: 9px; padding-bottom: 15px; }
.car-detail-section .car-detail-main .from-to-area .center img{ width: 100%; }
.car-detail-section .car-detail-main .price-summery li .btn-apply{ margin-left: 0!important;}

.inner-page .inner-main .content-main-wapper .table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.inner-page .inner-main .content-main-wapper .table tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: 5px}
.inner-page .inner-main .content-main-wapper .table td .car-info {display: block;}
.inner-page .inner-main .content-main-wapper .table td .car-info .car-img{display: none;}
.inner-page .inner-main .content-main-wapper .table tbody tr td:first-child {border-radius: 0}
.inner-page .inner-main .content-main-wapper .table tbody tr td {border-bottom: 1px solid #ddd; display: block; font-size: 14px; text-align: right; padding: 10px 0px;}
.inner-page .inner-main .content-main-wapper .table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
.inner-page .inner-main .content-main-wapper .table td:last-child { border-bottom: 0;}

.login-page .login-area .form-area .remember-me input[type=checkbox].css-checkbox + label.css-label{ padding-left:28px; }
.login-page .login-area .form-area .remember-me input[type=checkbox].css-checkbox + label.css-label::before{ width: 20px; height: 20px; top: 3px; }
.contact-page .contact-area .photo-area .inner-photo{ height: 219px; }
ol, ul { padding-left: 1rem; }

.car-detail-section .car-detail-main .from-to-area .time-dropdown .time-popup{ min-width: 200px; left: inherit; right: 0; width: 100%; }
.car-detail-section .car-detail-main .from-to-area .from-left .time-dropdown .time-popup{ right: inherit; left: 0; }
.t-check-out .t-datepicker-day{ left: 0; }
.to-right .t-check-out .t-datepicker-day{ left: inherit; right: 0; }
.summary-detail .content-main .detail-main .from-to-area .center img{ width: 100%; padding: 5px;}
.summary-detail .content-main .detail-main .from-to-area .time-dropdown .time-popup{ min-width: 190px; }
.summary-detail .content-main .detail-main .from-to-area .to-right .time-dropdown .time-popup{ right: 0; left: inherit;}
.carlist-area ul.car-list li.not_found_car{ padding-top: 20px; }

.price-range-slider { width: 95%; margin-bottom: 15px; position: fixed; top: 82px; background: #fff; z-index: 3; padding: 18px; left: 10px; }
.filter-area .form-group.make-filter-section { margin-top: 108px; }

header .menu-area .mobile-menu ul > li a{ border-bottom: #ffffff 1px solid; }
.footer-main .circle-2 {
  position: absolute;
  z-index: 1;
  top: -230px;
  right: -285px;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  width: 518px;
  height: 518px;
}
}


@media (max-width: 500px){
    .headign-area .content-main .about-img{height: 230px;}
    .headign-area .content-main h1 {font-size: 44px; left: 25px; bottom: 25px;}
    .top-searchbar .search-area .from-to-area .to-right .time-dropdown .time-popup{ right: 0; left: inherit;}
}

@media (max-width: 600px){
  .car-detail-section .product_name{ font-size: 20px; line-height: 34px; top: 31px; left: 25px;}
  .car-detail-section .car-detail-main .swiper-button-next,
  .car-detail-section .car-detail-main .swiper-button-prev{ width: 30px; height: 30px; }
}

@media (max-width: 470px){
  .car-detail-section .car-detail-main .car-img{ height: 375px;  }
  /* .car-detail-section .car-detail-main .car-img img{ object-fit: cover;} */
  .t-datepicker-day {min-width: 285px; padding: 5px; left: 0px; width: 100%; }
  .t-table-wrap { padding: 0;}
  .t-next, .t-prev, .t-table-condensed td, .t-table-condensed th{ padding: 5px;}
}
@media (max-width: 370px){
  .car-detail-section .car-detail-main .from-to-area .to-right,
  .car-detail-section .car-detail-main .from-to-area .from-left{ width: 100%; margin-top: 10px; }
  .car-detail-section .car-detail-main .from-to-area{ flex-wrap: wrap;}
  .car-detail-section .car-detail-main .from-to-area .center{ display: none;}

}