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

.banner-76-1 {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	margin-top: 0px;
	padding-top: 24px !important;
	min-height: 639px;
	/* background:url(../images/banner-76-1/bg.jpg) top center no-repeat; */
}

.banner-76-1 .banner-row-2 {
	margin: 0;
	padding: 0;
	position: relative;
}

.banner-76-1 .banner-row-2 .btn-left {
	position: absolute;
	top: 250px;
	left: -11px;
	z-index: 99;
}

.banner-76-1 .banner-row-2 .btn-right {
	position: absolute;
	top: 250px;
	right: -3px;
	z-index: 99;
}

.banner-row-2-block-mid {
	margin: 0;
	padding: 0;
	position: relative;
}

.block-top {
	text-align: center;
}

.block-top img {
	max-width: 100%;
	height: auto;
}

.banner-row-2-block-1 {
	width: 464px;
	margin-top: 70px;
	position: relative;
}

.banner-row-2-block-1 .pic {
	marigin: 0;
	padding: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	-moz-box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	position: relative;
	z-index: 0;
}

.banner-row-2-block-1 .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}

.banner-row-2-block-1 .text {
	margin: 0;
	padding: 0;
	padding-top: 24px;
	/* width: 464px; */
	height: 72px;
	text-align: left;
	font: 25px/24px 'thaisanslite', Arial, sans-serif;
}

.banner-row-2-block-1 .text a {
	color: #040404;
}

.banner-row-2-block-1 .text a:hover {
	color: #e76118;
}


.banner-row-2-block-2 {
	width: 538px;
	margin-top: 45px;
	position: relative;
}

.banner-row-2-block-2 .pic {
	margin: 0;
	padding: 0;
	border: 1px solid #dc6104;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	-moz-box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	box-shadow: 4px 5px 31px -5px rgba(0, 0, 0, 0.49);
	position: relative;
	z-index: 0;
}

.banner-row-2-block-2 .pic img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}

.banner-row-2-block-2 .text {
	margin: 0;
	padding: 0;
	padding-top: 24px;
	/* width: 538px; */
	height: 84px;
	text-align: left;
	font: 25px/24px 'thaisanslite', Arial, sans-serif;
}

.banner-row-2-block-2 .text a {
	color: #131313;
}

.banner-row-2-block-2 .text a:hover {
	color: #e76118;
}

.bn-location {
	width: 100%;
	height: 30px;
	padding-left: 29px;
	background: url(../images/container-1/location.png) 0% 50% no-repeat;
	font: 14px/40px 'Kanit', Arial, sans-serif;
	color: #000;
}

.banner-row-2-block-bottom {
	margin: 0;
	padding: 12px;
	position: relative;
	text-align: center;
}

@media (max-width: 374px) {
	.banner-76-1 {
		width: 100%;
		margin-left: 0;
		min-height: 545px;
		background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat;
	}

	.banner-76-1 .banner-row-2 .btn-left {
		display: none;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		display: none;
	}

	.banner-row-2-block-1 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-2 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-mid .block-top {
		top: 35px;
		left: 0px;
		position: relative;
	}

	.banner-row-2-block-1 .text {
		width: 100%;
	}

	.banner-row-2-block-2 .pic {
		border: none;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.banner-76-1 {
		width: 100%;
		margin-left: 0;
		min-height: 545px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}

	.banner-76-1 .banner-row-2 .btn-left {
		display: none;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		display: none;
	}

	.banner-row-2-block-1 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-2 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-mid .block-top {
		top: 35px;
		left: 0px;
		position: relative;
	}

	.banner-row-2-block-1 .text {
		width: 100%;
	}

	.banner-row-2-block-2 .pic {
		border: none;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.banner-76-1 {
		width: 100%;
		margin-left: 0;
		min-height: 545px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}

	.banner-76-1 .banner-row-2 .btn-left {
		display: none;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		display: none;
	}

	.banner-row-2-block-1 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-2 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-mid .block-top {
		top: 35px;
		left: 0px;
		position: relative;
	}

	.banner-row-2-block-1 .text {
		width: 100%;
	}

	.banner-row-2-block-2 .pic {
		border: none;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.banner-76-1 {
		width: 100%;
		margin-left: 0;
		min-height: 545px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}

	.banner-76-1 .banner-row-2 .btn-left {
		display: none;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		display: none;
	}

	.banner-row-2-block-1 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-2 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-mid .block-top {
		top: 35px;
		left: 0px;
		position: relative;
	}

	.banner-row-2-block-1 .text {
		width: 100%;
	}

	.banner-row-2-block-2 .pic {
		border: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.banner-76-1 {
		width: 100%;
		margin-left: 0;
		min-height: 545px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}

	.banner-76-1 .banner-row-2 .btn-left {
		display: none;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		display: none;
	}

	.banner-row-2-block-1 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-2 {
		width: 310px;
		margin-top: 50px;
	}

	.banner-row-2-block-mid .block-top {
		top: 35px;
		left: 0px;
		position: relative;
	}

	.banner-row-2-block-1 .text {
		width: 100%;
	}

	.banner-row-2-block-2 .pic {
		border: none;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.banner-row-2-block-1 {
		width: 324px;
		margin-top: 130px;
	}

	.banner-row-2-block-2 {
		width: 398px;
		margin-top: 102px;
	}

	.banner-row-2-block-mid .block-top {
		top: 40px;
	}

	.banner-76-1 .banner-row-2 .btn-left {
		top: 205px;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		top: 205px;
	}

	.banner-76-1 {
		min-height: 540px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.banner-row-2-block-1 {
		width: 323px;
		margin-top: 99px;
	}

	.banner-row-2-block-2 {
		width: 389px;
		margin-top: 70px;
	}

	.banner-row-2-block-mid .block-top {
		top: 40px;
	}

	.banner-76-1 .banner-row-2 .btn-left {
		top: 205px;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		top: 205px;
	}

	.banner-76-1 {
		min-height: 540px;
		/* background: url(../images/banner-76-1/bg.jpg) bottom center no-repeat; */
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.banner-row-2-block-2 {
		width: 459px;
		margin-top: 85px;
	}

	.banner-row-2-block-1 {
		width: 456px;
		margin-top: 120px;
	}

	.banner-76-1 .banner-row-2 .btn-left {
		left: -60px;
	}

	.banner-76-1 .banner-row-2 .btn-right {
		right: -60px;
	}
}

/* ------------------------------------------------ */

@media (min-width: 375px) and (max-width: 419px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 20px !important;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -63px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 70px !important;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 110px !important;
	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.banner-76-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: 50px !important;
	}
}