.closebtn{display:none;}
.menuw{font-size:30px;cursor:pointer;display:none;color:#fff;}
.menuw{}
.menuw img{height: 32px;    margin-top: 8px;float: right;
     } 
 

  

@media only screen and ( max-width: 980px ) {
	
	body{min-width:400px;} 
	.supot_mainsite{width:90%;}
	.supot_logo a img { width: 211px;}
	.supot_footer1, .supot_footer2, .supot_footer3, .supot_footer4, 
	.supot_copyright1{width:100%;margin-right:0px;float:none;text-align: center;margin-bottom: 30px;}
	
	.supot_copyright{    margin-top: 0px;padding-top: 10px;}
	.supot_footer3 span { width: 200px; text-align: left;margin: auto;}
	.supot_copyright2 { float: none;width: 195px;margin: auto;}
	.supot_article1 ul li { 
    width: 96%;
    float: none;
    margin-right: 0px;
    padding: 17px 2%;    position: relative;display: flow-root;
    margin-bottom: 20px;}
	.supot_article1 ul li .img {
    display: block;
    overflow: hidden;
    height: auto;
    width: 30%;
    float:left;     
    margin-bottom: 0px;}
	.supot_article1 ul li .text { 
    height: auto;
    margin-bottom: 0px;
    text-align: left;
    width: 67%;
    float: right;}
	.supot_article1 ul li .more { 
    position: absolute;
    bottom: 13px;
    right: 12px;}
	
	.supot_viewcar1 ul li{       width: 96%;
    margin-right: 0px;
    padding: 10px 2%;
    background-color: #f6f6f6;}
	.supot_viewcar1 ul li .img { 
    height: auto;
    width: 30%;
    margin-bottom: 0px;
    float: left;}
	.supot_viewcar1 ul li .text { 
    text-align: left;
    width: 66%;
    float: right;}
	.supot_viewcar1 ul li .img img { border-radius: 0px;}
	.supot_whyus b { font-size: 44px;}
	.supot_nomoney1 span img {
    max-width: 100%;}
	.supot_nomoney1 b { font-size: 27px;}
	.supot_nomoney1 { width: 100%;}
	.supot_whyus1 ul li span.text { font-size: 16px;}
	.supot_whyus1 ul li span.img img {
    max-width: 100%;}
	.supot_whyus1 ul li span.img { margin-bottom: 0px;}
	.supot_stockcar1 b { 
    font-size: 28px; margin-bottom: 18px;}
	.supot_stockcar1 ul li span { font-size: 16px; line-height: 19px;}
	.supot_nomoney2 ul li {
    width: 48%;
    float: left;
    margin-right: 0;
    height: 151px;
    text-align: center;}
	.entry-content iframe{width:100%;}
	.supot_nomoney2.pag252 {
    margin-bottom: 40px;
    display: flow-root;}
	.supot_nomoney2.pag252 ul li {
		width: 174px;}
	.supot_selectcar1 b { font-size: 26px;}
	.supot_selectcar1 ul li img{max-width:100%;}
	.supot_carright ul li .img { height: 115px;}
	
	.supot_carlist, .supot_featuredcars, .supot_carright, .supot_carright9 {
    float: none;display: inline-block;
    width: 100%;
    margin-bottom: 30px;}
	.supot_carright .supot_carlist ul li{width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 0px;}
	.supot_fbleft span{
    text-align: center;}
	.supot_fbleft span iframe{
    width: 300px;
    margin: auto;}
	.supot_featuredcars1 b { margin-right: 0px;}
	.supot_featuredcars1 span a { float: right;}
	.supot_featuredcars1 { display: flow-root;}
	.crea_cat li a.img { height: 164px;}
	t.page252, .map6{width:100%;}
}
@media only screen and ( max-width: 800px ) {
	.supot_fbleft {
    width: 100%;
    float: none;
    margin-bottom: 30px;text-align: center;}
	.supot_fbleft span iframe{    width: 300px;
    margin: auto;}
	.supot_carright, .supot_carright9 {
    width: 100%;
    float: none;}
	.supot_img {
    width: 100%;clear:both;
    float: none;}
	.supt_fearight {
    width: 100%;
    float: none;
    margin-top: 10px;}
	.tel1, .line { margin-right: 2%;}
	.tel2 { float: right; }
	.tiktok.right{float: right;}
	.supt_fearight div.t1 .p2 {
    display: block;
    float: none;
    font-size: 16px;
    color: #000;
    margin-top: 0px;}
	.supt_fearight { 
    margin-top: 10px;
    clear: both;
    padding-top: 21px;}
	.crea_cat li { 
    float: none; 
    margin-bottom: 20px;
    display: flow-root;
	width: 96%;
    margin-right: 0px;
    padding: 10px 2%;
    background-color: #f6f6f6;
	}
	.crea_cat li a.img {
    height: auto;
    width: 30%;
    float: left;}
	.gsttext{    width: 67%;
    text-align: left;
    float: right;}
	.crea_cat li a.link { text-align: left;}
}
@media only screen and ( max-width: 650px ) {
	.wp-pagenavi span, .wp-pagenavi a{font-size: 11px;}
	
	
	.supot_featuredcars1 b { font-size: 21px;}
	.supot_featuredcars1 span a { font-size: 13px;}
	.supot_tel span a{font-size: 13px;}
	.supot_tel b a img { height: 18px;}
	.supot_social a img {float: right; height: 26px;}
	.supot_social {width: 135px;}
	.supot_tel { width: 211px;}
	.supot_whyus b {
    font-size: 25px;}
	.supot_nomoney1 b {
    font-size: 23px;}
	.supot_nomoney1 { width: 100%;}
	.supot_selectcar1 ul li { width: 17.2%;}
	
	
	
	.650.supot_carright ul li {
    width: 100%;
    float: none;position: relative;
    display: inline-block;
    margin-right: 0px; }
	.650.supot_carright ul li .img {
    height: auto;
    width: 30%;
    float: left;}
	.650.supot_carright ul li .text1, .supot_carright ul li .text2{
    width: 67%;
    text-align: left;height: auto;
    float: right;}
	.650.supot_carright ul li .text3 {
    background-color: transparent;
    display: block;
    font-size: 16px;
    color: red;
    text-align: left;
    text-decoration: none;
    border-radius: 40px;
    padding: 5px 0px;
    width: 67%;
    float: right;}
	.650.supot_carright ul li .text3:hover{background-color: transparent;}
	
	.supot_carright ul li .text3, .supot_carright ul li .text2, .supot_carright ul li .text2 del { font-size: 10px;}
	.supot_carright ul li .text1{font-size:12px;}
	.tail{    font-size: 10px;
    line-height: 14px;
    display: block;
    margin-bottom: 7px;}
	.tail t{display: block;}
	.supot_carright ul li .img { height: 95px;}
	.supot_carright ul li .text1 { 
    height: 45px;
    line-height: 15px;}
	
	.br1 a{width: 17%;}
	
	.supot_carright ul li .text2 del{        overflow: hidden;
        height: 15px;
        font-size: 9px;}
	
}
@media only screen and ( max-width: 600px ) {html #wpadminbar{top: -46px;}
	 
}

@media only screen and ( max-width: 980px ) {
.supot_menu {  width: 50px; }
	.wd_menu li { width: 100%;}
	.supot_menu ul li a, .supot_menu ul li a:hover{color:#fff;}
	.supot_menu ul li a { 
    float: none;
    margin-left: 0px;
    margin-top: 0px;
    border-bottom: 1px dotted #ccc;
    width: 100%;}
	.supot_menu ul li ul{display: contents !important;margin: 0px;padding: 0px;}
	.supot_menu ul li ul li{padding: 0px;}
	.supot_menu ul li ul li a{    padding: 13px 6%;
    display: block;
    width: 88%;
    border-bottom: 1px dotted #ccc;}
	 .supot_menu ul li a:hover{color:#000;}
/* Menu */ 
 .closebtn,  .menuw{display:block;}
 .menuw{display: block;
color: #333;text-align: right;
margin-top: 0px;
text-transform: uppercase;
padding-left: 0px;
 }
 .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1999;
    top: 0;
    left: 0;
    background-color: #f26f00;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
top: 30px;
right: 15px;
font-size: 36px;
    font-family: tahoma;
margin-left: 50px;
z-index: 29999;
display: block;
}

#main {
    /* transition: margin-left .5s;*/
 transition:  .5s; 
}
/*  end menu*/

}

}