@media screen and (min-width: 768px) {
   
    .choose_us .column {
      flex: 0 50%;
      max-width: 50%;
    }

  }
  @media (max-width: 767px) {
   
    .about_us  .section-header p {
      width: 100%;
    }
    #how_it_works .section-header p {
        width: 100%;
      }
  }
  @media screen and (min-width:1021px) and (max-width: 1200px) {
    .contact_us .dream_car  img {
        width: 426px;
        margin-top: 4rem;
    }
    #about_us .box {
     
        height: 400px;
      
    }
    #listing .dropdown-container .dropdown-menu {
        left: 14%;
    }
    .header .icons{} 
    .contact_us .contact_car {
        position: absolute;
        top: 2rem;
        /* right: 0; */
        right: -70px;
    }
    .contact_us .contact_car img {
        width: 90%;
    }
  }

  @media screen and (min-width:768px) and (max-width: 1020px) {
    #category .custom-col {
    /* width: 27.33%; */
  }
  .connect .connect_wrapper{
    height:692px;
  }
  .most_selling .box {
    position: relative;
    min-width: 323px !important;
}
  .range-slider-minimilistic input {

    left: 0;
    top: 15px;
    width: 110px;
    outline: none;
    height: 18px;
 
}
.range-slider-minimilistic {
    position: relative;
    width: 120px;

}
  #desk_top_search_icon,
  #desk_top_search,
  #search_icon
  {
      display:none
  }
  /* #myOverlay{
      display:block
  } */
  #cart-btn,
  #search-btn
  {
      display: none;
  }
  .header {
 
    justify-content: space-between;

}
  .details_form .form_heading .price_detail h6 {
    font-family: 'Intro-book';
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0em;
    color: rgba(28, 68, 125, 1);
    margin-left: 9rem;
    line-height: normal;
}
  .header .navbar {
    padding-left: 0;
}
  .mobile {
    display: block;
}
  .most_selling .box .row {
    width: 100%;
    padding: 10px 38px;
}
.featured .buttons{
    width: 170px;
}
  .most_selling hr {
    border: solid 1px rgba(0, 0, 0, 1);
    width: 60%;
    height: 1px;
}
.most_selling .price {
    padding: 0 3rem;
    width: 60%;
   
}
.most_selling .buttons {
    background-color: rgba(52, 52, 52, 1);
    color: white;
    width: 171px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    font-size: 10pt;
}
.most_selling .like {
    padding-right: 30px;
}
  #about_us .box {
     
    height: 400px;
  
}
  #listing .dropdown-container .dropdown-menu {
    left: 17%;
}
  #matchForm .form {

    height: unset;

}
.features {
    
    margin-top: 19rem;
}
  section {
    padding: 10rem 7% 10rem 7%;
}
#matchForm form .row {
    width: 100%;
    padding: unset;
}
.menu .box-container {
    margin-top: 2rem;
}
  #category h2{
   
font-size: 25px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

  }
  #menu{
    margin-top: 0rem;
  }
  

  .list_view .rp_content {
    margin: 5rem 0;
}
.list_view .inner-wrapper {
    display: flex;
    flex-direction: column;
    margin: 3px 10px 3rem;
}
#listing .sidebar {
    /* background: linear-gradient(180deg, #343434 0%, #40464A 100%); */
    margin-top: 12%;
    height: 40%;
}
.list_view .meta_wrap {
    padding: unset;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
  .most_selling .swiper-button-prev {
    margin-left: unset;
}
.most_selling .swiper-button-next {
    margin-right: unset;
}
#contact .box {
    padding: 30px;
    height: 330px;
    margin-bottom: 9rem;

}
  #how_it_works .row {
    margin-left: unset;
}
  .profile .profile_intro {
    display: block;
    padding: 0px 9%;
    
}
#how_it_works .box {

    margin-top: 1.7rem;
}
#how_it_works .dotted_line1,
#how_it_works .dotted_line2 
{
  display: none;
}
.contact_us img {
    width: 320px;
    margin-top: 14rem;
}
.contact_us .wrapper .box {
    margin-top: unset;
}
.contact_us .dream_car  img {
    width: 330px;
    margin-top: 6rem;
}
.home .owl-carousel.home-slider .slider-item .slider-text h1 {
    font-size: 150px;
}
.home .image {

    top: 11rem;
}
.home .description {
    top: 26rem;

}
.profile_form{
    height: 370px;
}
.profile .card form {
    position: relative;
    /* height:370px; */
}
.chat_box .tab{
    display: contents;
}
.vehicle_detail {
    display: flex;
}
.chat_box .tabcontent h4 {
    font-family: 'Intro-book';
    font-size:16px;

}
.feature_vehicle_info {
    display: flex;
    width:100%;
}
.chat_box .tabcontent .price h4{
    font-size: 22px;
}
.chat_box .tabcontent .price {

    float: inline-start;
   
}
.chat_box .tabcontent{
    display: block;
    width: 100%;
}

.msger{
    margin-top: 10%;
}
.vehicle_detail img{
    width: 30%;
    height: 20%;
}
.msger-chat form{
    height: unset !important;
}
.msg-bubble {
    max-width: 220px;
    border-radius: 15px;
}
  .profile .profile_intro{
    display: block;
}
  #manufacturer .custom-col {
    width: 20.33%;
  }
}

  
@media screen and (max-width:435px)
{
    .main-footer .about-widget .logo {
       display: contents;
    }
    .home .owl-carousel .owl-item .description{
        width: 100%;
    }
    .home .owl-carousel .owl-item img {
     
        top: 8rem;
    }
    .features .box .featured_vehicle{
        display: block;
    }
    .list_view .tags {
        width: 100%;
    }

    .most_selling .box .featured_vehicle{
        display: block;
    }
    .aution_modal {
      
        margin-top: 15rem;

    }
    #desk_top_search_icon,
    #desk_top_search,
    #search_icon
    {
        display:none
    }
    /* #myOverlay{
        display:block
    } */
    #cart-btn,
    #search-btn
    {
        display: none;
    }
    .header .overlay button {
      background: transparent;

    }
    .center_align_1, .center_align_2 {
        height: 175px;
        width: 175px;
        padding: 0 5px 0 0;
    }
    .details_form .info_details {
        margin-top: 0px;
    }
    .details_form .form_heading .contact_info, .details_form .form_heading .message, .details_form .form_heading .contact_numb {
        display: block;
        text-align: center;
    }
    .details_form .form_heading .inquiry_btn {
        width: 152px;
        height: 50px;
        background-color: rgba(245, 46, 35, 1);
        color: rgba(255, 255, 255, 1);
        border-radius: 5px;
        font-family: 'Intro-book';
        font-size: 14px;
        line-height: unset;
        letter-spacing: 0em;
        text-align: center;
    }

    .measurements .featured_vehicle p{
        text-align: center;
    }
    .details_form .form_heading .price_detail h6 {
        font-family: 'Intro-book';
        font-size: 12px;
        font-weight: 700;
        line-height: unset;
        letter-spacing: 0em;
        color: rgba(28, 68, 125, 1);
        margin-left: unset;
    }
    .details_form .form_heading h3 {
        font-family: 'Intro-book';
        font-size: 20px;
        font-weight: 700;
        line-height: unset;
        letter-spacing: 0em;
        text-align: unset;
    }
    .details_form .form_heading .price_detail{
        display: block;
    }
    .measurements .featured_vehicle{
        display:block
    }
    .measurements .featured_vehicle img{
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .measurements .featured_vehicle h5{
        font-size:14px
    }
    .header .navbar {
        padding-left: 10px;
    }
    .header {

        justify-content: space-between;
    }
    .contact h1 {
        padding: 30px 0;
        margin-bottom: 0px;
        font-size: 50px;
        font-family: 'Intro-book';
        font-weight: 700;
        text-align: center;
        color: rgba(0, 0, 0, 1);
        margin-top: 15rem;
    }
    .home .owl-carousel.home-slider .slider-item .slider-text .text {
        margin-top: 10rem;
    }
    #listing .dropdown{
        padding: 10px 30px;
    }
    .home img{
        width:90%;
        margin-top: 12rem;
    }
    .home .description {
        top: 24rem;
        font-size: 16px;

        width: 70%;
    }
    .msg-img {
        width: 51px;                                      
        height: 51px;

    }
    .list_view .tags .rp_titleinfo {
        display: block;
        text-align: center;
    }
    .contact_us .dream_car img {
        margin-top: 65%;
    }
    .most_selling .box .featured_vehicle h5 {
        font-size: 11px;
        font-family: 'Intro-Book';
    }

    .most_selling .buttons {

        width: 217px;
    }
    .most_selling .swiper-slide{
       padding: 0 60px;
    }
    .connect_wrapper .dream_car img{
        margin-top:unset;
    }
    #category h2{
        margin-top: 3.5rem;
font-size: 19px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

      }
      .menu .box-container {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
        gap: 1rem;
        margin: 1.6rem;
    }
      #menu h2{
        margin-top: 3.5rem;
font-size: 19px;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: left;

      }
    #how_it_works .row {
        margin-left: Unset;
    }
    #matchForm .new .form-group label:before {
    
        padding: 5px;
  
    }
    .profile .profile_intro {
        display: block;
        padding: 0px 9%;
        
    }
    .profile_form{
        height: 370px;
    }
    .profile .card form {
        position: relative;
        /* height:370px; */
    }
    .chat_box .tab{
        display: contents;
    }
    .vehicle_detail {
        display: block;
    }
    .feature_vehicle_info {
        display: flex;
    }
    .chat_box .tabcontent .price {
  
        float: inline-start;
       
       
       
    }
    .chat_box .tabcontent{
        display: block;
        width: 100%;
    }
    
    .msger{
        margin-top: 100%;
    }
    .vehicle_detail img{
        width: 90%;
    }
    .chat_box .tabcontent h4 {
   margin-top: 3rem;
    }
    .msger-chat form{
        height: unset !important;
    }
    .msg-bubble {
        max-width: 220px;
        border-radius: 15px;
    }
    .profile .card .row .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0rem;
    }
    .profile .header-tabs {
      
        padding-top: 30%;
    }

     
    .contact_us{
        margin-top: 10% 5px;
    }
    .features {
        background-color: rgba(217, 217, 217, 1);
        margin-top: 80%;
    }
    #matchForm form label {
        color: #fff;
        font-size: 10px;
        font-family: 'Intro-Book';
    }
    #matchForm .new .form-group {
        padding: 4px;
    }
    .contact .box {
     
        height: auto !important;
       
    }
    .connect .connect_wrapper {
        height: auto !important;
     
    }

    #how_it_works {
        padding: 60px 22px 40px 22px;
    }
    .photos-grid-container {
        grid-template-columns: 1fr;
     }
    .recent_posts .inner-wrapper {
        flex-direction: column;
        max-width: 600px;
      }
      .recent_posts .meta_wrap .rp_title {
        font-family: 'Intro-Book';
        font-size: 28px;
        color:rgba(53, 53, 53, 1);
        font-weight: 700;
      }
      .recent_posts .tags {
       display: flex;
      }
      .list_view .meta_wrap .listview_title .rp_title {
        font-size: 16px;
    }

.list_view .tags .rp_titleinfo h5 {

    padding: 5px;
}
    .list_view .like,
    .list_view .buttons
    {
        top: 11rem;
        margin-bottom: 2.5rem;
    }
    .list_view .buttons
    {
        height: 30px;
    }
    .list_view .meta_wrap {
  
        top: 4%;
    }
    #listing .buttons,
    #listing .dropdown-container
     {
        margin:0
    }
    .list_view .tags{
        margin-top: 1rem;
    }
    
    .list_view .meta_wrap .listview_title .price h4 {
        font-size: 16px;
    }
    /* .most_selling .box {
        position: relative;
        min-width: 250px !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        width: 20%;
        position: relative;
        margin: 0 6.5rem;
    } */
      .list_view .inner-wrapper{
        display:block;
        height: 460px;
      }
      .recent_posts .tags .rp_titleinfo,
      .recent_posts .tags .dott,
      .recent_posts .tags .rp_cattags
      
      {
    font-family: 'Intro-Book';
    font-size: 12px;

    color:rgba(53, 53, 53, 0.5)
    
      };
      .recent_posts .rp_content{
        font-size: 12px;
      }
    #listing .search-section {
        padding: 30% 0;
    
    }
    section {
        padding: 0;
    }
    .featured .box {
        margin-bottom: 1rem;
    }
    /* #menu{
        margin-top: 60rem;
    } */
    #matchForm .matchForm {
        background-image: url(../../assets/img/bestmatch.png);
        height: 450px;
        position: relative;
        /* height: auto; */
        min-width: 100;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
       
    }
    #matchForm form .row {
        width: 100%;
       
    }
    #matchForm .form {
    border-radius: 10px;
    width: 90%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    }
    #menu h2{
        padding:10px
    }
    .menu .box-container {
        grid-template-columns: 100px 100px 100px;
    }
    #how_it_works .dotted_line1 {
       display: none;
      }
      #how_it_works .icon {
        margin: 2rem auto 15px auto;
      
    }
    
      #how_it_works .dotted_line2 {
        display: none;
      }
    .contact_us .dream_car {
        position: absolute;
        top: 10%;
        left: 10%;
        /* right: 80px; */
    
    }
    .connect_wrapper .contact_form {
        margin: 25% 2rem;
       
    }
    .about h1 {
        padding: 10px 0;
        margin-bottom: 20px;
        font-size: 55px;
        font-family: 'Intro-book';
        font-weight: 700;
    }
    .dream_car_wrapper {
        margin-top: 0rem;
    }
    .choose_us .caption {
     
        width: 100%;
        margin: 0 auto 1rem auto;
      }
      .features h2 {
        font-size: 32px;
        padding-top: 5rem;
        
    }
    .features .content h3 {
        font-size: 17;
     

    }
    .features .buttons {
        width: 160px;
    }
    .features .box .price h4 {
      
        font-size: 20px;
    }
    .features .box .featured_vehicle h5 {
        font-size: 10px;
    }
      .features .container {

        flex-wrap: wrap;
    }
      .choose_us .card {
        padding: 2em 8em;
    }
    .contact_us .wrapper {
      
        height:488px;
    }
    .contact_us {
        padding:20px;
        margin-top: 13rem;
    }
    .contact h3 {
        padding: 40px 0 17px;
        margin-bottom: 0px;
        font-size: 30px;
        font-family: 'Intro-book';
        font-weight: 700;
        text-align: center;
        color: #fff;
    }
    .contact_us .box h2 {
        font-size: 27px;
        padding: 30px 20px 10px 20px;
    }
    .contact_us .box button {
       
        margin: 1rem 1.5rem;
        width: 150px;
    }
    .contact_us .contact_car {
        position: absolute;
        top: 50%;
        left: 15%;
    }
    
    .contact_us .box p {

        padding: 0px 20px;
        width: 80%;
        font-size: 12px
      
    }
    .first-row{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .main-footer .about-widget {
        position: relative;
        text-align: center;
    }
    .newsletter {
        width: 500px;
        padding: 60px;
   }
   .main-footer .about-widget .text{
    padding:0 2.5rem;
   }
   .newsletter h1 {
    font-size: 48px;
}
.main-footer .info-widget {
    padding: 0 3.3rem;

}
.main-footer .links_widget {
    margin-left: 1.9rem;
}
.newsletter h1 span {
    font-size: 38px;
}
.text input {
    padding-right: 80px;
}
.main-footer .info-widget .social-links{
    display: flex;
    justify-content: center;
}
.main-footer .info-widget .social-links {
    float: none;
    padding: 0px 0px;
    justify-content: center;
    display: flex;
}
.owl-carousel.home-slider .slider-item .slider-text h1{
    font-size: 87px !important;
    font-weight: 900;
}
.owl-carousel.home-slider .slider-item{
   margin-top: 8rem;
}
.owl-carousel .owl-item img {
    /* display: block; */
    /* width: 90% !important; */
    /* position: absolute; */
    top: 9rem;
    /* height: auto; */
    margin: 0;
    max-width: 100%;
    height: auto;
    display: block;
    \: none;
}
.owl-carousel .owl-item .description{
       
    font-size: 9px;
    font-weight: 400;
    width: 65%;
    margin: 8rem auto 0 auto;
}
.owl-carousel.home-slider .slider-item .slider-text h2 {
    font-size: 11px;
}

}
@media screen and (min-width: 500px) and (max-width:766px){
    .connect_wrapper .dream_car {
        width: 196px;
        padding: 30px;
    }

    .features .box .featured_vehicle{
        display: block;
    }
    .aution_modal {
      
        margin-top: 12rem;

    }
    #cart-btn,
    #search-btn
    {
        display: none;
    }
    #desk_top_search_icon,
    #desk_top_search,
    #search_icon
    {
        display:none
    }
    .center_align_1, .center_align_2 {
        height: 175px;
        width: 175px;
        padding: 0 5px 0 0;
    }
    .details_form .info_details {
        margin-top: 0px;
    }
    .details_form .form_heading .contact_info, .details_form .form_heading .message, .details_form .form_heading .contact_numb {
        display: block;
        text-align: center;
        
    }
    .details_form .form_heading .inquiry_btn {
        width: 152px;
        height: 50px;
        background-color: rgba(245, 46, 35, 1);
        color: rgba(255, 255, 255, 1);
        border-radius: 5px;
        font-family: 'Intro-book';
        font-size: 14px;
        line-height: unset;
        letter-spacing: 0em;
        text-align: center;
    }

    .details_form .form_heading .price_detail{
        display: block;
    }
    .measurements .featured_vehicle img{
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .measurements .featured_vehicle p{
        text-align: center;
    }
    .measurements .featured_vehicle{
        display:block
    }
    .measurements .featured_vehicle h5{
        font-size:14px
    }
    .details_form .form_heading .price_detail h6 {
        font-family: 'Intro-book';
        font-size: 12px;
        font-weight: 700;
        line-height: unset;
        letter-spacing: 0em;
        color: rgba(28, 68, 125, 1);
        margin-left: unset;
    }
    .details_form .form_heading h3 {
        font-family: 'Intro-book';
        font-size: 20px;
        font-weight: 700;
        line-height: unset;
        letter-spacing: 0em;
        text-align: unset;
    }
    .header .navbar {
        padding-left: 10px;
    }
    .most_selling .box .row {
        width: 70%;
        padding: 10px 38px;
    }
    .featured .buttons{
        width: 170px;
    }
      .most_selling hr {
        border: solid 1px rgba(0, 0, 0, 1);
        width: 60%;
        height: 1px;
    }
    .most_selling .price {
        padding: 0 3rem;
        width: 60%;
        height: 1px;
    }
    .most_selling .buttons {
        background-color: rgba(52, 52, 52, 1);
        color: white;
        width: 171px;
        text-align: center;
        padding: 10px 0px 10px 0px;
        font-size: 10pt;
    }
    .most_selling .like {
        padding-right: 30px;
    }
    .status h6 {
     
        font-size: unset;
        font-weight: 700;
    
    }
    .home .owl-carousel.home-slider .slider-item .slider-text h1{
        font-size: 100px;
    }
    /* #menu h2{
        margin-top: 25rem;


    } */
    .profile_form{
        height: 370px;
    }
    .profile .card form {
        position: relative;
        /* height:370px; */
    }
    .chat_box .tab{
        display: contents;
    }
    .vehicle_detail {
        display: flex;
    }
    .chat_box .tabcontent h4 {
        font-family: 'Intro-book';
        font-size:12px;
        line-height: unset;
    
    }
    .feature_vehicle_info {
        display: flex;
        width:100%;
    }
    .chat_box .status {
        font-size: 11px;
 
    }
    .chat_box .tabcontent .price h4{
        font-size: 16px;
    }
    .chat_box .tabcontent .price {
    
        float: inline-start;
       
       
    }
    .chat_box .tabcontent{
        display: block;
        width: 100%;
    }
    
    .msger{
        margin-top: 10%;
    }
    .vehicle_detail img{
        width: 30%;
        height: 20%;
    }
    .msger-chat form{
        height: unset !important;
    }
    .msg-bubble {
        max-width: 220px;
        border-radius: 15px;
    }
      .profile .profile_intro{
        display: block;
    }
    section {
        padding: 10rem 7% 5rem 7%;
    }
    #matchForm .form {

        height: auto;
    }
    .features {
      
        margin-top: 23rem;
    }
    #category .custom-col img {
        width: unset;
        
    }
    #matchForm form .row {
        width: 100%;
        padding: unset;
    }
    .menu .box-container {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
        gap: 1.2rem;
        padding: 2rem;
    }
    .home .description {
        position: absolute;
        top: 43rem;
    }
    .list_view .inner-wrapper{
        display: block;
    }
    .contact_us .wrapper {
      
        height: auto;
    }
    .list_view .meta_wrap{
        margin-top: 1rem;
    }
    .list_view .rp_content {
        margin-top: 4rem;
    }
    .contact_us .contact_car  {
        position: absolute;
        top: 5.7rem; 
         left: auto;
        right: 0;
    
    }
    .list_view .tags .rp_titleinfo h5 {
      
        font-size: 10px;
 
    }
    .list_view .tags .rp_titleinfo img {
        width: 21px;
    }
    .contact_us .contact_car img{
       
            width: 250px;
        
    }
    .connect .connect_wrapper {
        background: linear-gradient(180deg, #1E1E1E 0%, #343434 96.35%);
        height: auto;
        display: flex;
        position: relative;
    }
    .connect .contact_form button {
        background-color: rgba(28, 68, 125, 1);
        color: white;
        width: 170px;
        text-align: center;
        padding: 15px 0px 15px 0px;
        font-size: 14pt;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        margin: unset;
    }
} 
   
@media (max-width: 767.98px) {
    #listing .filters-actions {
       position: fixed;
       width: 100%;
       background: #fff;
       display: flex;
       justify-content: center;
       border:0;
       bottom: 0;
       z-index: 1031;
       left: 0;
       right: 0;
       bottom: 0;
       box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
       -webkit-box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
       -moz-box-shadow: 0px -2px 3px rgb(0 0 0 / 21%);
       height: 50px;
      }
      #listing .filters-actions>div {
           flex: 1;
           text-align: center;
          
       }
       #listing .filters-actions>div:first-of-type{
       border-right: 1px solid #d6d1ce;
       }
       #listing .filters-actions>div>* {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 100%;
       margin: 0;
   }
       /*.no-border-select.sort-select + .select2-container--default .select2-selection--single{
         background-image: none;
         padding:10px;
       }*/
       #listing .filter-btn,  #listing .filter-btn:hover,  #listing .filter-btn:focus,  #listing .filter-btn:active {
       padding: 14px 20px;
       height: 50px;
       border: 0;
        position: relative;
       z-index: 1;
       background: #fff;
       border-radius: 0;
   }
   #listing .sort-drop .dropdown-menu{
      width: 100%;
       left: 0;
       position: fixed !important;
       transform: translateY(100%) !important;
       bottom: 50px !important;
       top: auto !important;
       text-align: center;
       border-radius: 6px 6px 0 0 !important;
       box-shadow: none !important;
       transition: .3s;
       display: block;
      /* border: 0;*/
       z-index: -11;
       }
       #listing .sort-drop .dropdown-menu .dropdown-item{padding:15px 20px !important;}
       #listing.sort-drop .dropdown-menu .dropdown-item:first-child{
         border-radius: 6px 6px 0 0 !important;
       }
       #listing .sort-drop.show .dropdown-menu{
       transform: translateY(0) !important;
       }
       #listing .btn.sort-toggle{
        background-image: none;
        padding:10px !important;
        width: 100%;
       border: 0;
       height: 50px;
       position: relative;
       z-index: 1;
       background: #fff;
       border-radius: 0;
       font-size: 16px;
       line-height: 22px;
       }
       #listing .sidebar {
       position: fixed;
       z-index: 4;
       transform: translateY(100%);
       -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
       -o-transform: translateY(100%);
       transition: .3s;
       -webkit-transition: .3s;
       -moz-transition: .3s;
       -o-transition: .3s;
       display: none;
       left: 0;
       right: 0;
       bottom: 0;
       top: -4%;
       background: #fff;
       color:#000

       
      }
      #listing .filter-title {
        padding-top:unset
      }
      #listing .sidebar.open{
        z-index: 1032;
        transform: translateY(0);
        height: 83%;
        display: block;
        margin-top: 13rem;
      }
    
      #listing .sidebar__inner {
       padding: 15px;
       height: calc(100% - 58px);
       overflow-y: auto;
      }
      #listing .filter-header{height: 58px;}
      #listing .filter-body{padding-right: 0;}
   }

/* Mobile Styles */
@media screen and (min-width: 1024px) and (max-width:1200px){
    .owl-carousel.home-slider .slider-item .slider-text h1{
        font-size: 190px;
    }
    .range-slider-minimilistic {
        position: relative;
        width: 155px;

    }
    .range-slider-minimilistic input {
        pointer-events: none;
      
        left: 0;
        top: 15px;
        width: 155px;

        height: 18px;
}
    .header .navbar {
        padding-left: 0px;
    }
    .details_form .form_heading .price_detail h6 {
        font-family: 'Intro-book';
        font-size: 14px;
        font-weight: 700;
        /* line-height: 10px; */
        letter-spacing: 0em;
        color: rgba(28, 68, 125, 1);
        margin-left: 9rem;
    }
    .features .buttons {
 
        width: 190px;
  
    }
    .featured .buttons {

        width: 197px;
    }
    .owl-carousel .owl-item .description {
        
        margin: 16rem auto 0 auto;
    }
    .chat_box .tabcontent h4 {
        font-size: 14px;
    }
    .chat_box .tabcontent .price h6 {
    
        font-size: 12px;
    }
    .vehicle_detail, .feature_vehicle_info{
        width: 300px;
    }
    .chat_box .tabcontent .price {
        padding: 6px;
    }
    .chat_box .tabcontent .price h4 {
        font-size: 14px;
    }
    .chat_box .tabcontent .featured_vehicle{
        width:18%
    }
    #category h2,
    #menu h2
    {
    
font-size: 28px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0em;
text-align: left;

    }
    .home .owl-carousel.home-slider .slider-item .slider-text h1 {
        font-size: 230px;
        font-weight: 900;
        text-transform: uppercase;
        font-family: 'Intro-Book';
        color: #fff;
        line-height: 1;
    }
    .menu .box-container {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
        gap: 1.2rem;
        padding-top: 2rem;
    }
    #menu{
        margin-top: 6rem;
    }
}
@media screen and (min-width: 992px) {
   
    .choose_us .column {
      flex: 0 0 33.33%;
      max-width: 25%;
    }
  }

@media screen and (min-width:1300px)
{
    /* .owl-carousel .owl-item .description {
        margin: 18rem auto 0 auto;
    } */
}
@media(max-width:768px){
    .owl-carousel.home-slider .slider-item .slider-text h1{
        font-size: 100px;
    }
    .owl-carousel .owl-item .description {
        
        margin: 16rem auto 0 auto;
    }}
@media(max-width:900px){
  
    #menu-btn{
       
    display: inline-block;
    font-size: xx-large;
    margin-top: 1rem;
    padding: 1rem;
    color:#fff
    }

 
    .header .navbar{
        position: absolute;
        top:100%; right: -100%;
        background: #fff;
        width: 30rem;
        height: calc(100vh - 9.5rem);
        display: block;
    }

    .header .navbar.active{
        right:0;
    }

    .header .navbar a{
        color:var(--black);
        display: block;
        margin:1.5rem;
        padding:.5rem;
        font-size: 2rem;
    }
    
    .header .search-form{
        width: 90%;
        right: 2rem;
    }

.header .search-form{
    width:90%;
    right:2rem;
}

    .mobile{
        display: block;
    }

.home {
    background-position: left;
    justify-content: center;
}
.mobile img{
    margin-bottom: 1.5rem;
}
.home .content h3{
    font-size:4.5rem;

}
.home .content p{
    font-size:1.5rem;

}

}