/* PADDING MARGIN //////////////// */
.pd-0 {padding:0 !important;}.pd-15 { padding-left:15px !important;padding-right:15px !important;} .pd-30 { padding:30px !important;} 
.pl-35 { padding-left:35px !important; }
.mg-0 {margin:0 !important;}.mg-15 { margin-left:15px !important;margin-right:15px !important;} .mg-30 { margin:30px !important;} 
.pt-0 { padding-top:0px !important;}.pt-3 { padding-top:3px !important;}.pt-5 { padding-top:5px !important;}.pt-10 { padding-top:10px !important;}.pt-20 { padding-top:20px !important;}.pt-30 { padding-top:30px !important;}.pt-40 { padding-top:40px !important;}.pt-50 { padding-top:50px !important;}.pt-60 { padding-top:60px !important;}.pt-110 { padding-top:110px !important;}
.pb-5 { padding-bottom:5px !important;}.pb-10 { padding-bottom:10px !important;}.pb-20 { padding-bottom:20px !important;}.pb-30 { padding-bottom:30px !important;}.pb-40 { padding-bottom:40px !important;}.pb-50 { padding-bottom:50px !important;}.pb-60 { padding-bottom:60px !important;}
.mt-0 { margin:0px !important;}.mt-5 { margin-top:5px !important;}.mt-10 { margin-top:10px !important;}.mt-15 { margin-top:15px !important;}.mt-20 { margin-top:20px !important;}.mt-30 { margin-top:30px !important;}.mt-40 { margin-top:40px !important;}.mt-50 { margin-top:50px !important;}.mt-60 { margin-top:60px !important;}
.mb-0 { margin-bottom:0px !important;}.mb-5 { margin-bottom:5px !important;}.mb-10 { margin-bottom:10px !important;}.mb-15 { margin-bottom:15px !important;}.mb-20 { margin-bottom:20px !important;}.mb-30 { margin-bottom:30px !important;}.mb-40 { margin-bottom:40px !important;}.mb-50 { margin-bottom:50px !important;}.mb-60 { margin-bottom:60px !important;}

/* PADDING MARGIN //////////////// */
/* FONT SIZE //////////////// */
.font-14 {font-size: 14px !important;line-height: 1 !important;}
.font-16 {font-size: 16px !important;line-height: 1 !important;}
.font-18 {font-size: 18px !important;line-height: 1 !important;}
.font-20 {font-size: 20px !important;line-height: 1 !important;}
.font-22 {font-size: 22px !important;line-height: 1 !important;}
.font-24 {font-size: 24px !important;line-height: 1 !important;}
.font-26 {font-size: 26px !important;line-height: 1 !important;}
.font-28 {font-size: 28px !important;line-height: 1 !important;}
.font-30 {font-size: 30px !important;line-height: 1 !important;} 
/* FONT SIZE //////////////// */
.exo {
    font-family: 'Exo', sans-serif;
}
 
 .mix { 
    padding: 0 5px; 
}
.mix.mix-8-col{
	width: calc(12.5% - 0.5px);
} 
 .btn-xs {
    font-size: 14px;
    padding: 0 25px;
    height: 30px;
 }

 .input-xs {
    font-size: 14px; 
	font-weight:600 !important;
    height: 30px !important;
	color:#555555 !important;
 }
 
.display-8 a {
	font-size:42px;
	color:#363636;
}

 .btn-price {
    font-family: 'Anuphan' ;
    font-size: 12px;
	font-weight:normal;
	height: 36px !important; 
	color: #000 !important;
    background: #f15d5d36 !important;
 }
.bookbar {
    font-family: 'Anuphan' ;
	text-align:center; 
	margin-bottom: 20px;
}
.btn-view {
    min-width: 165px !important;
    margin-bottom: 5px;
    padding: 5px 5px;
    max-height: 38px !important;
}
a.btn-view {
	text-decoration:none;
}

.choose-file::before {
    display:none;
}
.choose-file {
	max-height:50px;
}
.choose-file label {
	padding-top: 10px;
}
.btn-xs-dl {
	font-size: 12px;
    padding: 0 5px;
    height: 26px;
}
@media only screen and (min-width: 992px){
 
}

@media only screen and (max-width: 480px){

}
@media (max-width: 767px){
	.col-xs-12 { 
	  width: 100%;
	}
	.col-xs-10 { 
	  width: 80%;
	}
	.col-xs-8 { 
	  width: 66.6%;
	}
	.col-xs-6 { 
	  width: 50%;
	}
	.col-xs-5 { 
	  width: 41.6%;
	}
	.col-xs-4 { 
	  width: 33%;
	}
	.col-xs-3 { 
	  width: 25%;
	}
	.col-xs-2 { 
	  width: 16.6%;
	}
	.col-xs-1 { 
	  width: 8.3%;
	}  
 
	.display-8 a {
		font-size:28px;
		color:#363636;
	}
	.mix.mix-8-col{
		width: calc(50% - 0.5px);
	}
	.btn-1 {
		width:100%;
		margin-bottom:3px;
	}
	.btn-2 {
		width:49%;
		margin-bottom:3px;
	}
	.btn-3 {
		width:32.3%;
		margin-bottom:3px;
	}
	.btn-4 {
		width:24.5%;
		margin-bottom:3px;
	}
	.btn-44 { 
		color:#fff;
	}
	 .btn { 
		padding: 0 5px; 
	 }
	.fancybox-caption-wrap {
		z-index:9999999 !important;
	}
}