@media only screen and (min-width: 10px) and (max-width: 400px),
only screen and (min-device-width: 10px) and (max-device-width: 400px){
	body {

   /* background-color: #ececec; */

}
.oil_price_colum_name {
margin-left: 0px; width: 121px; font-size: 16px; max-width: 20%; height: 40px; line-height: 20px;
}
div.ex1 {
margin-left: 25%; width: 75%;
}
.oil_price_colum_name_odd {
    height: 44px;
}
.car_info p {
  padding-left: 5px;
padding-right: 5px;
}
	.styled-select.slate {

   width: 48%; background: url(../images/select_marker.gif) no-repeat right 13px #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
border-top: 1px solid #D0D0D066; margin-top: 5px;
}
.styled-select.slate select {
    width: 100%;
}
	.styled-select.current {

   width: 48%; background: url(../images/select_marker.gif) no-repeat right 13px #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
border-top: 1px solid #D0D0D066; margin-top: 5px;
}
.styled-select.current select {
    width: 100%;
}
	
	h1{
font-size: 20px;
margin: 0 auto;
padding: 1%;
line-height: 30px; 
width: 98%;
float: left;
max-height: 85px;
overflow: hidden;
}
	
h2{	
font-weight: normal;
font-family: 'PT Sans', sans-serif, Arial,sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 25px;
/*text-shadow: 0 0 0 #293848;*/
border-bottom: 0px solid #D1D5DC;
padding: 1%;
margin: 0px ;
text-shadow: none;
text-align: center;
border-bottom: 0px solid #35bf48;
/*text-decoration: underline;*/
}
.car_info h2 {
padding: 2px 5px 2px 5px;
text-align: center;
border-radius: 4px;
line-height: 32px;
}
.btn9 a {

margin-right: 0px;
margin-top: 5px;
font-size: 14px;
float: left;background: #FFFFFF; width: 90%;
 
}
h4{
   padding: 10px 2% 1px 2%;
   height: auto;
	font-size: 18px;

   overflow: hidden;
   
	
}
h4 a{

	font-size: 16px;

}
h4 a:hover{
	text-decoration: underline;
}
.sharebox2 {
    width: 65%;
    float: left; text-align: center;
}
.favor{

float: left;
}
.favored{

float: left;
}
.tcar h1 { Display: none; 
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
    text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.3);
    text-align: center;
    margin: 0 auto;
}.brand-logos {

    margin: 0 auto;

}.car_info_connect h3 {
text-align: center;
margin: 0 auto;
}
	/*
	================================================================================
	|                                     HEADER                                   |
	================================================================================
	*/
	#header{
		min-width:240px;
		width: 100%;
		padding-top: 0px; /* 40px*/
	}

	#header .top_info{ 
		display: block;
		width: 100%;
		width: auto;
		margin: 0 auto;
		padding: 1px 1px 1px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 83px;
	}
		#header .top_info .signin { 
		width: 80%;
		display: block;
		float: left;
		text-align: left;
		padding: 5px 0px 2px 0px;
	}
	#header .top_info .logo{ 

		width: /*auto*/ 100%; 
		float: left;
		text-align: center;

	}
	#header .top_info .logo a{
		font-size: 40px;
	}
	
	/***************Add for logo *************/
		#header .top_info .logo img{
	float: left;
padding: 0 15% 0 15%;
width: 70%;
	}

	/*****************end*****************/
	
	#header .top_info .header_contacts{
	 Display: none; /*ซ่อน-แสดง*/
		width: auto;
		float: none;
		padding: 8px 0 0 0px;
		text-align: center;
	}
	#header .top_info .header_contacts .phone{
		padding: 0 0 2px 0;
	}

	#header .top_info .socials {
		width: 50%;
		/*display: inline-block;*/ display: none;
text-align: center;
padding: 3px 0 0 0;
	}
	#header .top_info .socials a{
		display: inline-block;
		margin: 0 0 0 2px;
		float: none;
		padding: 1px 0 0 0; width: 15px;
	}
	#header .top_info .socials a i {
		float: none;
	}
	#header .top_info .socials img {
    width: 26px;
    height: auto;
}

	
	#header .top_info .add_car{
	width: /*150px;*/ 20%;
	text-align:center;
	float:left;
	height: auto;
}
#header .top_info .add_car a{
/*box-shadow: 0 2px 2px #141a1f;*/
	font-size: 14px;
	margin-top: 8px;
	padding:5px 5px;
}

	#search_form{
		float: none;
		width: 100%;
		position: absolute;
		top:10px;
		right: 0px;
		padding: 10px 0 0 0;
		text-align: center;
	}
	.sidebar #search_form{
		float: none;
		position: static;
	}

	#search_form .txb_search{
		border: 1px solid #D0D0D0;
		display: inline-block;
		vertical-align: top;
		background: #FFFFFF;
		border-radius: 4px;
		width: 127px;
		height: 26px;
		margin: 0;
		padding: 0;
		padding: 1px 10px 0 10px;
		line-height: 26px;
		font-family: 'PT Sans', sans-serif, Arial,sans-serif;
		font-weight: 400;
		color: #798FA1;
		box-shadow: 0 1px 0 0 #FFFFFF;
	}
	/*
	================================================================================
	|                                     NAVIGATION                               |
	================================================================================
	*/
	.bg_navigation{
		width: 100%;
		min-width: 240px;margin-top: 5px; 
	}
	.navigation_wrapper{
		width: auto;
		padding: 0;
		overflow: visible;
	}
	#navigation{
		width: 100%;
		float: none;
		padding: 9px 0 9px 0;
height: 29px;
		margin: 0 auto;
		border-radius: 0;
		position: relative;
	
		/*-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);

box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); */

/*background-color: #f5f5f5cc;*/
	}
	#navigation span{
		display: block;
		margin: 0 5px;
		background-position: 95% 12px;
	}
	#navigation ul{
		display: none;
		position: absolute;
		top:47px;
		left:0;
		background-color: #505050;
		width: 100%;
		border-radius: 0 0 5px 5px;
	}
	#navigation ul li{
		display: block;
		width: 100%;
		height: 35px;
		margin-bottom: 3px
	}
	#navigation ul li a{
		font-size: 15px;
		height: 35px;
		line-height: 34px;
		display: block;
		color: #FFFFFF;
		padding:0 20px;
		text-shadow:none;
	}
	/*
	================================================================================
	|                                     CONTENT                                  |
	================================================================================
	*/

	cite{
		display: block;
		width: auto;
	}
	.breadcrumbs{
		padding-left: 10px;
		padding-right: 10px;
		Display: none; /*ซ่อน-แสดง*/
	}
	#content{
		width:100%;
		min-width: 240px;
		margin: 0 auto;
	}
	.content{
		width: auto;
margin: 0 auto;
padding: 0 5px 0;
	}
	.slider_wrapper{
		float: none;
		width: auto;
		padding: 0 0px 0 0;
		margin-bottom: 20px;
	}
	.search_auto_wrapper{
		width: auto;
		float: right;
	}
	.wrapper_2 .left,
	.wrapper_3 .left,
	.wrapper_4 .left{
		width: auto;
		float: none;
		padding-top:13px;
	}
	.wrapper_2 .right,
	.wrapper_3 .right,
	.wrapper_4 .right{
		width: auto;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
		min-width: 220px;
		margin: 0 auto;
	}
	.home_tabs .box.visible{
		position:relative;
	}
	img.alignright {
		float:none; 
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
	}
	img.alignleft {
		float:none; 
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	img.aligncenter {
		display: block; 
		margin-left: auto; 
		margin-right: auto;
	}
	.alignright {
		float:none; 
		margin-left: 0;
		margin-bottom: 16px;
	}
	.alignleft {
		float:none; 
		margin-right: 0;
		margin-bottom: 16px;
	}
	/*
	================================================================================
	|                                     TABS                                   |
	================================================================================
	*/
	.tabs_wrapper ul.tabs li{
		float: none;
		margin-right: 0;
		width: auto;
		height: 38px;
		padding-left: 9px;
		padding-right: 9px;
		border-radius: 0;
	}
	.tabs_wrapper ul.tabs li.current{
		padding-left: 10px;
		padding-right: 10px;
	}
	.home_tabs .box{
		padding-left: 9px;
		padding-right: 9px;
		min-width: 220px;
		position: relative;
	}
	.home_tabs .box .all{
		float: none;
		margin-right: 0;
		position:absolute;
		top:35px;
		left:10px;
	}
	.home_tabs .box .results{
	  	padding: 0 0 35px 0;
	}
	.tabs_wrapper .bx-wrapper{
		width: 150px;
		margin: 0 auto;
		min-width: 150px;
	}
	.tabs_wrapper .bx-controls{
		right: -30px;
	}
	/*
	================================================================================
	|                                     SLIDER                                   |
	================================================================================
	*/
	.home_slider {
width: 100%;
    padding-bottom: 10px;
	float: left;margin: 5px auto;
	max-height: 100px;
overflow: hidden;
background: rgba(27,34,42,0.9);
}
	.home_slider .slider{
		width: 100%;
		height: auto;
	}
	.home_slider .slider .slide{
		width: 100%;
		height: auto;
	}
	.home_slider .slider .slide img{
		width: 45%;
		height: auto;
		float: left;
	}
	.home_slider .slider .slide .description{
		width: 55%;
float: left;
position: inherit;
white-space: normal;
	}
	.home_slider .slider .slide .description h2{
		max-width: 100%;
font-size: 14px;
white-space: normal;
line-height: 14px;
padding: 0px 10px 3px 3px;
	}
	.home_slider .slider .slide .description p{
font-size: 12px;
		white-space: normal;width: 95%;
	}
	.page_slider {
		margin-bottom: 7px;
		position:relative;
	}
	.page_slider .slider{
		width: 100%;
		height: auto;
	}
	.page_slider .slider .slide{
		width: 100%;
		height: auto;
	}
	.page_slider .slider .slide img{
		width: 100%;
		height: auto;
	}
	.page_slider .slider .slide .description{
		width: 100%;
		padding: 13px 0px 20px 0px;
	}
	.page_slider .slider .slide .description .price{
		right:20px;
	}
	.page_slider .bx-controls{
		right:21px;
	}
	/*
	================================================================================
	|                                     SEARCH AUTO                              |
	================================================================================
	*/
	/*.search_auto{
		width: auto;
		border:1px solid #EBEBEB;
		padding: 11px 19px 13px;
		background: #FFF7D3 ;
		min-width: 180px;
	
	}*/
		.block_ads2 { 
width: 100%;
margin: 0px auto;
text-align: center;
max-height: 100%;
overflow: hidden; 
}

	.small_add_10-500 { display: block; padding-bottom:5px; /*max-height: 280px;*/}
	.adfeed_index { display: block;}
	.ads_top{
	Display: none;
}
.ads_top_detail
	{ display: none;}

	.small_add_2{
	Display: none;
}
	.catalog_sidebar .search_auto{
		width: auto;
		margin-bottom: 20px;
		float: none;
		margin-left: 9px;
		margin-right: 9px;
		min-width: 160px;
	}
	.catalog_sidebar .search_auto h3{
		float: none;
	}
	.search_auto h3{
		float: none;
text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.3);
color: #293848;
font-size: 16px;
	}
	.search_auto .categories{
		float: none;
		padding-top: 0;
		margin-left: -5px;
	}
	.catalog_sidebar .search_auto .categories{
		float: none;
		padding-top: 0px;
		margin-left: -5px;
	}
	


.block_ads_krungsri_max400 { 
display: block;
width: 100%;
margin: 0px auto;
text-align: center;
}
.block_ads_krungsri_max600 { 
	Display: none;
}
.block_ads_krungsri_max800 { 
	Display: none;
}
.block_ads_krungsri_800up { 
	Display: none;
}

.logo-window {
   position: relative;
width: auto;
margin-top: 0px;
overflow: hidden;
margin: 0 auto;
}.tabcontent {
    display: none;
    padding: 0px;
    border-top: none;
    width: 100%;
    border: 0px solid #35bf48;
    min-height: 380px;
}
	/*
	================================================================================
	|                              CUSTOM SELECT                                   |
	================================================================================
	*/
	.select_car{ float: left;
width: 100%; 
}

	.select_box_1 .select-list{
		width: 100%;
	}
	.select_box_2 .select-list{
		width: 100%;
	}
	.catalog_sidebar .select_box_1 .select-list,
	.car_sidebar .select_box_1 .select-list{
		width: 100%;
	}
	.catalog_sidebar .select_box_2 .select-list,
	.car_sidebar .select_box_2 .select-list{
		width: 100%;
	}
	.catalog_sidebar .search_auto .chb_wrapper{
		float: none;
		padding-top: 20px;
	}
	.catalog_sidebar .search_auto .btn_search{
		float: none;
	}
	/*
	================================================================================
	|                                     BANNERS                                   |
	================================================================================
	*/
	.banner a img{
		width: 100%;
	}
	.banner_1{
		margin: 0 auto 20px;
		float: none;
		width: auto;
	}
	.banner_2{
		margin: 0 auto 20px;
		float: none;
		width: auto;
	}
	.main_banner a{
		margin: 13px auto 0;
		float: none;
	}
	.banner_1, .banner_2 {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main_banner > a {
		float: right;
	}
	.main_banner.banner_1 .text_wrapper,
	.main_banner.banner_2 .text_wrapper{
		background-position: center 0;
	}
	.main_banner .text_wrapper{
		float: none;
		width: auto;
		padding: 60px 20px 0;
		text-align: center;
	}
	/*
	================================================================================
	|                                     RECENT BLOG                              |
	================================================================================
	*/
	.recent_blog{
		padding-left: 10px;
		padding-right: 10px;
		min-width: 220px;
		padding-bottom: 35px;
	}
	.recent_blog h2{
		margin-bottom: 21px;
	}
	.recent_blog .post_block{
		float: none;
		overflow: hidden;
		width: 100%;
		max-width: 100% !important;
		margin: 0 0px 20px 0 !important;
		padding: 19px 19px 28px;
	}
	.recent_blog .post_block.last{
		margin: 0;
	}
	.recent_blog .post_block a.thumb{
		margin: 0 0px 20px 0;
		float: none;
		width: 100%;
	}
	.recent_blog .post_block a.thumb img {
		width: 100%;
		height: auto;
	}
	/*
	================================================================================
	|                                     VIDEO		                              |
	================================================================================
	*/
	.video_box{
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.video_box .post_block{
		float: none;
		width: auto;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	/*
	================================================================================
	|                               HOME NEWS		                              |
	================================================================================
	*/
	.news {
		overflow: hidden;
		float: none;
		min-width: 180px;
		width: auto;
	}
	.news h2{
		margin: 0 auto 20px;
	}
	.news_wrapper{
		float: none;
		width: auto;
		overflow: hidden;
	}
	.news .news_box{
		margin: 0;
		width: 100%;
		float: none;
		overflow: hidden;
		padding-bottom:17px;
	}
	.news .news_box.bottom{
		float: none;
	}
	.news .news_box .thumb{
		width: 100%;
		float: left;
		margin-right: 15px;
	}
	.news .news_box .thumb img{
		width: 100%;
		height: auto;
	}
	.news .all_wrapper{
		width: 100%;
		margin: 0;
		clear: both;
	}

	/*
	================================================================================
	|                               SUBSCRIBE		                              |
	================================================================================
	*/
	.banners_wrapper{
		float: none;
		width: auto;
	}
	.get_news_box{
		width: auto;
		float: none;
		margin: 0 0 20px;
	}
	.get_news_box h3{
		max-width: 180px;
		width: 100%;
		margin: 0 auto 21px;
	}
	.get_news_box form{
		max-width: 180px;
		width: 100%;
		margin: 0 auto;
	}
	.side_banners img{
		width: 100%;
	}
	.get_news_box{
		padding: 12px 0px 21px;
	}
	/*
	================================================================================
	|                                     FOOTER                                   |
	================================================================================
	*/
	#footer{
		min-width:240px;
		width: 100%;
	}
	#footer .wpb_wrapper {
		clear: both;
	}
	.bg_top_footer{
		min-width:240px;
		width: 100%;
		  Display: none; /*ซ่อน-แสดง*/
	}
	.top_footer{
		width:auto;
		margin: 0 auto;
		padding-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.top_footer .f_widget{
		width: auto;
		float: none;
		padding: 0 0px 40px 0;
	}
	.top_footer .f_widget iframe{
		width: 100%;
	}
	.top_footer .fwidget_separator{
		display: none;
	}
	.top_footer .f_widget.divide{
		float: none;
	}
	.bottom_footer{
		width: auto;
		padding-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.bottom_footer .f_widget{
		width: auto;
		padding: 0 0px 20px 0;
		float: none;
		 Display: none; /*ซ่อน-แสดง*/
	}
	.bottom_footer .f_widget.divide{
		float: none;
	}
	.bottom_footer .fwidget_separator{
		/*display: none;*/
	}
	#footer .frame_wrapper{
		min-width: 220px;
		width: auto;
		overflow: hidden;
	}
	.copyright_wrapper{
		width: 100%;
		min-width: 240px;
	}
	.copyright_container {
		width: 100%;
		padding: 1px;
	}
	.copyright{
		width: auto;
	}
		.copyright_container .copyright {

padding: 5px 0 5px;
  
}
	/*
	================================================================================
	|                                     404	                                   |
	================================================================================
	*/
	.needs_wrapper {
		padding-bottom: 0;
		padding-left: 19px;
		margin-left: 10px;
		margin-right: 10px;
		padding-right: 19px;
	}
	.needs_wrapper .post_block{
		float: none;
		width: auto;
		padding: 0 0 20px;
	}
	.needs_wrapper .post_block.center{
		padding:0 0 20px;
	}
	.newsletter{
		padding-left: 10px;
		padding-right: 10px;
	}
	.newsletter .txb{
		width: 180px;
		margin:0 0 15px;
	}
	.counter_heading,
	.counter_wrapper{
		padding-left:10px;
		padding-right:10px;
	}
	#counter .countdown_section{
		width: 50px;
		margin: 0 2px;
		font-size: 12px;
	}
	#counter .countdown_amount{
		width: 50px;
		height: 50px;
		background: url(../images/digit_small.png) no-repeat 0 0;
		font-size: 35px;
		line-height: 50px;
		padding: 0 0 0 0px;
	}
	/*
	================================================================================
	|                                  CONTACTS		                                |
	================================================================================
	*/
	
	.icon_contacts {
width: 20%;
}
.pointer {
width: 76%;
}
	.contacts_box{ float: none;
		width: auto;
		margin: 0 auto;  font-size: 12px;
	} 
	.contacts_box .left{ 
width: 96%;
float: left;height: auto;
margin: 1%;
padding: 1%; background: #faa21a24;
	}
	.contacts_box .left span {

    font-size: 16px; padding: 2px;
  
}
.contacts_box .left img {
 margin: 0;
    float: left;
margin: 0 auto 0 40%;
border-radius: 100%;
height: 48px;
width: 48px;
}
.contacts_box h2{
	text-align: center;
}
	.contacts_box .map{
		width: auto;
		float: none;
		overflow: hidden;
	}
	.contact_form{
		padding: 0 10px 28px 10px;
	}
	.contact_form h2{
		margin-bottom: 15px;
	}
	.contact_form .fld_box{
		width: 100%;
		float: none;
	}
	.contact_form .fld_box.last{
		padding: 0 0px 0 0px;	
		float: right;
	}
	.contact_form .fld_box.center{
		padding: 0 0px 0 0px;	
	}
	.contact_form input{
	    width: 92%;
	}
	.contact_form textarea{
	    width: 96%;
	}
	.personal_box{
		padding: 0 10px;
	}
	ul.personal_list{
		overflow: hidden;
	}
	ul.personal_list li{
		width: 100%;
		float: none;
		display: block;
		margin: 0 0px 36px 0;
	}
	ul.personal_list li img.thumb{
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
	}
	ul.personal_list li .inner{
		float: none;
		padding: 0px 0 0 0px;
		width: auto;
	}
	ul.personal_list li .grey_area span{
		display: block;
	}
	ul.personal_list li .inner .fR,
	ul.personal_list li .inner .fL{
		float: none;
	}
	/*
	================================================================================
	|                                     CATALOG                                   |
	================================================================================
	*/
	.car_ul_li h2 a {
    font-size: 20px;
    line-height: 20px; }
	.car_ul_li .car_widget {
    float: left;
    padding: 0;
    width: 100%;
}

	.car_ul_li h3  {
   line-height: 14px;
}
	.car_ul_li h3 a {
    color: #2686bd;
    text-shadow: 0 0.9px 0.9px rgba(170, 170, 170, 0.04);
    font-size: 14px;
    padding: 2px;
	line-height: normal;
}
	
	
	.main_catalog{
		float:none;
		width: auto;
	
	}
	.catalog_sidebar{
		width: auto;
		padding: 0 0px 0 0;
		float: none;
	}
	.top_catalog_box .clear{
		clear: right;
	}
	.top_catalog_box .pagination{
		margin-top: 40px;
		padding-left: 0;
		padding-right: 0;
		clear:both;
		float: none;
	}
	.cars_categories, .steps{
		position:relative;
		top:0;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		min-width: 220px;
	}
	.cars_categories a, 
	.steps a,
	.cars_categories span, 
	.steps span{
		margin-right: 0px;
		margin-left: 0;
		padding-left: 7px;
		padding-right: 7px;
	}
	.switch{
		float: left;
		padding: 0 0 0 0;
	}
	.top_catalog_box{
		/*padding-bottom: 30px;*/
	
	}
	.drop_list{ 
	padding: 1px 20px 0 0;
	float: right;
	line-height: 20px;
	}
	.sorting.drop_list{
		z-index: 2;
	}
	.view_on_page.drop_list{
		z-index: 1;
	}
	.drop_list span{
		cursor: pointer;
	position: relative;
	z-index: 10;
	display: inline-block;
	height: 18px;
	padding: 5px 11px 0 10px;
	background: url(../images/sort_marker.gif) no-repeat right 11px;
	}
	.drop_list .active span{
		z-index: 10;
	}
	.drop_list .active ul{
		z-index: 9;
	}
	.pagination{
		float: none;
		
	}
	.logo-slot {
    position: relative;
    width: auto;
    padding: 0;
    min-height: 110px;
    transition: all .5s ease-in-out;
	max-width: 307px; /* เพื่อจัดกึ่งกลาง*/
    margin: 0 auto;
}
#content ul > li {
   


}
	.logo-slot li a {


 
 

}.logo-slot li {

   float: left;
    margin-left: 0px;
  
}
	/*
	================================================================================
	|                                CATALOG TABLE	                              |
	================================================================================
	*/
	.catalog_table,
	.dealer_catalog{
		padding-left: 0px;
		padding-right: 0px;
	
	}
	.catalog_table .date_time {
    /*color: #474747;*/
    width: 97%;
    float: left;
    max-height: 33px;
    overflow: hidden;
    text-align: right;
    padding: 0px;
    font-size: 12px;
    text-shadow: none;
}
	body #content .catalog_table li,
body #content .dealer_catalog li{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.1);
     margin-bottom: 5px;
	 margin-top: 5px;
    margin-left: 0px;
	margin-right: 0px;
    border-radius: 0px;
		height: auto;
}

	.catalog_table li a.thumb,
	.dealer_catalog li a.thumb{ 
	   border:0px solid #D8D8D8;
	   -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
		float: left; 
		margin-right: 0px;
		margin-top: 1px;
		height: auto;
		margin-bottom: 1px;
	}
	.catalog_table li a.thumb img,
	.dealer_catalog li a.thumb img{
	width: 100%;
		 float: left;
		height: auto; /*border-radius: 5px;*/
	}

.ribbon{width: 39%; display: none;
font-size:9px;padding:1%;margin-top:0%;

}



.tab button {
    border-radius: 4px;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    transition: 0.3s;
    font-size: 14px;
    text-shadow: 0 0.1px 0.1px rgba(0, 0, 0, 0.1);
    width: 33%;
    height: 50px;
}

	.catalog_table li .catalog_desc,
	.dealer_catalog li .catalog_desc{
		padding: 0 0 0 0; 
		width: auto;
		float: left; 
	}
	.catalog_table li .catalog_desc .location,
	.dealer_catalog li .catalog_desc .location{
		float: left;	width: 95%; text-align: left; padding: 2px 0 3px 8px; font-size: 14px;
	}
		
.verified_adv {
padding: 1px 10px 1px 10px;
float: left;
color: #1F8D28 !important;
font-size: 14px;
text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.1);
background: none;
position: absolute !important;
border: none; margin-left: 60%;
border-radius: 4px;
background: rgb(255, 255, 255);
border: 1px solid #F2F2F2E6;
}

.catalog_table li .catalog_desc span {

    padding: 0 0 0 5px;
    float: right;
    font-size: 12px;
width: auto; text-align: right; text-shadow: none; }
	.mobile_hide{
		
		Display: none; /*ซ่อน-แสดง*/
	}
	.catalog_table li .catalog_desc .title_box,
	.dealer_catalog li .catalog_desc .title_box{
		float: left;	text-align: left; width: 100%; 
	}
	.catalog_table li .catalog_desc .clear,
	.dealer_catalog li .catalog_desc .clear{
		clear: right;
	}
	.catalog_table li .grey_area,
	.dealer_catalog li .grey_area{  Display: none; /*ซ่อน-แสดง ส่วนของ title */

	float: left; width: 100%; 
padding-left: 5px; 
		margin: 0px 0 0 0;
	}
.catalog_table li .title_box,
.dealer_catalog li .title_box{
	padding: 1px 0 1px 0;
}
	.catalog_table li .title_box h4,
.dealer_catalog li .title_box h4{
padding-bottom: 0px;
max-height: 40px;
overflow: hidden;
line-height: 18px;
}
	.cardetail { Display: none; /*ซ่อน-แสดง*/ }
		.catalog_table li .title_box h4 a,
.dealer_catalog li .title_box h4 a{ 
	font-size: 16px; text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.07);
}
	.catalog_table li .title_box .price,
.dealer_catalog li .title_box .price{ 
	font-size: 18px; text-shadow: none;
	line-height: 20px; 
text-align: center;
}
.car_more{
color: #333333;
width: 100%;
float: left;
max-height: 35px;
overflow: hidden;
text-align: left;padding: 0px;
text-shadow: none; font-size: 14px;
}
.car_more_2{
height: 40px;
font-size: 14px;
overflow: hidden;
width: 100%;
margin: 0 auto;
float: unset;
}
.catalog_table_V2 .car_more_2{
height: 40px;
font-size: 14px;
overflow: hidden;
width: 95%;
margin: 0 auto;
float: unset;
}
/*
	================================================================================
	|                                CATALOG TABLE V2	                              |
	================================================================================
	*/
	
	.catalog_table_V2 h4 a{

	font-size: 16px;

} 
.catalog_table_V2 .car_more {
    color: #333333;
    width: 100%;
    float: left;
    max-height: 35px;
    overflow: hidden;
    text-align: left;
	padding: 0px;
 
    text-shadow: none;
    font-size: 14px;
}
.catalog_table_V2 .date_time {
   /* color: #474747;*/
    width: 97%;
    float: left;
    max-height: 33px;
    overflow: hidden;
    text-align: right;
    padding: 0px;
    font-size: 12px;
    text-shadow: none;
}
	.catalog_table_V2,
	.dealer_catalog{
		padding-left: 0px;
		padding-right: 0px;
	
	}
	body #content .catalog_table_V2 li,
body #content .dealer_catalog li{
	width: 48%;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0;
	padding-right: 0;
	text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.1);
     margin-bottom: 3px;
	 margin-top: 5px;
   margin-left: 1%;
margin-right: 1%;
    border-radius: 4px;
	height: auto;
}

	.catalog_table_V2 li a.thumb,
	.dealer_catalog li a.thumb{ 
	    border:0px solid #D8D8D8;
	   -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
		float: left; 
		width: 100%;
		margin-right: 5px;
		margin-top: 0px;
		height: auto;
		margin-bottom: 0px;
	}
	.catalog_table_V2 li a.thumb img,
	.dealer_catalog li a.thumb img{
	width: 100%;
		 float: left;
		height: auto;/*border-radius: 5px;*/
	}




	.catalog_table_V2 li .catalog_desc,
	.dealer_catalog li .catalog_desc{
		padding: 0 0 0 0; 
		width: auto;
		float: left; 
		width: 100%; 
	}
	.catalog_table_V2 li .catalog_desc .location,
	.dealer_catalog li .catalog_desc .location{
		float: left;	 width: 100%;
text-align: left;  font-size: 13px; height: 25px;
overflow: hidden;
	}


.catalog_table_V2 li .catalog_desc span {

    padding: 0 0 0 5px;
    float: right;
    font-size: 12px;
width: 50%; text-align: right; text-shadow: none;}

		.catalog_table_V2 li .catalog_desc .title_box,
	.dealer_catalog li .catalog_desc .title_box{
		float: left;	
		text-align: left; 
		width: 100%; 
	}

	.catalog_table_V2 li .catalog_desc .clear,
	.dealer_catalog li .catalog_desc .clear{
		clear: right;
	}
	.catalog_table_V2 li .grey_area,
	.dealer_catalog li .grey_area{  Display: none; /*ซ่อน-แสดง ส่วนของ title */

	float: left; width: 100%; 
padding-left: 5px; 
		margin: 0px 0 0 0;
	}

	
	.catalog_table_V2 li .title_box, 
	.dealer_catalog li .title_box {
    width: auto;
    float: left;
    color: #798FA1;
    line-height: 20px;
   padding: 2px 0 2px 0;
}
.catalog_table_V2 li .title_box h4,
.dealer_catalog li .title_box h4{
padding-bottom: 0px;
max-height: 40px;
overflow: hidden;
line-height: 20px;
}
		.catalog_table_V2 li .title_box h4 a,
.dealer_catalog li .title_box h4 a{ 
	font-size: 16px; text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.07);
}
	.catalog_table_V2 li .title_box .price,
.dealer_catalog li .title_box .price{ 
	font-size: 18px; text-shadow: none;
	line-height: 20px; margin-top: 0px;
text-align: center; padding-left: 0px;
	
}
	/*
	================================================================================
	|                                CATALOG TABLE _connect	                              |
	================================================================================
	*/
	
	
	
body #content .catalog_table_connect li, body #content .dealer_catalog li {
	
	width: 30%; margin: 1px;  height: 180px;
	
}.catalog_table_connect li .title_box h4 a, .dealer_catalog li .title_box h4 a {

    font-size: 14px; text-shadow: none;
}
.catalog_table_connect li .title_box .price, .dealer_catalog li .title_box .price {
  font-size: 16px;
line-height: 16px;

}.catalog_table_connect li .title_box h4, .dealer_catalog li .title_box h4 {
padding-bottom: 0px;
max-height: 40px;
overflow: hidden;
line-height: 18px;
}

	/*
	================================================================================
	|                                CATALOG TABLE	  สำหรับประกาศคล้าย	                                |
	================================================================================
	*/
	.catalog_table2{
		padding-left: 10px;
		padding-right: 10px;
	}
	.catalog_table2 li a.thumb{
		float: left; 
		width: 40%;
		margin-right: 10px;
		height: auto;
	}
	.catalog_table2 li a.thumb img{
	width: 100%;
		float: none;
		height: auto;
	}
	.catalog_table2 li .catalog_desc{
background: #FBF8EF;
		padding: 0 0 0 0;
		width: auto;
		float: none;
	}
	.catalog_table2 li .catalog_desc .location{
		float: none;
		padding-top: 10px;
	}
	.catalog_table2 li .catalog_desc .title_box{
		float: none;
	}
	.catalog_table2 li .catalog_desc .clear{
		clear: right;
	}
	.catalog_table2 li .grey_area{ Display: none; /*ซ่อน-แสดง ส่วนของ title */

		margin: 0px 0 0 0;
	}
			.catalog_table2 li .title_box h4 a,
.dealer_catalog2 li .title_box h4 a{ 
	text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.2);
	font-size: 18px;
}
	.catalog_table2 li .title_box .price,
.dealer_catalog2 li .title_box .price{
	font-size: 18px;
	text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.3);
}
	/*
	================================================================================
	|                                CATALOG TABLE	  สำหรับประกาศคล้าย	                                |
	================================================================================
	*/
	.catalog_table2,
	.dealer_catalog{
		padding-left: 10px;
		padding-right: 10px;
	}
	.catalog_table2 li a.thumb,
	.dealer_catalog li a.thumb{ 
		float: left; 
		width: 50%;
		margin-right: 5px;
		height: auto;
	}
	.catalog_table2 li a.thumb img,
	.dealer_catalog li a.thumb img{
	width: 100%;
		float: none;
		height: auto;
	}
	.catalog_table2 li .catalog_desc,
	.dealer_catalog li .catalog_desc{
background: #FBF8EF;
		padding: 0 0 0 0;
		width: auto;
		float: none;
	}
	.catalog_table2 li .catalog_desc .location,
	.dealer_catalog li .catalog_desc .location{
		float: none;
		padding-top: 10px;
	}
	.catalog_table2 li .catalog_desc .title_box,
	.dealer_catalog li .catalog_desc .title_box{
		float: none;
	}
	.catalog_table2 li .catalog_desc .clear,
	.dealer_catalog li .catalog_desc .clear{
		clear: right;
	}
	.catalog_table2 li .grey_area,
	.dealer_catalog li .grey_area{

		float: left; width: 100%; 
padding-left: 5px; 
		margin: 0px 0 0 0;
	}
	/*
	================================================================================
	|                                CATALOG LIST	                              |
	================================================================================
	*/
	.catalog_list{ 
	padding-top: 20px;
	border-bottom: 1px solid #D1D5DC;
}
body #content .catalog_list li{
	float: left; 
	margin-right: 20px;
	margin-bottom: 24px;
	position:relative;
	
    width: 100%;
	min-height:  280px;
    height:  100%;

border: 1px solid #D1D5DC;
	padding: 0;
	background: #FFFFFF;
}

body #content .catalog_list li.last{
	margin-right: 0px;
}
.catalog_list li a{  
	cursor: pointer;
width: 100%; 
	height:  100%;
	display: block;
}

.catalog_list li .description{ 
	position: absolute; 
	bottom:0;
	left:0;
	width: 100%;
height:  100%;
	padding: 10px 14px 10px 15px;
	font-family: 'PT Sans', sans-serif, Arial,sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	color: #FFFFFF;
	overflow: hidden;
	z-index: 2;
	opacity: 0;

}
.catalog_list li:hover .description{ 
	transition-property: opacity;
    transition-duration: 0.2s;
    opacity: 1;
	
}
.catalog_list li img{ 

width: 100%;
max-height: 250px;
margin: 0 auto;
 

  
}
.catalog_list li a:hover img{
	opacity: 0.8;
}
.catalog_list li .title{  	float: none;
color: #1958bd;  
    margin: 0 auto;
	bottom:0;
	left:0;
	width: 95%;

	font-family: 'PT Sans', sans-serif, Arial,sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;


}
.catalog_list li .title span.price{
	float: right;
	letter-spacing: 0.5px;
	color: #F89D13 ; 
	font-family: 'PT Sans', sans-serif, Arial,sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-weight: bold;

	
}
.catalog_list li .title span.des{
	float: left;
	color: #798FA1; 
	font-size: 12px;
	/*font-family: 'PT Sans', sans-serif, Arial,sans-serif;*/
	font-weight:normal;
	
}
	/*
	================================================================================
	|                                 CATALOG LIST Brand	                              |
	================================================================================
	*/

/*
	================================================================================
	|                                 CATALOG LIST Province	                              |
	================================================================================
	*/

body #content .catalog_list_province li {
 
    width: 46%;
   
}
	.catalog_list_province li .title {
  float: left;  padding: 1px 19px 1px 9px;
   width: 90%; height: 50px; position: relative;
   
}.catalog_list_province li .title span.price {
    font-size: 12px; 
}
.catalog_list_province li a:hover {
	height: 50px;
}		/*
	================================================================================
	|                                Advertist	                              |
	================================================================================
	*/
	.advertist_list {
		/*padding-left: 10px;
		padding-right: 10px;
		width: 213px;*/
		margin: 0 auto;
	}
	.advertist_list li{
		width: auto;
		float: none;
		margin: 0 0 5px 0; 
		overflow: hidden;
	}
	.advertist_list li.last{
		margin-right: 0;
		float: none;
	}
	/*
	================================================================================
	|                                    CAR                                       |
	================================================================================
	*/
	.car_menu {
  /* background: #FFFFFF; */

}
	.cars_id{
		position: relative;
		top:0;
		right: 0;
		padding: 0 10px 10px;
		text-align: left;
	}
	.car_image_wrapper{
	width: 100%;
margin-right: 0;
margin-left: 0;
float: none;margin-bottom: 0px;
	}
	.car_characteristics{ background: none;
width: 100%;
float: none;
margin: 0 auto;
border-radius: 0px;
/*padding: 1px 10px 1px 14px;*/
border: 0px solid #d2d6db;
padding: 0%;
text-align: center;
margin-bottom: 3px;
-webkit-box-shadow: none;
box-shadow: none;
	}
	
	.car_characteristics .price{
 font-size: 28px; padding-bottom: 3px;
padding-top: 2px;
}
	.car_image_wrapper .big_image{
		width: 100%; background: #333333; padding-top: 4%;
	}
	.car_image_wrapper .big_image a{
		width: 100%;
	}
	.car_image_wrapper .big_image a img{
		width: 100%;
	}
	.car_image_wrapper .small_img{
		width: auto;
		padding-left: 5px;
	}
	.car_image_wrapper .small_img a{
		float: left;
		margin: 0 2px 0 0;
	}
	.car_image_wrapper .small_img a{
		width: 19%;
		height: auto;
	}
	.car_image_wrapper .small_img a img{
		width: 100%;
		height: auto;
	}
	/*********แสดงบนมือถือ***********/
.features_table { 


/*-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);*/border: 1px solid #c0c0c080;
 }
.hide_mobile {
		 Display: none; 
	}
.features_table .line {
border-radius: 0px;
border: none; text-align: left;
}	
.features_table .line:nth-child(2n+1) {
text-align: left;
border-radius: 0px;
border: none;
}	
	
.features_table_mobile .line{ display: block;
	overflow: hidden;
color: #2686bd;
padding: 7px 5px 3px;
line-height: 17px;
font-size: 16px;
}
.features_table_mobile .date-provin{ display: block;
overflow: hidden;
padding: 7px 0px 10px 5px;
line-height: 17px;
float: left;
width: 95%;
color: #616161 !important;
font-size: 14px !important;

}
.features_table_mobile .line  a{
    color: #0a7127;
    font-size: 16px;
}
.features_table_mobile .line:nth-child(2n+1) {
	background: #FFF;
	
}
.features_table_mobile .line span{
	color: #293848;
}

/********************/	
	.features_table .line .left{
		/*width: auto;
		float: none;*/ /* แสดงคนละบรรทัด */
		width: 45%;
		float: left;
	}
	.features_table .line .right{
		/*width: auto;
		float: none;*/ /* แสดงคนละบรรทัด */
		width: 52%;	
		float: left;
	}
	

	.wanted_line .left{
		width: auto;
		float: none;
	}
	.wanted_line .right{
		width: auto;
		float: none;
	}
	
	.info_box{
float: none;
width: 100%;
padding: 0px;
margin: 0px auto; border: 0px solid #d2d6db;
	}
	.car_sidebar{
		width: 100%;
		padding-bottom: 13px;
		float: none;
	}
	.car_sidebar .calculator{
		width: auto;
		float: none;
	}
	.car_sidebar .banner{
		float: right;
		width: 40%;
	}
	.car_info .info_left{
		float: none;
width: auto;
padding: 1px 5px 5px 10px;
	}
	.car_info .info_right{
		float: none;
		width: auto;
		padding: 0 0px 20px 0;
	}
	.car_contacts .left{
		float: none;
		width: auto;
		padding-right: 0;
	}
	.car_contacts .right{
		float: none;
		width: auto;
	}
	/*
	================================================================================
	|                                CALCULATOR		                              |
	================================================================================
	*/
	.calculator{
		width: auto;
		margin-left: 10px;
		margin-right: 10px;
		min-width: 160px;
	}
	.calculator .select_box_1{
		width: auto;
	}
	/*
	================================================================================
	|                                SELL			                              |
	================================================================================
	*/
	.message{
		margin: 0 10px 33px;
	}
	.sell_box{
		margin-left: 10px;
		margin-right: 10px;
	}
	.sell_submit_wrapper{
		margin-left: 10px;
		margin-right: 10px;
	}
	.sell_submit_wrapper .custom_chb_wrapper.fL{
		float: none;
	}
	.sell_box .select_wrapper,
	.sell_box .input_wrapper,
	.sell_box .single_chb_wrapper{
		width: auto;
		float: none;
	}
	.sell_box .select_wrapper.last,
	.sell_box .input_wrapper.last,
	.sell_box .single_chb_wrapper.last{
		width: auto;
		float: none;
	}
	.sell_box .input_wrapper.large{
		width: auto;
		float: none;
	}
	.sell_box .input_wrapper.large input{
		width: 183px;
	}
	.sell_box .chb_group{
		float: none;
		padding: 4px 0 20px 0;
		width: auto;
	}
	.sell_box .chb_group.last{
		width: auto;
		float: none;
	}
	.chb_devider{
		display: block;
		clear: both;
	}
	.sell_box .foto_wrapper{
		width: 40%;
		margin: 6px 3% 20px 2%;
	}
	.sell_box .foto_wrapper a{
		width: 98%;
	}
	.sell_submit_wrapper input.sell_submit{
		float: none;
	}
	/*
	================================================================================
	|                                     CHECKBOXES                               |
	================================================================================
	*/
	.custom_chb_wrapper label{
		float: none;
		padding: 0 0 0 25px;
		display: block;
	}

	/*
	================================================================================
	|                                  PROFILE                                     |
	================================================================================
	*/
	.profile_layout .sidebar .widget-nav-profile {
		padding: 10px;
		width: 100%;
		margin: 0;
	    box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	}
	.profile_layout .sidebar,
	.profile_content {
		margin: 0;
		float: none;
	    padding: 0;
		width: 100%;
	}
	.profile_content .cars_list .car {
		display: inline-block;
		float: none;
		height: auto;
	}
	.profile_content .cars_list .car .img {
		width: 20%;
	}
	.profile_content .cars_list .car .img img {
		max-width: 100%;
		height: auto;
	}
	.profile_content .cars_list .car .general_info {
		width: 30%;
	}
	.profile_content .cars_list .car .location {
		width: 20%;
		float: right;
	}
	.profile_content .cars_list .car .statistics_info {
		width: 100%;
	}
	.profile_content .cars_list .car .actions {
		width: 100%;
	}
	/*
	================================================================================
	|                                 BLOG		                                   |
	================================================================================
	*/
	.blog.layout_right_content,
	.blog.layout_left_content,
	.blog{
		width: 100%;
		margin: 0;
		float: none;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.bottom_catalog_box,
	.blog.layout_right_content,
	.blog.layout_left_content,
	.blog.layout_content { margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog.layout_left_content,
	.blog.layout_content h1{ text-align: center;
		font-size: 16px;
		padding: 0px;
	}
	.blog_post .blog_desc{
		float: none;
		width: auto;
		padding: 2px 0 0 0px;
	}
	.blog_post .thumb, 
	.blog_post .thumb img{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.blog .pagination{
		padding-left: 0;
		padding-right: 0;
	}
	.blog .blog_post .blog_desc,
	.blog.layout_content .blog_post .blog_desc {
		width: auto;
	}
	/*
	================================================================================
	|                                     WIDGETS                                   |
	================================================================================
	*/
	.sidebar{
		float: none;
		width: auto;
		margin:0 10px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.sidebar .widget{
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	.sidebar .widget .thumb{
		width: auto;
		display: block;
	}
	.sidebar .widget .thumb img{
		width: 100%;
	}
	.sidebar .tabs_widget{
		width: auto;
		margin-right: 0;
		margin-left: 0;
		float: none;
	}
	.sidebar .tabs_widget .tab_post .desc{
		float: none;
		padding: 2px 0 0 71px;
	}
	.widget_divider{
		display: block;
		clear: both;
	}
	/*
	================================================================================
	|                               COMMENTS	                                   |
	================================================================================
	*/
	.comment_form .fld_box{
		width: 100%;
		float: none;
	}
	.comment_form .fld_box.center{
		padding: 0 0 0 0;	
	}
	.comment_form input{
	    width: 89%;
	}
	.comment_form textarea{
	    width: 94%;
	}
	.comments ul li ul li .wrapper{
		padding: 24px 0 25px 0px;
	}
	.comments ul li ul li ul li .wrapper{
		padding: 24px 0 25px 0px;
	}
	/*
	================================================================================
	|                                     SERVICES                                 |
	================================================================================
	*/
	.services{
		padding-left: 9px;
		padding-right: 9px;
	}
	.services .service{
		width: auto;
		float: none;
		padding: 19px 19px 14px 19px;
		height: auto;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.services .service.center{
		margin: 0 0 20px 0;
	}
	.services .service h2{
		min-height: 39px;
		font-size: 26px;
		line-height: 32px;
		padding: 3px 0 11px 53px;
	}
	/*
	================================================================================
	|                                    RECENT		                                 |
	================================================================================
	*/
	.recent{
		padding-left:10px;
		padding-right: 10px;
		width: 220px;
		margin: 0 auto;
	}
	.recent_cars{
		min-width:220px;
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.recent_cars ul{
		width: 220px;
		margin: 0 auto;
	}
	.recent_cars ul li.last{
		margin-right: 0;
		margin-left: 0;
	}
	.recent_cars ul li{
		width: auto;
		float: none;
		margin-right: 0;
		margin-left: 0;
		overflow: hidden;
	}
	
	/*
	================================================================================
	|                              DEALER		                                   |
	================================================================================
	*/
	.best_offer{
		width: 100%;
		height: auto;
		position: relative;
		padding-bottom: 100px;
	}
	.best_offer img{
		width: 100%;
		height: auto;
		position:relative;
		z-index: 1;
		top:0;
		left:0;
	}
	.best_offer .description{
		width:100%;
		padding: 13px 0 20px;
	}
	.best_offer .description h2{
		padding: 0 20px 3px;
		max-width: 160px;
		overflow: hidden;
		white-space: nowrap;
	}
	.best_offer .description p{
		padding: 0 20px;
		max-width: 140px;
		white-space: nowrap;
	}
	.best_offer .description .price{
		float: none;
		position:relative;
		right: auto;
		padding-left: 20px;
		margin: 0;
		top:auto;
		white-space: nowrap;
	}
	/************************/
.ads {
	Display: none; /*ซ่อน-แสดง*/
}
/*****************************/
.small_img_share{

}
.inner_position_top{
	
  font-size: 12px;

}

}
@media only screen and (min-width: 300px) and (max-width: 400px),
only screen and (min-device-width: 300px) and (max-device-width: 400px){
/*
	================================================================================
	|                                CATALOG TABLE	                              |
	================================================================================
	*/
	.catalog_table,
	.dealer_catalog{
		padding-left: 0px;
		padding-right: 0px;
	
	}
	body #content .catalog_table li,
body #content .dealer_catalog li{
	width: 100%;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.1);
     margin-bottom: 5px;
	 margin-top: 5px;
    margin-left: 0px;
	margin-right: 0px;
    border-radius: 0px;
		height: auto;
}

	.catalog_table li a.thumb,
	.dealer_catalog li a.thumb{ 
	   border:0px solid #D8D8D8;
	   -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
		float: left; 
		width: 38%;
		margin-right: 5px;
		margin-top: 1px;
		height: auto;
		margin-bottom: 1px;
	}
	.catalog_table li a.thumb img,
	.dealer_catalog li a.thumb img{
	width: 100%;
		 float: left;
		height: auto; /*border-radius: 5px;*/
	}

.ribbon{width: 39%; display: none;
font-size:9px;padding:1%;margin-top:0%;

}



.tab button {
    border-radius: 4px;
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    transition: 0.3s;
    font-size: 14px;
    text-shadow: 0 0.1px 0.1px rgba(0, 0, 0, 0.1);
    width: 33%;
    height: 50px;
}

	.catalog_table li .catalog_desc,
	.dealer_catalog li .catalog_desc{
		padding: 0 0 0 0; 
		width: auto;
		float: left; width: 57%; 
	}
	.catalog_table li .catalog_desc .location,
	.dealer_catalog li .catalog_desc .location{
		float: left;	width: 100%; text-align: left; padding: 2px 0 3px 8px; font-size: 14px;
	}
		
.verified_adv {
padding: 1px 10px 1px 10px;
float: left;
color: #1F8D28 !important;
font-size: 14px;
text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.1);
background: none;
position: absolute !important;
border: none; margin-left: 60%;
border-radius: 4px;
background: rgb(255, 255, 255);
border: 1px solid #F2F2F2E6;
}

.catalog_table li .catalog_desc span {

    padding: 0 0 0 5px;
    float: right;
    font-size: 12px;
width: auto; text-align: right; text-shadow: none; }
	.mobile_hide{
		
		Display: none; /*ซ่อน-แสดง*/
	}
	.catalog_table li .catalog_desc .title_box,
	.dealer_catalog li .catalog_desc .title_box{
		float: left;	text-align: left; width: 100%; 
	}
	.catalog_table li .catalog_desc .clear,
	.dealer_catalog li .catalog_desc .clear{
		clear: right;
	}
	.catalog_table li .grey_area,
	.dealer_catalog li .grey_area{  Display: none; /*ซ่อน-แสดง ส่วนของ title */

	float: left; width: 100%; 
padding-left: 5px; 
		margin: 0px 0 0 0;
	}
.catalog_table li .title_box,
.dealer_catalog li .title_box{
	padding: 1px 0 1px 0;
}
	.catalog_table li .title_box h4,
.dealer_catalog li .title_box h4{
padding-bottom: 0px;
max-height: 40px;
overflow: hidden;
line-height: 18px;
}
	.cardetail { Display: none; /*ซ่อน-แสดง*/ }
		.catalog_table li .title_box h4 a,
.dealer_catalog li .title_box h4 a{ 
	font-size: 16px; text-shadow: 0 0.9px 0.9px rgba(0, 0, 0, 0.07);
}
	.catalog_table li .title_box .price,
.dealer_catalog li .title_box .price{ 
	font-size: 18px; text-shadow: none; padding-left: 10px;
	line-height: 20px;
	margin-top: 0px;
text-align: left;
}
.car_more{
color: #333333;
width: 100%;
float: left;
max-height: 35px;
overflow: hidden;
text-align: left;padding: 3px;
text-shadow: none; font-size: 14px;
}
}
@media only screen and (min-width: 350px) and (max-width: 400px),
only screen and (min-device-width: 350px) and (max-device-width: 400px){
.year_on_img {
bottom: 0;
right: 295px;
font-size: 14px; 
}
.verified2 {
bottom: 0; font-size: 14px; left: unset; right: 220px; width: 70px; 
}



.catalog_table_V2 .verified2 {
 font-size: 12px; width: auto; 
left: 0px;
bottom: 240px;
opacity: 0.8;
}
.catalog_table_V2 .year_on_img {
right: unset;
bottom: 126px;
font-size: 12px; 
}





}
@media only screen and (min-width: 300px) and (max-width: 350px),
only screen and (min-device-width: 300px) and (max-device-width: 350px){
.year_on_img {
bottom: 0;
right: 247px;
font-size: 14px; 
}
.verified2 {
bottom: 0; font-size: 14px; left: unset; right: 172px; width: 70px;  
}
.catalog_table_V2 .verified2 {
font-size: 12px;
width: 60px;
left: 0px;
bottom: 230px;
opacity: 0.8;
}
.catalog_table_V2 .year_on_img {
right: unset;
bottom: 126px;
font-size: 12px; 
}

.oil_price_colum_name {
margin-left: 0px;
width: 90px;
font-size: 16px;
max-width: 20%;
height: 40px;
line-height: 20px;
}
div.ex1 {
margin-left: 90px; width: 75%;
}
.oil_price_colum_name_odd {
    height: 44px;
}


}
@media only screen and (min-width: 10px) and (max-width: 300px),
only screen and (min-device-width: 10px) and (max-device-width: 300px){
.year_on_img {
bottom: 120px;
font-size: 14px; 
}
.verified2 {
bottom: 120px;
font-size: 14px; 
width: 70px;
left: 37px;
}

.catalog_table_V2 .verified2 { 
bottom: 126px; font-size: 12px; width: 60px; left: 32px;
}
.catalog_table_V2 .year_on_img {
right: unset;
bottom: 126px;
font-size: 12px; 
}
.oil_price_colum_name {
margin-left: 0px; 
width: 90px; font-size: 16px; 
max-width: 20%; 
height: 40px; 
line-height: 20px;
}
div.ex1 {
margin-left: 90px; width: 75%;
}
.oil_price_colum_name_odd {
    height: 44px;
}
}
@media only screen and (min-width: 298px) and (max-width: 300px),
only screen and (min-device-width: 298px) and (max-device-width: 30px){
.year_on_img {
bottom: 0;
right: 247px;
font-size: 14px; 
}
.verified2 {
bottom: 0; font-size: 14px; left: unset; right: 172px; width: 70px; 
}
.catalog_table_V2 .verified2 {
bottom: 126px; font-size: 12px; width: 60px; left: 32px;
}
.catalog_table_V2 .year_on_img {
right: unset;
bottom: 126px;
font-size: 12px; 
}
}