.gallery-36-1 {
	margin: 0;
	padding: 0;
	background: #fff;
}

.gallery-36-1 .container-fluid {
	margin-left: 0px;
	margin-right: -15px;
	padding-left: 0px;
	padding-right: 0px;
	/* position: relative; */
	/* left: 0; */
	/* right: 0; */
}

.gallery-36-1 .gallery-top {
	padding-bottom: 40px;
	text-align: center;
	color: #fff;
	/* height:129px; */
	font: 28px/48px 'Kanit', Arial, sans-serif;
	/* font-weight:bold; */
}

.gallery-36-1 .g-tab {
	margin: 0;
	padding: 0;
	width: 521px;
	/* height:55px; */
}

.gallery-36-1 .g-activity {
	/* width: 167px; */
	padding: 8px 20px;
	/* height:55px; */
	color: #f38906;
}

.gallery-36-1 .g-orgreen {
	/* width: 167px; */
	padding: 8px 20px;
	/* height:55px; */
	color: #75af31;
}

.gallery-36-1 .g-video {
	width: 167px;
	height: 55px;
	color: #828282;
}

.gallery-36-1 .g-activity a {
	color: #fff;
}

.gallery-36-1 .g-orgreen a {
	color: #828282;
}

.gallery-36-1 .g-video a {
	color: #828282;
}

.g-active {
	/* -webkit-border-radius: 50px; */
	-moz-border-radius: 50px;
	/* border-radius: 50px; */
	/* background: #972fad; */
	/* border-bottom: #db3435 3px solid; */
	background: #28284b;
	border: 2px solid #28284b;
}

/*.g-active a{
	color:#2769d5;
}
.g-active a:hover{
	color:#133b7e;
}*/
.g-normal {
	/* -webkit-border-radius: 50px; */
	-moz-border-radius: 50px;
	/* border-radius: 50px; */
	/* background: #972fad; */
	/* border-bottom: #db3435 3px solid; */
	color: #28284b;
	border: 2px solid #28284b;

}

/*.g-normal a{
	color: #828282;
}
.g-normal a:hover{
	color:#133b7e;
}*/

.gallery-36-1 .gallery-mid {
	margin: 0;
	padding: 0;
}

.gallery-pic {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	background-color: #000;
}

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

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

.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;
}

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

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

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

.activity-coming {
	margin: 0;
	padding: 0;
}

.activity-coming .ac-top {
	margin: 0;
	padding: 0;
	margin-top: 40px;
	font: 30px/30px 'thaisanslite', Arial, sans-serif;
	color: #2769d5;
	font-weight: bold;
	letter-spacing: 1px;
}

.activity-coming .ac-top-2 {
	font: 37px/40px 'thaisanslite', Arial, sans-serif;
	color: #6c6c6c;
	letter-spacing: 1px;
	font-weight: bold;
}

.activity-coming .ac-mid {
	margin: 0;
	padding: 0;
	margin-top: 20px;
	position: relative;
	font: 30px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .ac-mid .ac-left {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	left: -30px;
}

.activity-coming .ac-mid .ac-right {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	right: -30px;
}

.activity-coming .act-block {
	width: 424px;
	/* height:138px; */
	border: 1px solid #dcdcdc;
	padding: 14px;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .date {
	width: 106px;
	height: 106px;
	font: 73px/53px 'thaisanslite', Arial, sans-serif;
	background-color: #e20919;
	color: #fff;
	text-align: center;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block:hover .date {
	background-color: #2769d5;
	cursor: pointer;
	transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .month {
	font: 24px/40px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail {
	margin: 0;
	padding: 0;
	width: 80%;
	font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail a {
	color: #16130a;
}

.activity-coming .act-block .detail a:hover {
	color: #16130a;
}


.gallery-36-1 .gallery-bottom {
	/* margin: 30px 0px; */
	padding: 0;
	text-align: center;
	margin-top: 50px;
}

@media (max-width: 575px) {
	.gallery-36-1 {
		width: 100%;
		margin-left: 0px;
	}

	.gallery-36-1 .g-tab {
		width: 366px;
	}

	.gallery-36-1 .g-activity {
		padding: 0px 20px;
	}

	.gallery-36-1 .g-orgreen {
		padding: 0px 20px;
	}


	.gallery-36-1 .g-video {
		width: 170px;
	}

	.gallery-pic {
		width: 90vw;
	}

	.gallery-pic .g-text {
		width: 100vw;
	}

	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}

	.activity-coming .act-block {
		width: 378px;
	}

	.activity-coming .act-block .detail {
		width: 100%;
	}

	.gallery-36-1 .gallery-top {
		font: 25px/50px 'thaisanslite', Arial, sans-serif;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.gallery-36-1 {
		width: 100%;
		margin-left: 0;
	}

	.gallery-pic {
		width: 100vw;
	}

	.gallery-pic .g-text {
		width: 100vw;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.gallery-36-1 .container-cv-5 {
		width: 100%;
	}

	.gallery-pic {
		width: 40vw;
	}

	.gallery-pic .g-text {
		width: 59vw;
	}

	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.activity-coming .ac-mid .ac-left {
		display: none;
	}

	.activity-coming .ac-mid .ac-right {
		display: none;
	}

	.gallery-pic {
		width: 40vw;
	}
}

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

@media (min-width: 1281px) and (max-width: 1366px) {
	.gallery-pic {
		width: 100%;
	}

	.activity-coming .ac-mid {
		margin-top: 30px;
	}

	.activity-coming .act-block {
		width: 396px;
	}

	.activity-coming .act-block .detail {
		width: 90%;
	}

	.activity-coming .ac-mid .ac-left {
		left: -7px;
	}

	.activity-coming .ac-mid .ac-right {
		right: 29px;
	}

	.gallery-36-1 .container-cv-5 {
		width: 100%;
	}
}

@media (min-width: 1367px) and (max-width: 1440px) {
	.gallery-pic {
		width: 100%;
	}

	.activity-coming .act-block {
		width: 408px;
	}
}

@media (min-width: 1441px) and (max-width: 1600px) {
	.gallery-pic {
		width: 100%;
	}
}



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

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

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

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

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

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

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

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

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

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