@charset "utf-8";
/* CSS Document */



@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
   
   .breadcamp{ padding-left:0px; padding-right:0px;}
   .height10-pc{ display:none;}
   
    #container{padding-top:67px;}
  .showMobile{ display:block;}
   .menu-top-lang{display:none;}
   .menu-top-rigth{ display:none;}
    header{height:88px; background:none; background:url(http://seo-web.aun-thai.co.th/images/bg_mobile.png) repeat-x;}
   .header-top{padding-top:0px;}
   .header-right{ padding-left:0px; float:left; }
   .header-right .text-p{position:absolute; left:0px; top:2px;}
    header .menu-top-left .text-p{padding-left:16px; font-size:12px; line-height:15px;}
   
  .header-left{width:93px; padding-top:23px; float:left;}
   header .container{ padding-top:11px;}
   header .logo img{max-width:85px;}
   
	.container{ min-width:100%; width:100%; max-width:100%; margin:auto;}
	
	.container-left .group-container-left{  width: 100%;}
	
	.header-bottom nav{display:none;}
	
	.nav_mobile {display:block; top:31px; padding:14px 16px;}
	.nav_mobile span{color:#FFF; }
	
	#container{padding-top:77px;}
	#container .slider{height:240px;}
	#container .slider-list{ height:240px;}
	
	.client-list ul{padding:0px;}
	.client-list li{ width:25%;}
	.client-list li img{width:100%;}
	
	.btn-tel{ display:none;}
	
	
	.double-menu .submenu-toggle{ float:right; width:42px;}
	.double-menu .submenu-first{ margin-right:42px; float:none;}
	
	
	.content-button{ display:block;}
	.content-button .content-button-col{ display:block; width:100%;}
	.content-button .content-button-col:first-child{text-align:center; padding-right:0px; padding-bottom:20px;}
	.content-button .content-button-col:last-child{text-align:center; padding-left:0px;}
	
	.box2 .content-button{ margin-top:0px; padding-top:0px; padding-bottom:20px;}
	
	
	.main-title1{font-size:24px; margin-bottom:25px;}
	
	.box4 .content-right{width:100%; float:none; }
	.box4 .content-right img{width:100%; }
	.box4 .content-left{width:100%; float:none;  margin-top:20px;}
	
	
	
	.box1, .box2, .box3, .box4, .box5{padding-top:20px; padding-bottom:20px;}
	.box5 {padding-bottom:45px;}
	
	.box1 .col-xs-12,
	.box2 .col-xs-12,
	.box3 .col-xs-12,
	.box4 .col-xs-12,
	.box5 .col-xs-12	{padding-bottom:20px;}
	
	.sub-title{margin-top:10px; font-size:17px;}
	.box2 .sub-title{display:table;}
	.box5 .content-left{width:100%;}
	
	.footer-bottom li::after{ padding-left:5px; padding-right:5px;}
	
	.footer-bottom .container ul{padding-bottom:10px;}
	.footer-bottom .text-center{padding-top:10px;}
	.contact-link a{float:left; height:30px;}
	
	.slider-sub .slider-content-right , .slider-sub .slider-content-left{width:100%; float:none; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px;}
	.slider-sub .slider-content-right{ padding-top:25px; padding-bottom:15px;}
	
	.slider-sub .slider-content-left{ height:auto; padding-bottom:10px;} 
	.slider-sub .slider-content-right img{width:100%;}
	
	.page-container{padding-top:0px; display:table; width:100% !important; padding-left:16px; padding-right:16px;}
	.page-container .container-left{margin-left:0px; width:100%; float:none; display:table-footer-group;}
	.page-container .container-right{ margin-left:0px; width:100%; float:none; display:table-header-group;}
	
	
	
	
	.box-img-center img{max-width:100%;}
	
	.box-about1 .box-left{ width:100%; float:none;}
	.box-about1 .box-right{width:100%; float:none; margin-left:0px; margin-top:20px;}
	
	

    .table-about th,  .table-about td { display:block; text-align:left; }
	.table-about td {padding-bottom:10px;}
	.table-about tr:last-child td{padding-bottom:0px;}
	
	/* pagination */
	.pgntn-page-pagination {
		left: 40%;
	}
	.pgntn-page-pagination-block {
		left: -40%;
	}
	.pgntn-page-pagination-intro {
	}
	.list-3 li {
		border: medium none;
	}
	.page-numbers {
		display: none;
	}
	.prev.page-numbers {
		margin-right: 16px;
	}
	.prev.page-numbers, .next.page-numbers {
		display: block;
	}
	/* pagination end */
	
	.slider-sub .title{padding-bottom:8px; font-size:24px; padding-left:0px;}
	.container-right .page-title{font-size:20px; margin-left:0px; padding-left:0px;}
	.box-service{padding-left:0px; padding-right:0px;}
	
	.container-right .content ul{padding-left:16px;}
	
	
	
	.page-box-container{width:100%; padding-bottom:20px;}
	.page-box-container img{ display:block; margin:auto; max-width:100%; height:auto;}
	
	.page-box-container  .page-container-left , 
	.page-box-container  .page-container-right{width:100% !important; float:none; margin-left:0px !important; margin-right:0px  !important;}
	
	.page-box-container .page-container-left{width:100% !important; float:none; margin:0; padding-bottom:20px;}
	.page-box-container .page-container-right{width:100% !important; float:none; margin::0;}
	
	.table-responsive-col1 th{ width:100%; display:block;}
	.table-responsive-col1 td{width:100%; display:block;}
	
	
	/* sub page */
	.slider-sub{width:100%;}
	.breadcamp{margin-top:5px;}
	.page-container{display:table; width:100%; max-width:100%; min-width:100%;}
	
	
	.container-left{width:100%; margin-left:0px; display:table-footer-group;}
	.container-right{ width:100%; margin-left:0px; display:table-header-group; }
	
	.box-page-news{width:100%;}
	.page-news{width:100%;}
	.page-news li{max-width:100%;}
	
	.page-news li .date{ float:left; display:inline-block; }
	.box-page-news .page-news li .content{margin-left:0px; }
	
	
	.page-news li .content .title{margin-left:90px; }
	.page-news li .content .detail{ white-space: normal; word-break: break-all;}
	
	
	body .container-right  img{ max-width:100% !important; 
	height:auto ;}
	
	.contact-addr {display:table; width:100%;}
	.contact-addr .contact-addr-left{ padding:0px; float:none; display:table-footer-group; width:100%; }
	.contact-addr .contact-addr-right{ padding:0px; float:none; display:table-header-group;  width:100%;}
	
	.wpcf7{width:100%; margin-left:0px; margin-right:0px;}
	
	
	

.wpcf7 table td, .wpcf7 table{width:100%;}

.wpcf7 table th {
	width:100%;
	text-align:left;
	display:block;
    background: #f2f2f2 none repeat scroll 0 0;
}
.wpcf7 table td {
	width:100%;
	display:block;
    background: #fff none repeat scroll 0 0;
}

.btn-next , .btn-next2{width:100%; margin-left:0px;  padding-top:8px; padding-bottom:8px; }

.no-mobile-pleft{ padding-left:0px !important;}

.container-right .page-title, .container-right h2{text-indent:0px;}

	/* sub page end*/
	
	.form-tb-submit{display:table; width:100%;}
	.form-tb-submit .btn-next{ float:none; padding-top:10px; padding-bottom:10px; }
	.form-tb-submit .btn-next2{  float:none; padding-top:10px; padding-bottom:10px; }
	
	.form-tb-submit .btn-left{display:table-footer-group; }
    .form-tb-submit .btn-right{ display:table-header-group; margin-bottom:10px; }
	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 767px) {

}


@media screen  and (min-width: 768px)  and (max-width:970px)  {	
   

  
 }