.min-768 {
	display: block;
}

.max-768 {
	display: none;
}
@media(max-width:991px){
	.rooms_index{
		margin-bottom: 40px;
	}
	.recomment{
		min-height: auto;
	}
	.recomment .bg {
		width: 100%;
		max-height: 74vh;
		min-height: auto;
		object-fit: contain;
		background-image: none;
		background-position: center;
		background-repeat: no-repeat;
		background-size: 75% 100%;
		position: relative;
	}
	.recomment .bg .bgrol {
		transform: rotate(0deg);
	}
	.recomment .bg .content {
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
		transform: rotate(0deg) translate(0);
		padding: 15px 0px;
	}
	.recomment .section-title-big h2 {
		font-size: 4rem;
		position: relative;
		z-index: 3;
		padding-top: 2rem;
		color: #fff;
		padding-left: 0rem;
		text-align: center;
		font-family: Roboto-Regular;
		text-transform: uppercase;
	}
	.recomment .bg .content .item{
		color: #fff;
	}
	.rooms_index .owl-rooms_index .item{
		height: auto;
	}
	.rooms_index .owl-rooms_index img{
		height: 400px;
	}
	.rooms_index .owl-rooms_index .item .content{
		position: relative;
		height: auto;
		width: 100%;
	}
	.rooms_index .content-room_index .owl-room_small{
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		border: 0;
		padding: 10px 0;
	}
	.book-now-index .attention-todetail-wrapper .attention-todetail-component{
		height: 60vh;
	}
	.count_index{
		transform: translate(-50%, -50%);
	}
	.service_index_big .item-title{
		position: static;
		margin: 0;
	}

	.service_index_big .section-title-big h2{
		left: 0;
		width: 100%;
		top: 0;
		margin: 0;
		padding-top: 5rem;
		text-align: center;
	}
	.details_rooms .owl-detai-room{
		height: auto;
	}
	.details_rooms .owl-detai-room img{
		height: auto;
    	aspect-ratio: 6 / 4;
	}
	.book-now-index .attention-todetail-wrapper .attention-todetail-component .attention-todetail-info{
		transform: translate(-50%, -50%);
		width: 100%;
	}
}
@media (max-width: 767px) {
	.min-768 {
		display: none;
	}
	.max-768 {
		display: block;
	}
	html {
		font-size: 50%;
	}
	.row-header .col-md-6:nth-child(1) {
		width: 60%;
		padding: 5px;
	}
	.row-header .col-md-6:nth-child(2) {
		width: 40%;
		padding: 5px;
	}
	.top-header .item-left .book_now,
	.top-header .item-left .social-icon {
		padding: 5px;
		font-weight: 600;
	}
	.booknow_modal .modal-dialog {
		max-width: 100%;
		font-size: 1.6rem;
		margin-top: 10rem;
	}
	.booknow_modal .item .content {
		position: absolute;
		bottom: 15px;
		padding: 15px;
		width: 100%;
		z-index: 1;
		text-align: left;
	}
	.section-title {
		margin-left: 0;
		text-align: left;
		padding: 20px 0px 20px;
		position: relative;
		width: 100%;
	}
	.section-title h3 {
		font-size: 2.4rem;
	}
	.section-title h2 {
		color: #4A3215;
		position: relative;
		text-transform: uppercase;
		font-size: 3rem;
		padding-bottom: 10px;
		margin: 0;
		font-family: Roboto-Regular;
	}
	.about .check-room .col-lg-4 {
		margin-top: 0px;
	}
	.about_index .galerry-about_index {
		display: flex;
		justify-content: space-between;
		height: 25vh;
	}
	.about_index .bg-about_index {
		margin: 20vh 0vh 0vh;
		padding: 1vh 0px 0px 1vh;
		background: #4A3215;
	}
	.about_index .galerry-about_index .item {
		padding: 15px 7px;
		margin-top: -15vh;
		margin-bottom: 50px;
		height: 40vh;
		width: 50%;
	}
	.about_index .section-title {
		padding: 0px 0px 0px 0px;
		text-align: right;
		width: 100%;
	}
	.service_index .grid {
		display: grid;
		grid-template-columns: repeat(4, 24%);
		grid-template-rows: repeat(4, 10vh);
		width: 100%;
		gap: 5px;
	}
	.service_index .grid .item:nth-child(1) {
		grid-row: 1/3;
		grid-column: 1/3;
	}
	.service_index .grid .item:nth-child(2) {
		grid-row: 1/3;
		grid-column: 3/5;
	}
	.service_index .grid .item:nth-child(3) {
		grid-row: 3/5;
		grid-column: 3/5;
	}
	.recomment .item {
		display: block;
		align-items: center;
		justify-content: space-between;
	}
	.recomment .item .image {
		margin: auto;
		text-align: center;
	}
	.recomment .item .image img {
		width: 20rem;
		height: 15rem;
		margin: auto;
		overflow: hidden;
		border-radius: 50%;
		border: 3px double #153E49;
		padding: 3px;
		background: #FFF;
	}
	.recomment .item .content {
		width: 100%;
		padding: 15px;
		color: #FFF;
		text-align: right;
		max-height: 250px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7;
	}
	.article-index .grid .item:nth-child(1) {
		grid-column: 1/3;
		grid-row: 1/3;
	}
	.article-index .grid .item:nth-child(2) {
		grid-column: 3/6;
		grid-row: 1/3;
	}
	.article-index .grid .item:nth-child(3) {
		grid-column: 1/3;
		grid-row: 3/6;
	}
	.article-index .grid .item:nth-child(4) {
		grid-column: 3/6;
		grid-row: 3/6;
	}
	.article-index .grid .item:nth-child(5) {
		grid-column: 1/3;
		grid-row: 6/8;
	}
	.article-index .grid .item:nth-child(6) {
		grid-column: 3/6;
		grid-row: 6/8;
	}
	.article-index .content {
		display: block;
	}
	.galeries-index .owl-gallery img {
		height: 25vh;
		border-radius: 30px 0;
	}
	.galeries-index .section-title {
		margin-left: 0;
		text-align: left;
		padding: 10px 0px 0px;
		position: relative;
		width: 100%;
	}
	footer .map {
		height: 20rem;
	}
	footer .d-none.d-sm-none.d-lg-block {
		display: block !important;
	}
	footer .col-md-4.item {
		width: 50%;
	}
	footer .col-md-4.item:nth-child(3) {
		display: none;
	}
	.main-footer .logo img {
		width: 12rem;
		object-fit: contain;
		padding: 5px;
		margin: auto;
	}
	footer .col-md-3 {
		text-align: center;
	}
	.main-footer {
		/*background: #153E49;*/
		padding: 15px 0px;
	}
	.main-footer a{
		display: block;
		padding: 5px 0;
	}
	.form-footer .col-8,
	.form-footer .col-3 {
		padding: 5px;
	}
	.form-footer .row {
		justify-content: center;
	}
	.form-footer .btn-footer {
		padding: 15px;
		font-size: 1.4rem;
		text-transform: uppercase;
		background: #153E49;
		width: 100%;
		border: 1px solid #FFF;
		margin: 0;
		border-radius: 5px;
		color: #FFF;
		padding: 6px 5px;
		transition: all .5s ease-in-out;
	}
	.end-ft .col-md-6.text-right {
		text-align: left;
	}
	.book_about {
		width: 100%;
		height: 70vh;
		background: url(../image/R6.jpg);
		background-attachment: fixed;
		background-size: 100%;
		background-position: center center;
		position: relative;
	}
	.book_about .section-title {
		margin-top: 15vh;
		position: relative;
		text-align: right;
		z-index: 3;
		padding: 15px;
	}
	.list-rooms .best-rooms__item figcaption .item__desc {
		margin: 30px 0;
		opacity: 1;
	}
	.list-rooms .best-rooms__item figcaption h3,
	.list-rooms .best-rooms__item figcaption h3,
	.list-rooms .best-rooms__item figcaption h3,
	.list-rooms .best-rooms__item figcaption .item__price,
	.list-rooms .best-rooms__item figcaption .item__price,
	.list-rooms .best-rooms__item figcaption .item__price,
	.list-rooms .best-rooms__item figcaption .item__desc,
	.list-rooms .best-rooms__item figcaption .item__desc,
	.list-rooms .best-rooms__item figcaption .details {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
		opacity: 1;
	}
	figcaption {
		background-color: rgba(21, 62, 73, 0.6) !important;
	}
	.rooms-details .info.clearfix li{
		width: 50%;
	}
	.inner-item {
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, 0%);
	}
	.inner-item .section-title {
		padding: 40px 15px 0px;
	}
	.details_rooms {
		padding: 15px;
		margin-bottom: 30px;
		position: relative;
		margin-top: -20px;
		z-index: 2;
		background: #FFF;
		box-shadow: 0px 0px 7px 1px #333;
	}
	.galerry-detail_rooms a {
		width: 85px;
		height: 60px;
		padding: 5px 3px;
	}
	.details_rooms .info.clearfix li {
		width: 50%;
		padding: 15px;
	}
	.inner-section .section-title .content_section-title {
		width: 100%;
		text-align: center;
	}
	.list-service2 .gird {
		display: block;
		/* grid-template-columns: repeat(2, 50%); */
	}
	.list-service2 .item_service2:nth-child(2n+1) .item:nth-child(1),
	.list-service2 .item_service2:nth-child(2n) .item:nth-child(1) {
		padding: 0;
	}
	.list-service2 .item_service2:nth-child(2n+1) .item:nth-child(1) img,
	.list-service2 .item_service2:nth-child(2n) .item:nth-child(1) img {
		border-radius: 0;
	}
	.list-service2 .item_service2:nth-child(2n+1) .item:nth-child(2),
	.list-service2 .item_service2:nth-child(2n) .item:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		padding: 0px;
		margin: 0;
		background-color: rgba(21, 62, 73, 0.87);
	}
	.list-service2 .section-title {
		width: 100%;
		padding: 15px;
	}
	.col-md-12.item_service2 {
		margin-top: 15px;
	}
	.recent-posts{
		margin-top: 40px;	
	}
	.details-article {
		padding: 40px 0;
	}
	.list-article {
		margin-top: 15px;
	}
	.list-article.other-article .section-title {
		position: relative;
		text-align: center;
		z-index: 3;
		width: 100%;
		padding: 30px 0px 20px;
		margin: auto;
	}
	.box-progress .box-progress-flex {
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}
	.table-a {
		width: 100%;
	}
	#banner .owl-item img {
		height: 90vh;
	}
	.rooms_index .owl-rooms_index img {
		height: 40vh;
		object-fit: cover;
		width: 100%;
	}
	.rooms_index .owl-rooms_index .item .content {
		position: static;
		height: 30vh;
		width: 100%;
		right: 0;
		padding: 15px;
	}
	.recent-post .item .desc h3{
		height: auto;
		-webkit-line-clamp: none;
	}
	.rooms_index .owl-rooms_index .item .desc {
		height: 60px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		padding-left: 10px;
		text-align: justify;
	}
	.rooms_index .content-room_index .owl-room_small {
		position: absolute;
		position: relative;
		bottom: 10vh;
		left: -5px;
		left: 0;
		width: 100%;
		padding: 5px 15px;
		background: #FFF;
		z-index: 2;
		border-right: 1px solid #153E49;
	}
	.count_index .item {
		width: 50%;
		padding-top: 30px;
	}
	.post-image img {
		height: 80px;
		height: auto;
	}
	.latest-posts .latest-news .post-detail p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		padding-left: 10px;
		text-align: justify;
		height: 40px;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	.latest-posts .latest-news .post-detail span {
		margin: 0px 0 0 0;
		font-size: 14px;
		color: #868686;
		display: inline-block;
	}
	.latest-posts .latest-news .post-image {
		float: left;
		width: 30%;
		width: 100%;
	}
	.latest-posts .latest-news .post-detail h6 {
		font-weight: 600;
		font-size: 2.4rem;
		padding: 0;
		line-height: 1;
		margin-bottom: 10px;
	}
	.latest-posts .latest-news .post-detail {
		float: left;
		width: 70%;
		width: 100%;
		padding-left: 5px;
		padding: 10px;
	}
	.latest-posts .latest-news .post-sec {
		margin: 0px 0 15px 0;
		width: 100%;
		float: left;
	}
	.latest-posts .find-location img {
		min-height: 45vh;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.top-footer .inf-footer .item {
		width: 100%;
	}
	.service_index_big .content .bg{
		height: 75vh;
	}
	.service_index_big .content .details {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		width: 100%;
		padding: 0rem;
		transform: translate(-50%, -50%);
		height: 60vh;
		padding: 15px;
	}
	.latest-posts {
		width: 100%;
		padding: 4rem 0px;
		overflow: hidden;
	}
	.item-content {
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		font-family: Roboto-Regular;
		transform: translate(-50%, -50%);
		width: 100%;
		padding: 0 15px;
		display: none;
	}
	.service_index_big {
		padding: 0rem 0rem;
		width: 100vw;
		overflow: hidden;
	}
	.service_index_big .section-title-big h2 {
		font-size: 3rem;
		position: absolute;
		z-index: 3;
		padding-top: 2rem;
		color: #153E49;
		text-align: center;
		font-family: Roboto-Regular;
		text-transform: uppercase;
		color: #FFF;
	}
	#image-gallery .grid{
		column-count: 2;
	}
	/*#image-gallery .grid {
	display: grid;
	grid-template-columns: repeat(2, 45%);
	grid-template-rows: repeat(13, 10vh);
	grid-gap: 5px;
}
	#image-gallery .item:nth-child(1) {
	grid-column: 1;
	grid-row: 1/3;
}
	#image-gallery .item:nth-child(2) {
	grid-column: 2;
	grid-row: 1/3;
}
	#image-gallery .item:nth-child(3) {
	grid-column: 1;
	grid-row: 4/6;
}
	#image-gallery .item:nth-child(4) {
	grid-column: 2;
	grid-row: 4/6;
}
	#image-gallery .item:nth-child(5) {
	grid-column: 1;
	grid-row: 7/10;
}
	#image-gallery .item:nth-child(6) {
	grid-column: 2;
	grid-row: 7/10;
}
	#image-gallery .item:nth-child(7) {
	grid-column: 1;
	grid-row: 10/13;
}
	#image-gallery .item:nth-child(8) {
	grid-column: 2;
	grid-row: 10/13;
}
	#image-gallery .item:nth-child(9) {
	grid-column: 1;
	grid-row: 13/16;
}
	#image-gallery .item:nth-child(10) {
	grid-column: 2;
	grid-row: 13/16;
}
	#image-gallery .item:nth-child(11) {
	grid-column: 1;
	grid-row: 17/20;
}
	#image-gallery .item:nth-child(12) {
	grid-column: 2;
	grid-row: 17/20;
}
	#image-gallery .item:nth-child(13) {
	grid-column: 1;
	grid-row: 21/23;
}
	#image-gallery .item:nth-child(14) {
	grid-column: 2;
	grid-row: 21/23;
}
	#image-gallery .item:nth-child(13) {
	grid-column: 1;
	grid-row: 24/27;
}
	#image-gallery .item:nth-child(14) {
	grid-column: 2;
	grid-row: 24/27;
}
	#image-gallery .img-wrapper img {
	width: 100%;
	min-height: 100%;
	object-fit: cover;
}*/
	.formbook0 {
		position: relative;
		z-index: 2;
		margin: 30px 15px 50px 15px;
	}
	.rooms_index:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(21, 62, 73, 0.87);
		opacity: .5;
	}
	.rooms_index {
		position: relative;
		margin-bottom: 0vh;
		margin-top: 30px;
	}
	.top-header .aside.in {
		width: 90%;
		min-width: 35rem;
		margin: 0rem 0rem 0rem 0rem;
		background: #153E49;
	}
	.service_index_big .content .details img {
		height: 50vh;
	}
	.book-now-index .attention-todetail-wrapper .attention-todetail-component .attention-todetail-info h2{
		font-size: 3.2rem;
	}
	.book-now-index .attention-todetail-wrapper .attention-todetail-component .attention-todetail-info{
		width: 100%;
		padding: 0 15px;
		transform: translate(-50%, -50%);
	}
}

.top-header .item-left {
	position: fixed;
	text-align: center;
	right: 15px;
	top: 30%;
	z-index: 11111;
}

@media (max-width: 1040px) {
	html {
		font-size: 50%;
	}
	html {
		width: 100%;
		overflow-x: hidden;
		padding: 0;
		margin: 0;
	}
}

@media (max-width: 768px) {
	.top-header .item-left {
		position: fixed;
		text-align: center;
		right: 0px;
		top: 30%;
		z-index: 11111;
	}
	#navside {
		right: 73% !important;
	}
}