/* =============================================================================
  Media Queries
   ========================================================================== */


@media (max-width: 1300px){ 
.help-icon a{ padding: 30px 25px; font-size: 16px}
/*.menu > li > a {font-size: 16px;  padding: 16px 15px 10px;}	*/
.menu ul{top: 57px}	
.innerlhs > h2 {font-size: 26px;}
    
}

@media (max-width: 1250px){ 
		
.help-icon a{ padding:15px 25px; }
.address-icon { margin: 16px 20px 0 0; right: 0; float: right; top: 0}	
.banner-caption h1{ font-size: 40px; line-height: normal}
.whitebox-desc, .whitebox-desc p{ font-size: 14px}	
.three-box {   padding: 40px 0;}	
.three-box ul li{ padding: 0}
/*
.footer-top {padding: 40px 0 30px;}	
.f-nav { padding: 0 0 10px 0;}	
*/
.f-logo { padding: 0 0 40px 0;}	
.three-box h4 { font-size: 30px;margin: 0 0 5px 0;}
.three-box .small-h {    font-size: 20px;}	
.three-box ul { padding: 40px 0 0 0;}	
.btn-center { padding: 20px 0 0 0;}	
}

@media (max-width: 1200px){ 
.menu > li > a { font-size: 13px;
    }
    .menu > li {
    margin: 0px 8px;
}
}

@media (max-width: 1150px){  
    .help-icon.fr {
  max-width: 200px;
}
    .stickytop.visible li {
  padding: 0 0px !important;
}

}

@media (max-width: 1000px){ 
    
     .homepage_topper .all_search_box_root {background: #fff;
  padding: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;}
    .homepage_topper {
  display: flex;
  flex-wrap: wrap;
}
        .homepage_topper .home_vehicles_category {
  order: 2; padding-top: 22px;
}
    .homepage_topper .inner-search-area.ss {
  order: 1; padding-bottom: 22px; margin-top: -120px;
    background: transparent;
}
     .homepage_topper  .vehicles-info {
    margin-top: 0;
  } 
    
    
    
    
   .humbur{     
      width: 45%;
  display: block !important;
        float: right;
        margin: 0px;}	
.mainnav, .stick-nav{ display: none} 
    .header-logo {
    width: 55%;
    margin: 0px;
    }
    
    .stick-logo
    {
          width: 55%;
    margin: 0px;  
    }
    
       .stickytop .humbur{     
      width: 45%;
  display: block !important;
        float: right;
        margin: 0px;}
    
    .humbur a
    {
            float: right;
    }
    
   .default_banner_title h2 span
    {
        display: block;
    }
}

@media (max-width: 1080px){ 
    
    .menu > li > a { font-size: 12px;
  }
  .res-table{ display: block !important}
   .res-table ul
   {
       column-count: 2;
   }
  .vehile-table {
        display: none;
    }
  
}
    

.f-nav-one, .f-nav-two, .f-nav-three, .f-nav-four { margin:0 1%;}	

@media (max-width: 980px){ 
.form-with-text{ padding: 0; text-align: center }
.search-text{ position: relative; top: inherit; left: inherit; padding: 0 0 15px 0;}	
.find-car-search .form-with-text .searchbutton, .find-car-search .form-with-text .searchinput{ height: 60px}	
.whitebox ul li a, .final_search_li h4{padding: 30px 10px 14px;}	
	
.get-in-touch a{ font-size: 20px}	
.get-in-touch h6{ margin: 0 0 5px 0}
.banner .bxslider li{ height: 400px}
    .find-car-search .form-with-text .searchbutton{height: 35px !important; top: 11px}
}
@media (max-width: 940px){
.all_search_box select{ margin:0 1.7948717948717947% 10px 0;  }

.quick_view_offer p {
   text-align: center
}
}
@media (max-width: 880px){ 
.address-icon-desktop{ display: none}	
.address-icon-mobile{ display: block;margin: 0;background: #333333; line-height: 1; }	
    .address-icon{float: none; text-align: center}
}
@media (max-width: 820px){ 
.container, .container-medium, .container-large {   width: 100%;  margin: 0 auto;}	
.fb-lhs, .fb-rhs{ width: 100%; text-align: center}	
.fb-lhs{ padding: 0 0 10px 0; line-height: 20px;}	
.banner .bx-pager{ bottom:25px}	
.whitebox ul li{ width: 100%}	
.whitebox ul li:before{ display: none}	
.whitebox-desc p{ min-height: inherit; max-height: inherit; padding: 10px 0 0 0}	
.whitebox ul li a{ padding: 20px 10px 20px 10px}	
.f-nav{ display: none}	
/*.responsive-footer-top{ display: block !important}*/	
.f-nav-commmon ul li a{ font-size: 15px}	
	.find-car-search .form-with-text .searchinput{     padding: 12px 70px 12px 12px;}	
	.price-and-offer p
	{
	    text-align:center;
	    padding-left: 0;
	            margin-bottom: 5px;
	}
	.price-and-offer h3 {
    justify-content: center;
	}
	.sb-wrapper-head
	{
	    text-align:center;
	}
	.sb-wrapper-head .sb-left
	{
	    display: inline-block;
	}
	
}
@media (max-width: 780px){ 
 
    
.f-nav-one{
    width: 100%; 
    margin-bottom: 20px;
  }
  
  .relocated_form input[type='text'] {
    width: 100%;
    padding: 0 10px;
    margin: 0 0px 10px;
}

.relocated_form select
{
margin: 0 0px 10px;
    color: #787878;
}

.relocated_form textarea
{
    margin: 0 0px 10px;

}
  .f-nav-two {
    width: 48%;
}
.f-nav-three {
    width: 48%;
}
.f-nav-four {
    width: 100%;
    margin-top: 20px;
}
    .footer-top .container{
        width: 100%;
        margin: 0 auto;
    }
    .f-nav-one section ul {
   
    width: 48%;
    padding-right: 0px;
    margin: 0 1%;
}
.f-nav-four a.button {
    display: block;
    margin: 0;
}
.footer_bottom_wrp {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.footer_bottom_social ul li {
    margin-left: 8px;
}
.f-nav {
    padding: 0 0 20px 0;
}
.f-nav-four img {
    position: relative;
        top: inherit;
    margin-right: 5px;
    transform: inherit;
    left: inherit;
    margin-right: 5px;
    
}
.f-nav-four a.button {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        text-align: center;
        justify-content: center;
    }
    .container, .container-medium, .container-large {
    width: 100%;
} 
   .default_banner_title h2 
    {
       font-size: 30px;
    }
    .default_banner {
    background-position: center right;
}
}

@media (max-width: 440px){ 
    .default_banner_title h2 {
        font-size: 24px;
    }
      .homepage_topper .inner-search-area.ss {
         margin-top: -137px;}
}

@media (max-width: 740px){ 
.three-box ul li{ width: 100%; padding: 0 20px 20px; margin: 0 0 20px 0; border-bottom: 1px solid #e4e4e4}
.three-box ul li:last-child{ border-bottom: 0; margin: 0}	
.btn-center{ padding: 0}
.three-box ul li h5{ margin: 0 0 10px 0}	
.banner-caption h1{ font-size: 24px}	
.banner .bxslider li{ height: 300px}	
.banner .bx-pager{ display: block}	
.banner .bx-wrapper .bx-controls-direction a{ display: none}	
.banner-caption{ padding: 0}	
	.content_slider_slide .featured_img img	{ min-height: inherit}
}
@media (max-width: 630px){
.all_search_box input[type="reset"],
input[type="button"],
    input[type="submit"], .button > a, .buttons > a {
        font-size: 16px;
    }
.content_slider_slide .featured_img_overlay{ position: static; background: #636363; padding: 10px 10px 20px 10px;}	
.content_slider_slide p, .content_slider_slide h1, .content_slider_slide h2, .content_slider_slide h3, .content_slider_slide h4, .content_slider_slide
	h5{ color: #fff}	
	.banner .bx-pager{ bottom: 10px}	
}
@media (max-width: 600px){ 
  .help-icon.fr {
  max-width: 230px;
}  
    
    
.all_search_box select{ width:49%; margin:0 2% 5px 0; height: 32px; font-size: 13px; border: 1px solid #cecece; }
.all_search_box select:nth-child(5n+5), .all_search_box_root input[type="submit"]{ margin-right: 2%}	
.all_search_box select:nth-child(even){ margin-right: 0 !important}	
.all_search_box_root input[type="submit"], .reset_bottom{ height: 32px; position: inherit; width: 49%; display: block; padding: 6px 5px; font-size: 13px!important }
.all_search_box_root{ padding: 0;}	
.all_social_links_and_print .block_social{/* display: block; clear: both; padding: 10px 0 0 0;        text-align: center;
        width: 100%;display: flex;
        justify-content: center;*/}	
.inner-search-area{ padding: 20px 0 15px}	
}
@media (max-width: 530px){ 
.veh_back{ float: left;         margin: 0px 10px 0px 0px; }
}
@media (max-width: 480px){ 
    .search-result-listing .product-item-details1 li {
  display: flex;
  align-items: center;
}
    
  .product-item-details1 ol li span {
  padding-right: 5px;
}  
    
body{ line-height: 28px}	
h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:17px;}	
h1, h2, h3, h4, h5, h6{ margin-bottom: 20px}



.stickytop{ display: none}
.find-car-search { padding: 30px 0;}	

.header-logo a{ margin: 0 auto 0px}
.help-icon a { padding: 8px 13px; font-size: 15px; line-height: 18px;border-radius: 3px;}
.help-icon{ float: none; display: inline-block; vertical-align: top}

.help-icon a img { margin: 0px 8px 0 0; max-width: 18px;}	
.search-text{ font-size: 20px}	
.content_slider_slide h2 {    font-size: 20px; margin: 0}	
.veh_back{     margin: 0px 10px 0px 0px;  font-size: 15px;z-index: 4;
    position: relative; }	
.address-icon-mobile{    margin: 10px 0 0 0;}	
.address-icon a{ font-size: 14px}	
}
@media (max-width: 380px){ 
body{ line-height: 26px; font-size: 16px}	
.btn-common, .first-box .btn-common, .second-box .btn-common, .clientbg-text .btn-common, .banner-caption .btn-common{ max-width: 100%;padding: 10px 15px; display: block}	
.responsive-footernav{ width: 100%}	
.banner .bx-pager{ bottom: 10px}	
.banner .container{ padding: 20px 4% 40px }	
.banner-caption h4{ font-size: 13px}	
.banner-caption h1 { margin: 0 0 3px 0; line-height: 20px; font-size: 21px;}	
.banner-caption p { font-size: 13px;line-height: 18px;}	
	.contact_email{ margin: 7px 0 0 0 }	
	
	
	.all_social_links_and_print .block_social
	{
	    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
	}
}

/* =============================================================================
  Inner page
   ========================================================================== */

@media (max-width: 1200px){ 
.showroom-add{ padding: 0 20px 0 0}
.jmsg-footer p{ display: block; margin: 10px 0px 0px 0; line-height: normal }	
.product-item-details1 ol li p{ font-size: 18px}
}

@media (max-width: 1124px){ 
.innerlhs {    width: 67.358974%;}
.innerrhs { width: 30.076923%;}	
.product-item-details { width: 70.358974%;}	
.list_product-item-photo {width: 27.076923%;}
.product-item-details1{ width: 100%; margin: 0}
.product-item-details1 ol li{ display: block; border-bottom: 1px solid #e5e4e4; padding: 0 0 8px 0 !important; margin: 0 0 8px 0 !important}	
	.product-item-details1 ol li:last-child{ border-bottom: 0; padding: 0 ; margin: 0}	
.product-item-details1 ol li::after{ display: none}	
	.product-item-details1 h4{ font-size: 20px}	
}
@media (max-width: 1040px){ 
.addtional-div{  padding: 0 }
.vi-de-full{ position: inherit; max-width: 240px; margin: 20px auto 0}
}

@media (max-width: 980px){ 
.showroom-add{ width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #e4e4e4; } 
.showroom-map{ padding:20px 0 0 0; width: 100%; border: 0}
.innerlhs {    width: 64.358974%;}
.innerrhs { width: 33.076923%;}		
.product-item-details1 ol li{    margin: 0 20px 0 0; padding: 0 20px 0 0;}	
}

@media (max-width: 940px){ 
#fancybox-content .innerlhs, #fancybox-content .john-msg-box {    width: 100% ; margin: 0 0 20px 0;}
#fancybox-content .innerrhs, #fancybox-content .vehicle-quick-location {	width: 100%;}
.quick_view_page h2{ font-size: 26px }	
}

@media (max-width:820px){ 
.innerlhs {  width:100%; margin: 0 0 0px 0}
.innerrhs { width: 100%;}		
.select-box-one, .select-box-two{ width: 48.5%; margin: 0 0 10px}	
.select-box-one{ margin-right: 3%}	
.inner-narrow-search{ width: 100%}	
.vehicle-history{ text-align: center}
.rv-list ul li{ width:31.62393162393162% ;margin: 0 2.564102564102564% 20px 0;}	
.rv-list ul li:nth-child(3n){ margin-right: 0}	
.product-item-details { width: 100%;}	
.list_product-item-photo {width:100%; margin: 0 0 20px 0}	
.list_product-item-photo img{ width: 100%}	
.product-item-details1 h4{ font-size: 22px}	
.quick_view_page  .addtional-div{ display: none}
.quick_view_page .res-table{ display: block !important}	
    .truwwidget_left{ padding-bottom: 15px;}
  .innersection { width: 100%;}  
    .truwwidget_left span{ display: block;}
    
}

@media (max-width:580px){ 
.john-img{  position: inherit; top: inherit; left: inherit; margin: 0 0 20px 0;}	
.innersection{ padding: 0px;padding-top:20px;}	
.inner-box-body{ padding: 20px}	
.john-msg-box .inner-box-body{ padding: 20px}	
.innersection{ width: 100%}
/*.detail-page-slider .bx-wrapper .bx-pager{ display: block;position: absolute;bottom: 10px; left: 0; right: 0;}	*/
.detail-page-slider .bx-wrapper .bx-controls-direction a{ width: 30px; height: 30px; margin-top: -15px }
.jb-mobile, .jb-email{ font-size: 15px}	
.vehile-table{ display: none}	
.res-table{ display: block !important}	
.f-logo { padding: 0 0 20px 0;}	
.need_help_fom{ width: 100%}	
.rv-list ul li{ width: 49%; margin: 0 2% 20px 0}
.rv-list ul li:nth-child(3n) { margin-right: 2%;}	
.rv-list ul li:nth-child(2n) { margin-right: 0;}		
.rc-view-img img{ max-height: 170px}
    .res-table ul {
        column-count: unset;
    }
    
}
@media (max-width:520px){ 
.innerlhs .block_social > div{ margin: 0 0 5px 0 !important; float: none !important; display: inline-block; vertical-align: top}
}
@media (max-width:480px){ 
.select-box-one, .select-box-two{ width: 100%;}	
.select-box-one{ margin-right:0%}
.jmsg-body{ font-size: 18px;line-height: 28px }	
  .product-item-info .vehicle-vin-check a, .product-item-info .vehicle-trade-btn a{ width: 102px !important;}
    
.product-item-details1 ol li{ display: block; width: 100%; border-bottom: 1px solid #d1d1d1; margin: 0 0 10px 0; padding: 0 0 10px 0 }	
.product-item-details1 ol li:after{ display: none}	
.product-item-details1 ol li:last-child{ border-bottom: 0px;  margin-bottom: 0 !important;  padding-bottom: 0 !important;}	
.product-quick-view, .product-pricetag{ width: 100%; padding-bottom: 10px; }	
.product-quick-view{ width: 100% }	
.product-quick-view a{ display: block; float: none; margin: 0 0 5px 0}	
.product-item-details{ padding: 0 0 0 0}	
.product-item-details2{ width: 100%; position: inherit; padding:  0px 0 0 0}	
.rv-list ul li{ width: 100%; margin: 0 0 15px 0}	
.rc-view-img img{ max-height: inherit}			
}
@media (max-width:420px){ 
.located-pin{ display: block; clear: both}
.location-box .inner-box-header h3{ display: block; clear: both; padding: 10px 0 0 0; line-height: 26px}	
.innersection{ padding:20px 0px 0px}	
.inner-box-body { padding: 20px 10px;}	
.offer-btn{ display: block; padding: 13px; text-align: center}	
	#fancybox-content .buttons	{ margin: 0}
#fancybox-content .buttons .button{ display: block; width: 100%; margin: 0}	
#fancybox-content .buttons .button.b{ margin-top: 5px}	
.price-and-offer h3{ font-size: 31px}
.price-and-offer h3 span{ font-size: 31px;    }	
}
@media (max-width:320px){ 
.reset-clear {  display: block; clear: both;   float: none; text-align: center;}
.rv-list ul li a p{ min-height: inherit; max-height: inherit}	
.formError{ left: 10px !important}	
}