html[lang="th"] #mainMenu nav > ul > li > a{ font-size: 14px; padding: 11px;}
#mainMenu nav > ul > li:last-child > a{ margin-left: 10px;}
#mainMenu nav > ul > li > a > i{ margin-right: 0;}

#sh_index_z3_content_6_html{ display: none;}

.tip_client_gridtab .gridtab>dt{ background: #fff;}
.tip_client_gridtab .gridtab--0 > dt{ border-color: #fff;}
.gridtab>dt>img{ padding: 10px 16px;}
.gridtab--0>dd{
	border-width: 1px !important;
	margin: 0 !important;
	position: relative;
	z-index: 10;
	margin-bottom: 20px !important;
	border: none;
	border-top: 1px solid #ccc;
}
.gridtab--0 >dt.is-active:after{
	width: 10px;
	height: 10px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #ccc;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right:0;
	margin: 0 auto;
}
.tip_client_gridtab .tab-image{ 
	max-height: 300px; 
	overflow: hidden; 
	text-align: center;
	background: #ccc;
	display: inline-block;
}
.tip_client_gridtab .tab-image img{ height: 300px; width: auto;}
.tip_client_gridtab .tab-image .img_status_null{ display: table-cell; vertical-align: middle;}
.tip_client_gridtab .tab-detail .desp{ margin: 10px 0; margin-bottom:  40px;}


#header .header-extras > ul > li > a:not(.btn){
	display: inline-block;
	margin-left: 2px;
	float: left;
}

/* section tip_tabs_testimonial */
.tip_tabs_testimonial{ padding-bottom: 300px;}
.tip_tabs_testimonial .tabs-navigation li{ width: 11.1111111%; /*width: 16.6666667%;*/}
.tip_tabs_testimonial .tabs-navigation li img{ width: 100%;}

.tip_tabs_testimonial .tabs-content{
	top: 0;
	padding: 0;
	margin-bottom: 40px;
	min-height: 400px;
}
.tip_tabs_testimonial .tabs-content .tab-detail{
	top: 0px;
	padding: 20px 40px;
	margin-bottom: 0px;
	display: inline-block;
}
.tip_tabs_testimonial .tabs-content .tab-pane .tab-image{  
	height: 400px; 
	overflow: hidden; 
	padding: 0;
}
.tip_tabs_testimonial .tabs-content .tab-pane .tab-image .img_status_null{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 55%;
	vertical-align: middle;
	background: #f7f7f7;
	color: #ccc;
	font-size: 20px;
}
.tip_tabs_testimonial .tabs-content .tab-detail .htitle,
.tip_tabs_testimonial .tabs-content .tab-detail .desp{ 
	text-align: center; 
}
.tip_tabs_testimonial .tabs-content .tab-detail .dl-horizontal{ margin-left: 80px;}

.tip_tabs_testimonial .tabs-content .tab-pane .tab-image img{  width: 100%; top: 0;}

.tip_tabs_testimonial .tabs-bottom .tabs-navigation li.active a, 
.tip_tabs_testimonial .tabs-bottom .tabs-navigation li.active a:hover, 
.tip_tabs_testimonial .tabs-bottom .tabs-navigation li.active a:focus,
.tip_tabs_testimonial .tabs-bottom .tabs-navigation li a:hover{
	background-color: #eeeeee;
	-webkit-box-shadow: inset 0px 5px 15px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 5px 15px 5px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 5px 15px 5px rgba(0, 0, 0, 0.1);
}

/*#header .container{ padding: 0;}*/
#header #header-wrap #logo{ left: -10px;}
#header #header-wrap #logo a{ margin-right: 10px;}
#header #header-wrap #logo a > img{ height: 60px; margin-top: 10px;}
#mainMenu nav > ul > li:last-child > a{
	border-radius: 20px;
	background: rgb(2,0,36);
	color: #fff;
	/*background: linear-gradient(to right, rgba(6, 0, 111, 1), rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1));*/
	background: linear-gradient(to right, rgba(171, 120, 4, 1) 1.26%, rgba(175, 107, 4, 1) 30.25%, rgba(228, 188, 5, 1) 66.39%, rgb(214, 147, 9));
}
#mainMenu nav > ul > li:last-child > a:hover{ background: #011c60;}

body.top-search-active #header #header-wrap #logo,
body.top-search-active #header .header-extras > ul > li > a.list-lang{ display: none;}

#header #top-search form input{font-size: 16px;letter-spacing: 0;}
.subpage-wrap{ 
	padding-top: 20px;
	padding-bottom: 20px;
}

/* tipprojects_location_intro */
.subpage-wrap > .container > .row >h2{ text-align: center;}

.sys-breadcrumb .breadcrumb{
	padding-bottom: 5px;
	text-align: right;
	border-bottom: 0;
}

.sys-page .body .title{ text-align: center;}
.page-header{
	margin: 0;
	border: none;
	text-align: center;
}
.sys-contacts .body .detail, 
.sys-contacts .body .contact-form{
	width: 50%;
	float: left;
	clear: none;
}
.sys-contacts .body .title{ border: none;}
.sys-contacts .body .contact-form{
	border: 1px solid #e1e1e1;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 1px 2px 10px #ccc;
	background: #f3f3f3;
}
.sys-contacts .body .contact-form .title{ text-align: center;}
.sys-contacts .body .contact-form .form-control{ border: 1px solid #ebebeb; border-radius: 25px;}



@media (min-width: 1026px){ #header .container{ padding: 0;} }
@media (max-width: 991px){ #header #mainMenu:not(.menu-overlay) nav > ul > li > a{ padding: 12px 0;}}
@media (max-width: 768px){
	.container{ width: 100% !important; }
	.content{ margin: 0; padding: 0;}
	.subpage-wrap{ padding: 0;}
	.sys-breadcrumb .breadcrumb{ padding: 0 15px;}
	.body.row{ margin: 0; padding: 0 20px;}

	.sys-contacts .address-detail img{ width: 100% !important;}
}
@media (max-width: 480px){
	.sys-contacts .body .contact-form{ padding:20px 0;}
}
@media (max-width: 374px){
	#topbar .col-md-10{ padding: 0;}
	#topbar .top-menu > li{} 
}




