@media (min-width: 1699px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1440px;
	}
}
@media (max-width: 1920px) {
	.header_menu > .navbar{
		padding-bottom: 0;
		padding-top: 0;
	}
	.navbar-light .navbar-brand img{
		height: 100px;
	}
	/* .book_now_btn{
		padding-top: 10px;
		padding-bottom: 7px;
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.book_now_btn span{
		font-size: 0.8rem;
	} */
	.banner_inner_content h2{
		font-size: 2rem;
	}
	.banner_inner_content h1{
		font-size: 3rem;
	}
}
@media (max-width: 1800px) {
}
@media (max-width: 1699px) {
	#homeBooking .book_table_item{
		padding: 0 15px;
	}
	#homeBooking .book_table_item h2{
		font-size: 1.2rem;
	}
	#homeBooking .book_table_item label{
		font-size: 1rem;
	}
	#homeBooking .book_table_item .book_now_btn_light{
		font-size: 1.1rem;
		padding : 10px 20px;
	}
	.sec_rooms{
		padding: 70px 0;
	}
	.sec_box > .left > h2{
		font-size: 1.8rem;
	}
	.sec_box > .left > p{
		font-size: 1.2rem;
	}
	.room_item > .room_info{
		padding-left: 30px;
	}
	.room_item > .room_info a h3{
		font-size: 1.8rem;
	}
	.room_item > .room_info > ul,
	.room_item > .room_info > p{
		font-size: 1rem;
	}
	.room_item > .room_info > .book_now_btn{
		padding: 15px 30px;
	}
	.resort_gallery_inner{
		padding: 80px 0;
		padding-bottom: 100px;
	}
	.resort_gallery_inner h2{
		font-size: 2rem;
	}
	.sec_box{
		padding-bottom: 15px;
	}
	.spec_resort_area{
		padding: 70px 0;
	}
	ul.spec_resort_inner > li h3{
		font-size: 1.3rem;
	}
	ul.spec_resort_inner > li p{
		font-size: 1rem;
	}
	.resort_gallery .slick-prev,
	.room_slides .slick-prev{
	    left: -70px!important;
	}
	.resort_gallery .slick-next,
	.room_slides .slick-next{
	    right: -70px!important;
	}
	.resort_gallery .item{
		height: 280px;
	}
	.promotion_layout,
	.event_details_area,
	.news_layout{
		padding: 100px 0;
	}
	ul.event_inner > li{
		padding-bottom: 30px;
	}
	ul.event_inner > li .event_items .img{
		height: 230px;
	}
	ul.event_inner > li .event_items .event_info .media .media-body a h4{
    	font-size: 20px;
	}
	ul.event_inner > li .event_items .book_now_btn{
		font-size: 14px;
	}
	.room_list .explor_item .img{
		height: 230px;
	}
	.booking_form .order_infos{
		padding-top: 50px!important;
		padding-bottom: 50px!important;
	}
}
@media (max-width: 1550px) {
}
@media (max-width: 1440px) {
	#main_menu.collapsing.show, #main_menu.show{
		height: 60vw!important;
	}
	.f_menu a{
		font-size: 1.4rem;
	}
	.f_roomtype > ul > li a{
		font-size: 1.2rem;
	}
	.f_roomtype .f_title > h3{
		font-size: 1.4rem;
	}
	.booking_layout .sec1, .booking_layout .sec2{
		padding: 50px 0;
	}
	.booking_layout .sec2{
		padding-top: 20px;
	}
	.contact_area{
		padding: 70px 0;
	}
	ul.contact_info_list > li{
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.contact_info_list > li .icon{
		margin-bottom: 20px;
	}
	ul.contact_info_list > li .icon > img{
		width: 70px;
	}
	ul.contact_info_list > li h4{
		font-size: 18px;
	}
	.contact_inner form{
		padding: 0;
	}
	.contact_map_area{
		padding: 50px 0;
	}
	.contact_map_area iframe{
		height: 50vw;
	}
	.room_area{
		padding: 50px 0;
	}
}
@media (max-width: 1199px) {
	.book_now_btn_light,
	.book_now_btn_black,
	.book_now_btn_main{
		font-size: 1.1rem;
	}
	#homeBooking .book_table_item:nth-child(4){
		border: none;
	}
	#homeBooking .book_table_item:last-child{
		min-width: 100%;
		max-width: 100%;
		padding-top: 15px;
	}
	.book_room_box{

	}
	.sec_rooms{
		padding: 50px 0;
		padding-bottom: 80px;
	}
	.room_item > .room_image{
		max-width: 65%;
		min-width: 65%;
	}
	.room_item > .room_info{
		max-width: 35%;
		min-width: 35%;
	}
	.room_item > .room_image .room_others,
	.room_item > .room_image .room_master{
		height: 400px;
	}
	.sec_box > .left > h2{
		font-size: 1.5rem;
	}
	ul.spec_resort_inner > li .img{
		height: 220px;
	}
	.resort_gallery_inner h2{
		margin-bottom: 30px;
	}
	.resort_gallery .item{
		height: 250px;
	}
	.resort_gallery .slick-prev{
		left: 0px!important;
	}
	.resort_gallery .slick-next{
		right: 0px!important;
	}
	.booking_form .banner_area{
		height: 200px;
	}
	.banner_inner_content h2{
		font-size: 1.3rem;
	}
	.banner_inner_content h1{
		font-size: 2rem;
	}
	.booking_layout .sec1, .booking_layout .sec2{
		padding: 50px 0;
		padding-bottom: 40px;
	}
	.booking_layout .bk_subtitle{
		margin-top: 20px;
	}
	.booking_layout .sec1 .form-group{
		margin-bottom: 0;
	}
	.booking_layout .sec2{
		padding-top: 15px;
	}
	.booking_layout .bk_title{
		font-size: 1.8rem;
	}
	.review_gallery_area,
	.promotion_layout,
	.event_details_area,
	.news_layout{
		padding: 50px 0;
	}
	ul.event_inner{
		margin-left: -15px;
		margin-right: -15px;
	}
	ul.event_inner > li{
		padding: 15px;
		padding-bottom: 20px;
	}
	.inner_header{
		font-size: 1.3rem;
	}
	ul.event_inner > li .event_items .img{
		height: 200px;
	}
	ul.promotion_lists{
		margin-left: -15px;
		margin-right: -15px;
	}
	ul.promotion_lists > li{
		padding: 15px;
	}
	.banner_inner_content p{
		font-size: 1rem;
		margin-bottom: 0;
	}
	.grid_gallery_inner .grid .grid-item:nth-child(2){
		margin-top: 50px;
	}
	.grid_gallery_inner .grid .grid-item h3{
		font-size: 1.2rem;
	}
	.contact_area{
		padding: 50px 0;
	}
	.contact_info{
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	ul.contact_info_list > li{
		padding-left: 10px;
		padding-right: 10px;
	}
	ul.contact_info_list > li p{
		font-size: 14px;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.contact_inner > h4{
		font-size: 20px;
		text-align: center;
		margin-top: 40px;
	}
	.contact_area .inner_header{
		text-align: center;
	}
	ul.contact_info_list > li .icon > img{
		width: 50px;
	}
	.room_list .explor_item .img{
		height: 200px;
	}
	.room_list .explor_item .explor_text .room_subject{
		font-size: 1.2rem;
	}
	.room_area > .container > h3{
		font-size: 1.3rem;
	}
	.booking_layout .bk_title{
		font-size: 1.4rem;
	}
	.booking_layout .bk_subtitle{
		font-size: 1.2rem;
		margin-top: 0;
	}
	.order_infos .view_orders .roominfo{
		gap: 15px;
	}
	.order_infos .view_orders .room_addon h4{
		font-size: 18px;
	}
	.order_infos .view_orders .roominfo > .img {
	    max-width: 150px;
	    min-width: 150px;
	}
	.booking_form .order_infos{
		padding-bottom: 0!important;
	}
}
@media (max-width: 1023px) {
	.header_menu > .navbar > .m_left .hinfo a.tel span{
		display: none;
	}
}
@media (max-width: 991px) {
	.navbar-light .navbar-brand img{
		height: 70px;
	}
	.header_menu .book_now_btn{
		padding-left: 35px;
		padding-right: 35px;
	}
	.book_now_btn span{
		font-size: 10px;
	}
	.header_menu > .navbar > .m_left, .header_menu > .navbar > .m_right{
		min-width: 320px;
		max-width: 320px;
	}
	.f_menu{
		gap: 20px 30px;
		padding-bottom: 20px;
	}
	.f_menu a{
		font-size: 1.2rem;
	}
	.f_roomtype > ul > li a{
		font-size: 1rem;
	}
	.f_roomtype{
		padding : 30px 0;
	}
	.fh_menu{
		padding-top: 70px;
		padding-bottom: 90px;
	}
	#homeBooking .book_table_item{
		min-width: 50%;
		max-width: 50%;
	}
	#homeBooking .book_table_item:first-child{
		min-width: 100%;
		max-width: 100%;
		border-right: none;
		text-align: center;
	}
	#homeBooking .book_table_item:nth-child(3){
		border: none;
	}
	.room_item{
		flex-wrap: wrap;
	}
	.room_item > .room_image,
	.room_item > .room_info{
		max-width: 100%;
		min-width: 100%;
	}
	.room_item > .room_info{
		padding-top: 20px;
		padding-left: 0;
	}
	.resort_gallery_inner h2{
		margin-bottom: 20px;
		font-size: 1.5rem;
	}
	.resort_gallery .item{
		height: 400px;
	}
	.sec_box > .left > h2{
		margin-bottom: 0;
	}
	ul.spec_resort_inner{
		margin: 0 -10px;
	}
	ul.spec_resort_inner > li{
		padding: 10px;
	}
	ul.spec_resort_inner > li .img{
		height: 180px;
		margin-bottom: 15px;
	}
	ul.event_inner > li{
		max-width: 50%;
		min-width: 50%;
	}
	ul.event_inner > li .event_items .img{
		height: 230px;
	}
	.event_details_area .col-md-8,
	.event_details_area .col-md-4{
		max-width: 100%;
		min-width: 100%;
	}
	.news_relates ul.event_inner > li{
		min-width: 50%;
		max-width: 50%;
	}
	.news_relates ul.event_inner{
		flex-direction: row;
	}
	ul.promotion_lists > li .promotion_item .promotion_info h4{
		font-size: 20px;
	}
	ul.promotion_lists > li .promotion_item .promotion_info > p{
		font-size: 14px;
	}
	.grid_gallery_inner .grid .grid-item h3{
		font-size: 1rem;
	}
	ul.contact_info_list > li{
		min-width: 50%;
		max-width: 50%;
		margin-bottom: 30px;
	}
	ul.contact_info_list > li:nth-child(2){
		border-right: none;
	}
	.room_area .room_list .col-sm-6{
		max-width: 50%;
		min-width: 50%;
	}
	.room_area{
		padding-top: 40px;
		padding-bottom: 0;
	}
	.room_list .explor_item .book_now_btn{
		font-size: 0.9rem;
	}
	.room_list .explor_item .img{
		height: 170px;
	}
	.room_list .explor_item .explor_text > ul{
		padding-bottom: 0;
	}
	.room_list .explor_item{
		padding-bottom: 30px;
	}
	.room_details_inner > .col-md-8,
	.room_details_inner > .col-md-4{
		max-width: 100%;
		min-width: 100%;
	}
	.room_details_inner{
		flex-direction: column-reverse;
	}
	.room_details_inner > .col-md-4{
		margin-bottom: 30px;
	}
	ul.booking_room_infos > li{
		gap: 20px;
	}
	ul.booking_room_infos > li > .room_img{
		max-width: 200px;
		min-width: 200px;
	}
	ul.booking_room_infos > li > .room_infos .room_fn a{
		font-size: 1.2rem;
	}
	ul.booking_room_infos > li > .room_infos .room_fn a.del{
		font-size: 0.9rem;
	}
	ul.booking_room_infos > li.b_sumtotal{
		font-size: 1.2rem;
		padding: 5px 15px;
	}
}
@media (max-width: 767px) {
	#main_menu{
		position: fixed;
		top: 80px;
		left: 0;
		height: 0%!important;
	}
	#main_menu.show{
		height: 100%!important;
	}
	.header_menu > .navbar{
		display: flex;
		flex-direction: row-reverse;
	}
	.header_menu > .navbar > .m_left, .header_menu > .navbar > .m_right{
		min-width: 156px;
		max-width: 156px;
	}
	.header_menu > .navbar > .m_right{
		display: none;
	}
	.header_menu > .navbar > .m_left, .header_menu > .navbar > .m_right{
		max-width: inherit;
		min-width: inherit;
	}
	.f_menu{
		gap: 20px;
	}
	.f_menu a{
		font-size: 1.2rem;
	}
	.f_roomtype > ul{
		gap: 20px;
	}
	.fh_menu{
		padding-top: 50px;
		padding-bottom: 70px;
	}
	footer .copyright{
		padding-bottom: 30px;
		padding-top: 10px;
	}
	footer .copyright > .container{
		flex-wrap: wrap;
		gap: 0px;
		text-align: center;
	}
	footer .copyright > .container > *{
		max-width: 100%;
		min-width: 100%;
	}
	footer .copyright > .container > .text{
		padding-bottom: 15px;
	}
	.room_item > .room_image .room_others, .room_item > .room_image .room_master{
		height: 300px;
	}
	.room_item > .room_info > .book_now_btn{
		padding: 10px 20px;
	}
	.spec_resort_area,
	.sec_rooms,
	.resort_gallery_inner{
		padding: 40px 0;
	}
	.sec_box > .left > h2{
		margin-bottom: 0;
	}
	.sec_box > .left > p{
		font-size: 1rem;
	}
	.book_now_btn{
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.spec_resort_inner > li {
	    min-width: calc(50%);
	    max-width: calc(50%);
	}
    .banner_inner_content h1 {
        font-size: 2rem;
    }
    .banner_inner_content h2 {
        font-size: 1.2rem;
    }
    ul.event_inner > li .event_items .img{
		height: 180px;
	}
	ul.event_inner > li .event_items .event_info .media .media-body a h4{
		font-size: 16px;
	}
	ul.event_inner > li .event_items .event_info > p{
		font-size: 14px;
	}
	ul.event_inner > li .event_items .book_now_btn{
		font-size: 12px;
	}
	.event_details_main h4{
		font-size: 20px;
	}
	.event_details_main h5{
		font-size: 16px;
	}
	.grid_gallery_inner .grid{
		margin : 0;
	}
	.grid_gallery_inner .grid .grid-item:nth-child(2){
		margin-top: 0px;
	}
	.grid_gallery_inner .grid .grid-item{
		width: 50%;
	}
	.contact_map_area{
		padding: 15px 0;
	}
	.inner_header{
		text-align: center;
	}
	.room_area{
		padding-top: 30px;
	}
	.room_area .room_list{
		padding-bottom: 0;
	}
	.booking_layout .sec1{
		padding-bottom: 15px;
	}
	.booking_layout .sec1 .form-group > div{
		padding-bottom: 15px;
	}
	.booking_layout .sec1{
		padding-top: 30px;
	}
	ul.booking_room_infos > li > .room_img {
	    max-width: 100px;
	    min-width: 100px;
	}
}
@media (max-width: 575px) {
	.promotion_layout,
	.event_details_area,
	.news_layout{
		padding: 30px 0;
	}
	ul.event_inner > li .event_items .img{
		height: 30vw;
	}
	.room_area .room_list .col-sm-6{
		max-width: 100%;
		min-width: 100%;
	}
	.room_list .explor_item .img{
		height: 60vw;
	}
	.room_area{
		padding-top: 20px;
	}
	.order_infos .view_orders{
		padding: 15px;
	}
	.order_infos .view_orders .room_addon h4{
		font-size: 18px;
		padding: 10px 10px;
	}
	.fn_addon .addon_head{
		font-size: 16px;
	}
	.order_infos .view_orders .roominfo{
		gap: 15px;
	}
	.order_infos .view_orders .roominfo > .img{
		max-width: 100px;
		min-width: 100px;
	}
	.order_infos .g_box .roominfo a{
		font-size: 16px;
	}
	.order_infos .view_orders > ul,
	.fn_addon .add_rows,
	.g_box .room_addon strong,
	.fn_addon .add_rows .add_sum,
	.fn_addon .add_rows .add_input,
	.fn_addon .add_rows .add_price{
		font-size: 13px;
	}
	.order_infos .view_orders .room_addon h4{
		font-size: 16px;
	}
	.booking_form .order_infos{
		padding-bottom: 0;
		padding-top: 0;
	}
	.booking_form .room_details_area{
		padding-top: 30px;
	}
	.room_details_inner{
		/* 		padding-top: 30px; */
		padding-top: 0px;
	}
	.room_details_inner{
		padding-bottom: 30px;
	}
	.booking_form .order_infos{
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.booking_form .order_infos .col-sm-3{
		max-width: 40%;
		min-width: 40%;
	}
	.booking_form .order_infos .col-sm-9{
		max-width: 60%;
		min-width: 60%;
	}
}
@media (max-width: 550px) {
	.resort_gallery .slick-slide .item{
		-webkit-transform: scale(0.9);
		   -moz-transform: scale(0.9);
		    -ms-transform: scale(0.9);
		     -o-transform: scale(0.9);
		        transform: scale(0.9);
	}
	.slick-dots{
		bottom: -40px!important;
	}
	.slick-dotted.slick-slider{
	}
	.book_room_area{
		padding: 30px 0;
	}
	#homeBooking .book_table_item{
		min-width: 100%!important;
		max-width: 100%!important;
		border-right: none;
	}
	.sec_rooms, .resort_gallery_inner{
		padding: 30px 0;
	}
	ul.spec_resort_inner > li {
	    min-width: 100%;
	    max-width: 100%;
	}
	ul.spec_resort_inner > li .img{
		height: 60vw;
	}
	.spec_resort_area, .sec_rooms, .resort_gallery_inner{
		padding: 30px 0;
	}
	.resort_gallery .item{
		height: 70vw;
	}
    .banner_inner_content h1{
        font-size: 1.5rem;
    }
    ul.promotion_lists > li{
    	max-width: 100%;
    	min-width: 100%;
    }
    .contact_area{
    	padding: 40px 0;
    	padding-bottom: 20px;
    }
    .roombtn{
    	flex-direction: column;
    	gap: 10px;
    }
    .booking_layout .sec2{
    	padding-bottom: 0;
    }
    .booking_form .room_details_area{
    	padding-top: 20px;
    }
}
@media (max-width: 480px) {
	ul.event_inner > li {
	    max-width: 100%;
	    min-width: 100%;
	}
	ul.event_inner > li .event_items .img{
		height: 60vw;
	}
	.news_relates ul.event_inner > li{
		min-width: 100%;
		max-width: 100%;
	}
}
@media (max-width: 425px) {

}