@media (min-width: 768px) {
	.navbar-collapse{width: 50%;}
	.footer{padding: 3% 0;}
	.content-box{padding: 4% 0;}
	.textfooter{margin: 0;}
	.bannerpage{padding: 2% 0 4%;}
	.bannerpage.bannerhouse{padding-bottom: 7%;}
	.servicebanner.servicehouse{margin-top: -2rem;}
	.servicebanner.servicehouse .col-md-2{width: 16.66%;margin-bottom: 0;}
	.bookhouse.bookhouse2{margin: auto;}
	.detailsprice .row{align-items: center;}
	.detailsprice{text-align: left;}
	/*แกลเลอรีบ้านพัก : 2 คอลัมน์ x 2 แถว = 4 รูปต่อจอ*/
	.gallery-track{grid-auto-columns: calc((100% - .5rem) / 2);}
	
	
	.mapout{margin: auto;}
	.conbutton {
        border-radius: 30px;
        padding: 5px 10px;
		text-align: left;
    }
	.conbutton img{
		width: 28px;
		margin: 0 10px 0 0;
	}
	.conbutton a{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.rulesbox{padding: 3rem 0;}
	.imghouse {
		aspect-ratio: 3/3;
		margin-bottom: 0;
	}
	.content-booking{margin-top: -7rem;}
	.servicebanner{margin-top: 1rem;}
	.facilitiesbox{aspect-ratio: 3/4;}
	.locationbox{padding-bottom: 0; text-align: left;}
	.locationbox img {
		aspect-ratio: 3 / 3;
		margin-bottom: 0;
	}
	.locationbox p{
		-webkit-line-clamp: 3;
		line-height: 1.3;
		height: calc(1rem * 1.3 * 3)
	}
	.contactbox{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}
	.contactbox a{
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.contactbox img{
		margin: 0 10px 0 0;
	}
	.checkinbox{
		margin: auto;
		height: 100%;
	}
	.checkinbox .img-box{margin: 3rem auto;}
	.contacttext ul{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;	/*จอแคบให้ตกบรรทัดได้ ไม่อัดจนข้อความหักกลางคำ*/
	}
	/*ข้อมูลติดต่อแยกเป็น 2 <ul> : แถว 1 Tel+LINE / แถว 2 FB+อีเมล — ตัวที่ 2 ไม่ต้องเว้นบนเต็ม*/
	.contacttext ul + ul{margin-top: .35rem;}
	.contacttext ul li{
		width: auto;
		margin: 0 8px;
	}
}
@media (min-width: 992px) { 
	html{ font-size:16px; } 
	#nav-icon3{display: none ;}
	.headbar-main{padding: .5rem 0;}
	.navbar-brand img{width:auto;max-width: 100%;}
	.hamburgers-box{justify-content: flex-start;}
	.navbar-expand-lg .navbar-collapse{
		justify-content: flex-end;
		width: 100%;
	}
	.navbar-expand-lg .navbar-nav{
		width: 100%;
		justify-content: flex-end;
		padding: 0;
	}
	.navbar-nav li{
		width: auto;
		padding: 0;
		margin: auto;
	}
	.navbar-nav li a{
		padding: 6px;
		text-align: center;
	}
	.policy-box ul li{margin-right: 2rem;}
	.policy-box ul{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.headercontact{display: inline-block;}
	.rulesbox h1 {font-size: calc(1.3rem + 1vw);}
	.textfooter ul {font-size: calc(1rem + .75vw);}
	.servicebanner .col-4 {
		margin-bottom: 0;
		width: 12.5%;
	}
	.servicebanner p {
		font-size: .8rem;
		line-height: 1;
	}
	.servicebanner img {
		width: 40px;
		margin-bottom: .5rem;
	}
	.conbutton {padding: 5px 20px;}
	.conbutton img{width: 35px;}
	.content-booking {
        margin-top: -9rem;
        padding: 0 3.5rem;
    }
	
	.bookhouse{float: right;margin: 0;padding: 5px 20px;}
	.servicebanner.servicehouse{margin-top: -3rem;}
	/*แกลเลอรีบ้านพัก : 3 คอลัมน์ x 2 แถว = 6 รูปต่อจอ*/
	.gallery-track{grid-auto-columns: calc((100% - 1rem) / 3);}
	.facilitiesbox{aspect-ratio: 3/3;}
	.textfacilities{text-align: left;padding: 1rem .5rem;}
	
	.iconfacilities{width: 50px;height: 50px;}
	.textfacilities h1{font-size: .95rem;}
	.stepbookbox{
		margin: 0;
		height: 100%;
		padding: 1rem 0;
	}
	.stepbookbox p {
		margin: 0;
		-webkit-line-clamp: initial;
		height: auto;
		font-size: .9rem;
	}
	.checkinbox .img-box{margin: 1rem auto;}
	.booking-conditions{height: 100%;}
	.contactbox img{width: 55px;}
	
	.mapcontact{height: 315px;}
	.social-box img{width: 45px;}
	.formcontact{padding: 2rem 3rem;}
	
}
@media (min-width: 1200px) {
	html{ font-size:18px; }
	/*แกลเลอรีบ้านพัก : คง 3 คอลัมน์ x 2 แถว = 6 รูปต่อจอ*/
	.gallery-nav button{width: 42px;height: 42px;}
	
	.social-footer img{width: 40px;}
	.social-footer a {
		width: 55px;
		height: 55px;
		padding: 6px;
	}
	.imghouse { aspect-ratio: 3 / 2;}
	.texthoues h2 {font-size: calc(1rem + .6vw);}
	.content-booking{padding: 0;}
	.conbutton{padding: 5px 8px;}
	.conbutton img{width: 32px;}
	
	.iconfacilities{width: 60px;height: 60px;}
	.stepbookbox span {
		width: 40px;
		height: 40px;
		padding: 7px;
	}
	.stepbookbox img{width: 65px;}
	.stepbookbox{margin: 1rem auto 0;}
	.booking-conditions ul li{line-height: 1.5;margin-bottom: 1rem;}
	.booking-conditions ul .fa-circle-check{margin-top: 5px;}
}

@media (min-width: 1440px) {
	html{ font-size:20px; } 
	.servicebanner { margin-top: 2rem;}
	.textfacilities{padding: 1rem;}
	.contactbox img {
        margin: 0 20px 0 0;
        width: 65px;
    }
}

@media (min-width: 1600px) {
}
@media (min-width: 1800px) {
	
}
@media (min-width: 2000px) {
	
}
@media (min-width: 2400px) {
	
}
@media (min-width: 2750px) {
	
}
@media (min-width: 3000px) {
	
}