@charset "utf-8";
@media screen and (max-width:1050px){

 
}
@media screen and (max-width:1024px){




}
@media screen and (max-width:980px){
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}	
.tt_head_mobile,
.head_mc {display: block;}
#topbar2,
.tt_head,
.tt_nav_top,
#topbar {display: none;}
.logo_m img{width:100%;}
.tt_head_menu_m ul li{display: block;white-space :nowrap;overflow: hidden;float:left;color:#000;width:33.33%;padding:8px 5px 10px 5px;font-family: thaisanslite_r1;font-size: 15px;line-height: 18px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;margin:0px 0px 0px 0px;   
background: rgb(247,247,247);
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(224,224,224,1) 100%);
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e0e0e0',GradientType=0 );




}
.tt_head_menu_m ul li a {color:#000;font-weight: bold;}
.tt_text_slide {width: 100%;border-radius: 0px;}
.tt_main_sl {padding: 0px 0px 0px 0px;}
.tt_main {overflow: hidden;}
.single .tt_left,
.page .tt_left {
 min-height:100px;
}
.tt_home_clip {padding: 0px 10px 0px 10px;}
.tt_head_menu_m ul li.menu1x {width: 50%;}
 
}
@media screen and (max-width:960px){




} 

@media screen and (max-width:820px){
.tt_right,
.tt_left {width:100%;min-height: 50px;}
.ih-item.square {width:23%;margin: 0px 1% 0px 1%;}  
.tt_home_content {margin: 10px 0px 0px 0px;padding: 10px 10px 0px 10px;}
.tt-social-nav,
.tt_sec_r {display: none;}
.tt_sec_l {width:100%;padding: 10px 10px 0px 10px;}
.tt_list.hl {width: 23.5%;}
.tags-page,
.thaitheme_read {padding:10px;}
}
@media screen and (max-width:728px){

}
@media screen and (max-width:620px){


}

@media screen and (max-width:584px){





}
@media screen and (max-width:480px){
.tt_list.vdo{float:left;width:100%;margin:12px 0% 0px 0px;}	
	
.tt_main_sl,
.tt_text_slide {margin-bottom: 5px;}
.owl-theme .owl-nav { 
  top: 5%;   
  }
  .tt_list.post-news .tt_img {position: relative;display: block;width:25%;}
.tt_list.post-news.active .tt_img {display: block;}
.tt_list.post-news .tt_info{width:72%;padding:1% 1% 1% 1%;}
.tags-page strong,
.tt_list.thaitheme1x .tt_desc,
.tt_list.post-news {width:100%;}
.ih-item.square.sb5,
.ih-item.square.sb5.fbx,
.tt_list.thaitheme-md .tt_desc span.read_more,
.tt_list.thaitheme-md p,
.tt_list.post-news.tt1x {display: none;}
.tt_list.hl {width:48%;margin: 0px 2% 10px 0px;}
.tt_list.thaitheme1x,
.ih-item.square {width:48%;margin: 0px 1% 0px 1%;}  
.tt_list.thaitheme-md .tt_desc h3 {margin-top: 0px;}
.tt_list.thaitheme1x{box-shadow:none;min-height:100px;}
.tt_sec.ct-post {margin: 5px 0px 0px 0px;}
.tt_footer-link {width:97%;margin: 20px 0px 0px 3%;}
.tt_footer-pro,
.tt_footer-news.last,
.tt_footer-news {width:97%;}

.tt_footer-img {width:100%;margin-top: 20px;}





} 
@media screen and (max-width:384px){




}
@media screen and (max-width:320px){
 
 
 
 
}