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

.gallery-38-1 {
	margin: 0;
	padding: 30px 0 30px 0 !important;
	margin: 0;
	background: url(../images/gallery-58-1/bg.jpg) top center no-repeat;
	position: relative;
}

.gallery-38-1 .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.gallery-38-1 .gallery-top {
	padding-top: 40px;
	text-align:
		center;
	color: #fff;
	height: 129px;
	font: 20px/44px 'Kanit', Arial, sans-serif;
	margin-left: 24px;
}

.gallery-38-1 .g-tab {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 55px;
	/*-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:1px solid #e84c0f;*/
}

.gallery-38-1 .g-activity {
	width: 140px;
	height: 47px;
	/* border-bottom: 5px solid #ffffff; */
	background: #9000ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gallery-38-1 .g-video {
	width: 140px;
	height: 47px;
}

.g-active {
	color: #fff;
	letter-spacing: 1px;

}

.g-active a {
	color: #fff;
}

.g-active a:hover {
	color: #fff;
}

.g-normal {
	color: #1c435e;
	letter-spacing: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e2f3ff;
}

.g-normal a {
	color: #1c435e;
}

.g-normal a:hover {
	color: #fff;
}

.gallery-38-1 .gallery-mid {
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	/* margin-left: 9px; */
}

.gallery-pic {
	margin: 0;
	padding: 0;
	/* width: 381px; */
	position: relative;
	background: #000000de;
	background-size: 100% 100%;
}

.gallery-pic:hover {
	transition: all .1s ease-in-out;
	position: relative;
	z-index: 2;
}

.gallery-pic img {
	max-width: 100%;
	height: auto;
}

.gallery-pic:hover img {
	opacity: 0.2;
}

.gallery-pic .g-text {
	display: none;
	font: 25px/25px 'thaisanslite', Arial, sans-serif;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	padding-bottom: 25px;
	z-index: 1;
	/* background:url(../images/gallery-58-1/line-pink.png) bottom center no-repeat; */
}

.gallery-pic .g-text a {
	color: #fff;
}

.gallery-pic .g-text a {
	color: #FFF;
}

.gallery-pic:hover .g-text {
	display: block;
}

.gallery-38-1 .gallery-bottom {
	margin: 30px 40px;
	padding: 0;
	text-align:
		center;
}

.gallery-38-1 .gallery-bottom .btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	/*padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;*/
	width: 107px;
	height: 30px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font: 14px/20px 'Prompt', Arial, sans-serif;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.gallery-38-1 .gallery-bottom .btn-primary {
	color: #fff;
	background-color: #ff9000;
}

.gallery-38-1 .gallery-bottom .btn-primary:hover {
	color: #fff;
	cursor: pointer;
	background-color: #ffd200;
}

@media (max-width: 575px) {
	.gallery-pic {
		/* width:70vw; */
		/* margin-left: 72px; */
	}

	.gallery-pic .g-text {
		/* width:70vw; */
	}

	.gallery-38-1 {
		margin: 0px 0px;
		margin-top: -47px;
	}

	.gallery-38-1 .g-activity {
		font: 20px/50px 'Kanit', Arial, sans-serif;
		padding: 0 5px;
	}

	.gallery-38-1 .g-video {
		/* width: 178px; */
		font: 20px/50px 'Kanit', Arial, sans-serif;
		padding: 0 5px;
	}

}

@media (min-width: 576px) and (max-width: 991px) {
	.gallery-pic {
		/* width: 70vw; */
	}

	.gallery-pic .g-text {
		/* width: 70vw; */
	}

	.gallery-38-1 {
		margin: 0px 0px;
		margin-top: -63px;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.gallery-pic {
		/* width: 40vw; */
	}

	.gallery-pic .g-text {
		/* width: 40vw; */
	}

	.gallery-38-1 {
		margin: 0px 0px;
		margin-top: -56px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	...
}

@media (min-width: 1200px) {
	...
}

@media (max-width: 374px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align: center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 375px) and (max-width: 419px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align:
			center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
		margin-left: 54px;
	}

	.gallery-38-1 .gallery-bottom {
		/* margin: 30px 40px; */
		padding: 0;
		text-align: center;
		/* margin-right: 100px !important; */
		margin-top: 70px;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align:
			center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
		margin-left: 66px;
	}

	.gallery-38-1 .gallery-bottom {
		/* margin: 30px 40px; */
		padding: 0;
		text-align: center;
		/* margin-right: 100px !important; */
		margin-top: 70px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align: center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align:
			center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
		margin-left: 237px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align: center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 1200px) and (max-width: 1280px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align: center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align:
			center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
		margin-left: 21px;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.gallery-38-1 .gallery-top {
		padding-top: 40px;
		text-align: center;
		color: #fff;
		height: 129px;
		font: 20px/44px 'Kanit', Arial, sans-serif;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	...
}



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

@media (min-width: 375px) and (max-width: 419px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 420px) and (max-width: 575px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 30px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -45px !important;
		right: -45px !important;
		margin-top: -10px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 1281px) and (max-width: 1366px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 10px !important;
	}
	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}

@media (min-width: 1601px) and (max-width: 1920px) {
	.gallery-38-1 .owl-theme .owl-nav {
		left: -30px !important;
		right: -30px !important;
		margin-top: 20px !important;
	}

	.gallery-38-1 .owl-carousel .owl-dots {
		bottom: -5px;

	}
}