@media (max-width: 1899px) {
	.m_inner{
		padding-top: 50px;
	}
	#MainNav a{
		font-size: 1rem;
	}
	#nav_function .btn-main{
		padding: 0.3rem 2rem;
		font-size: 1rem;
		border-radius: 2rem;
	}
	.filterbox .boxbtn{
		left: 9.5%;
	}
	.story_sec2 > .info h3{
		font-size: 2.5rem;
	}
	.story_sec2 > .info p{
		font-size: 1.2rem;
	}
	.m_inner .m_dasboard .L{
		width: 500px;
	}
	.m_inner .m_dasboard .R {
	    padding: 30px 40px;
	    width: calc(100% - 500px);
	}
	.m_inner .m_box .m_right > h1{
		font-size: 2rem;
	}
	.m_inner .m_box .m_left .m_fixmenu{
		padding: 60px 27px;
		padding-bottom: 130px;
		clip-path: polygon(100% 100%, 100% 0%,0% 0%, 0% 80%);
	}
	.m_inner .m_dasboard .sec1 .birthday .date{
		font-size: 3.5rem;
	}
	.m_inner .m_dasboard .sec1 .birthday .month {
	    line-height: 1.5rem;
	}
	.m_room_booking{
		padding-top: 220px;
	}
	.m_room_booking .room_filter{
		padding-top: 40px;
		padding-bottom: 20px;
	}
    .m_inner > .container{
        max-width: 100%;
        min-width: 100%;
    } 
    .m_inner .m_box .m_left{
        margin-top: 0px;
    }
    .m_inner .m_box .m_right{
    	padding-top: 0px;
    	padding-left:15px;
    }
    .home_lottobox > .col-4{
    	padding-right:0;
    }
}
@media (max-width: 1600px) {
	.zone_info .desc{
		font-size: 1.5rem;
	}
	.isPhoto .zone_info .zicon > img,
	.zone_info .zicon > img{
		width: 200px;
	}
	.isPhoto .zone_info .zicon{
		top: -150px;
	}
	.m_login .m_regis .card > .card-body{
		padding-top: 0;
	}
}
@media (max-width: 1439px) {
	.m_inner .m_dasboard .L{
		width: 400px;
	}
	.m_inner .m_dasboard .R {
	    padding: 30px 40px;
	    width: calc(100% - 400px);
	}
	.m_inner .m_dasboard .sec3 .col,
	.m_inner .m_dasboard .sec1 .info .col{
		min-width: 50%;
		max-width: 50%;
		margin-bottom: 15px;
		text-align: left;
	}
	.m_inner .m_dasboard .sec3{
		padding-bottom: 0;
	}
	.m_inner .m_box .m_left .m_fixmenu {
	    padding: 30px 20px;
	    padding-bottom: 100px;
	    clip-path: polygon(100% 100%, 100% 0%,0% 0%, 0% 75%);
	    min-height: 250px;
	}
	.m_inner .m_box .m_left .m_fixmenu img{
		width: 20px;
	}
	.m_inner .m_right .card table th{
		font-size: 1rem;
		white-space: nowrap
	}
	.m_inner .m_right .card table.table>:not(caption)>*>*{
		font-size: 0.9rem;
	}
	.m_inner .m_right .card table .badge{
		font-size: 0.85rem;
	}
	.m_inner .m_right > .card table h5{
		font-size: 1rem;
	}
	.m_inner .m_right .card .card-title{
		font-size: 1.5rem;
		text-align: center;
		margin-bottom: 30px;
		padding-top: 0px;
	}
	.m_inner .m_box .m_left{
		padding-left: 40px;
		padding-right: 40px;
	}
	.m_inner .m_right > .card .card-body{
	    padding: 0;
	}
	.room_booking_info .main_info > .img{
		max-width: 400px;
		min-width: 400px;
	}
	.room_booking_info .main_info > .info {
	    min-width: calc(100% - 400px);
	    max-width: calc(100% - 400px);
	}
	.m_inner .m_login{
	}
}
@media (max-width: 1399px) {
	#nav_function{
		top: 15px;
	}
	.filterbox .boxbtn{
		left: 3.1%;
	}
	.roomicon a{
		max-width: 150px;
	}
	.roomicon a .name{
		font-size: 1.2rem;
	}
	.waterinfo{
		padding-top: 100px;
	}
	.waterhtml > h2{
		font-size: 3rem;
	}
	.waterhtml > p{
		font-size: 1.2rem;
	}
	.ticketslide{
		margin-top: 100px;
	}
	.ticketslide .info{
		flex-wrap: wrap;
	}
	.ticketslide .info .name{
		font-size: 1.2rem;
		min-width: 100%;
		margin-bottom: 15px;
	}
	.ticketslide .info .btn{
		font-size: 1rem;
		padding: 5px 10px;
	}
	.waterinfo{
		padding-bottom: 100px;
	}
	.ticketslide .slick-slide{
		padding-left: 15px;
		padding-right: 15px;
	}
	.offerinfo .info{
		padding: 30px 20px;
	}
	.offerinfo .info h2{
		font-size: 2rem;
	}
	.offerinfo .info p{
		font-size: 1.2rem;
	}
	.career_info > .container .info{
		padding-left: 70px;
	}
	.room_booking_info .sub_room > ul > li .col.r_info h3{
		font-size: 1.5rem;
	}
	.m_room_booking{
		padding-top: 200px;
	}
	.room_filter .filterbox .datebox .checkdate input{
		font-size: 1rem;
		text-align: left;
		padding-left: 0;
	}
	.room_filter .filterbox .datebox .checkdate{
		width: 185px;
	}
	.m_room_booking .room_filter .filterbox{
		padding-bottom: 20px;
	}
	.ticketbox .tLeft .img{
		width: 150px;
	}
}
@media (max-width: 1199px) {
	#main_menu > .container{
		max-width: calc(100% - 30px);
	}
	#MainNav a.nav-link{
		padding-left: 10px;
		padding-right: 10px;
	}
	.footermenu .col2{
	    max-width: 600px;
	    min-width: 600px;
	}
	.filterbox .boxbtn{
		bottom: calc(100% + 46px)
	}
	.room_filter .filterbox .datebox .checkdate{
		padding-left: 10px;
	}
	.room_filter .filterbox .datebox .checkdate label{
		font-size: 13px;
	}
	.room_filter .filterbox .datebox .checkdate input{
		font-size: 1rem;
		width: 100px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.room_filter .filterbox .selectbox select{
		padding-left: 10px;
		padding-right: 10px;
	}
	.room_filter .filterbox .datebox .checkdate .title, .room_filter .filterbox .datebox .checkdate .count{
		font-size: 1rem;
	}
	.roomicon a{
		max-width: 120px;
	}
	.roomicon a .name{
		font-size: 1.2rem;
	}
	.headtitle .polygon h1{
		font-size: 2.5rem;
	}
	.story_sec1{
		padding: 60px 0;
	}
	.story_sec1 > .container{
		max-width: calc(100% - 30px);
	} 
	.story_sec1 .sec1 h3{
		font-size: 2.8rem;
	}
	.story_sec2 > .info{
		padding: 0 30px;
	}
	.rooms_info{
		padding: 50px 0;
	}
	.rooms_header{
		padding-top: 50px;
		padding-bottom: 130px;
	}
	.rooms_header h1{
		font-size: 2rem;
	}
	.rooms_header p{
		font-size: 1rem;
	}
	.roomsinfo .img{
		height: 50vw;
	}
	.roomsinfo .info h3{
		font-size: 2.5vw;
		padding: 4vw 3vw;
	}
	.offerinfo .info{
		padding: 30px 20px;
	}
	.offerinfo .info h2{
		font-size: 1.6rem;
	}
	.offerinfo .info p{
		font-size: 1rem;
	}
	.news_layout{
		padding: 80px 0;
	}
	.offerinfo .info .btn{
		font-size: 1rem;
	}
	ul.newslists{
		grid-gap: 30px;
	}
	ul.newslists > li{
		max-width: 100%;
		min-width: 100%;
	}
	.contactform{
		padding-top: 50px;
	}
	.contactinfo .info h2{
		font-size: 3rem;
	}
	.contactinfo .info h3{
		font-size: 1.4rem;
	}
	.contactinfo .info .icon{
		font-size: 1.1rem;
	}
	.form_contact{
		padding-top: 70px;
	}
	.contactinfo .info{
		padding-right: 0;
	}
	.career_info > .container .info{
		padding-left: 40px;
		padding-top: 0px;
	}
	.career_info > .container .info h2{
		font-size: 2.5rem;
	}
	.career_info{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.careerform{
		padding: 80px 0;
	}
	.careerform .formcareer > h2{
		font-size: 3rem;
		margin-bottom: 30px;
	}
	.m_inner .m_dasboard .sec2{
		padding-top: 0;
	}
	.m_inner .m_dasboard .sec2 .name{
		font-size: 2rem;
	}
	.m_inner .m_dasboard .sec2 .desc{
		font-size: 1rem;
	}
	.m_inner .m_dasboard{
		flex-wrap: wrap;
	}
	.affiliate_box{
		border-left: none;
	}
	.m_inner .m_dasboard .L .affiliate_box{
		padding: 0;
	}
	.m_inner .m_dasboard .L,
	.m_inner .m_dasboard .R{
		min-width: 100%;
		max-width: 100%;
		width: auto;
		padding: 20px;
		border: none;
	}
	.m_inner .m_dasboard .R{
		padding-bottom: 0;
	}
	.m_inner .m_dasboard .L .img{
		width: 300px;
		height: 300px;
	}
	.m_inner .m_box .m_right a.h5{
		font-size: 1rem;
	}
	.m_inner .m_box .m_right #table_course .img{
		width: 80px;
	}
	.room_booking_info .main_info > .img{
		max-width: 300px;
		min-width: 300px;
	}
	.room_booking_info .main_info > .info{
		min-width: calc(100% - 300px);
    	max-width: calc(100% - 300px);
	}
	.room_booking_info .sub_room > ul > li .col a.btn {
	    font-size: 1.3rem;
	    padding: 5px 20px;
	}
	.room_booking_info .sub_room > ul > li .col.r_info{
		min-width: 70%;
		max-width: 70%;
	}
	.room_booking_info .sub_room > ul > li .col:not(.r_info) {
	    min-width: 50%;
	    max-width: 50%;
	}
	.room_booking_info .sub_room > ul > li .col.r_price{
		min-width: 30%;
		max-width: 30%;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2.5rem;
		margin-bottom: 15px;
	}
	.m_room .photoslide{
		margin-bottom: 0;
	}
	.roomphoto{
		top: 0;
	}
	.room_footer{
		padding: 50px 0;
		font-size: 1.2rem;
	}
	.room_booking_info .main_info > .img{
		height: auto;
	}
	.room_booking_info .faclists > li > .img > img{
		height: 50px;
	}
	.room_booking_info .option_box{
		font-size: 1rem;
	}
	.room_booking_info .room_title{
	    font-size: 1.5rem;
	}
	.room_booking_info .main_info > .info .btn{
		font-size: 1rem;
		padding: 5px 20px;
	}
	.bill_info .room_info .view_info h3{
		font-size: 1.3rem;
	}
	.bill_info .room_info .view_info .date_info > .rows,
	.bill_info .room_info .view_info .adult{
		font-size: 1rem;
	}
	.bill_info .room_info .view_info .date_info > .rows.head{
		font-size: 1.1rem;
	}
	.bill_info .room_info .view_info .date_info > .rows.sum{
		font-size: 1.2rem;
	}
	.bill_info .sumtotal .subinfo.totalinfo{
		font-size: 1.5rem;
	}
	.cart_ticket_info .summary .suminfo{
		padding: 20px 30px;
	}
	.ticketbox .tSum{
		min-width: 300px;
    	max-width: 300px;
	}
	.ticketbox .tLeft {
	    min-width: calc(100% - 300px);
	    max-width: calc(100% - 300px);
	    padding-right: 30px;
	}
	.cart_ticket_info .subinfo{
		font-size: 1rem;
	}
	.cart_ticket_info .subinfo.totalinfo .right,
	.cart_ticket_info .subinfo.totalinfo{
		font-size: 1.1rem;
	}
	.btn-big{
		font-size: 1.3rem;
	}
	.bookstep{
		margin-bottom: 20px;
	}
	.m_inner .m_dasboard .sec3 .col.null, .m_inner .m_dasboard .sec1 .info .col.null{
		display:none;
	}
	.home_lottobox > .col-4{
    	padding-right:calc(var(--bs-gutter-x)* .5);
    }
    .home_lottobox > div > .card{
    	margin-bottom : 15px;
    }
    .home_lottobox .card, .row_lottos .card{
		margin-bottom: 15px;
    }
    .m_inner{
    	padding-top: 35px;
    }
}
@media (max-width: 1023px) {
	.story_sec2 > .info h3{
		font-size: 2rem;
	}
	.story_sec2 > .info p{
		font-size: 1rem;
	}
	.story_sec1 .sec1 h3{
		font-size: 2.3rem;
	}
	.story_sec1 h4{
		font-size: 1.5rem;
	}
	.story_sec1 p{
		font-size: 1rem;
	}
	.isPhoto .zone_info .zicon,
	.zone_info .zicon{
		top: 0;
		margin-top: -20px;
	}
	.zone_info .desc{
		font-size: 1.2rem;
	}
	.zone_info{
		padding: 50px;
		min-height: 270px;
	}
	.m_room_booking{
		padding-top: 200px;
	}
	.m_room_booking .room_filter{
		padding-top: 30px;
	}
	.room_booking_info{
		padding: 30px 0;
	}
	.ticket_info table{
		font-size: 1rem;
	}
}
@media (max-width: 991px) {
	#MainNav .submenu{
		background: rgb(0 161 163);
	}
	#MainNav .submenu::before{
		display: none;
	}
	#MainNav .submenu a.dropdown-item{
		text-align: right;
	}
	#nav_function{
		display: flex;
		gap: 15px;
		align-items: center;
		justify-content: center;
	}
	.langbox{
		margin-bottom: 0;
	}
	.menucenter{
		align-items: flex-start;
		min-width: initial;
	}
	#MainNav{
		display: block;
		position: fixed;
		right: 0;
		top: 85px;
		background: hsl(180deg 82% 32% / 90%);
		width: 0;
		max-width: 425px;
		overflow-x: auto;
		height: calc(100% - 85px);
		-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
		    -ms-transition: all .6s ease;
		     -o-transition: all .6s ease;
		        transition: all .6s ease;
	}
	#MainNav ul.navbar-nav{
		padding: 30px 30px;
		padding-bottom: 100px;
	}
	#MainNav a.nav-link{
		text-align: right;
		font-size: 1.2rem;
		white-space: nowrap;
	}
	#MainNav.open{
		width: 100%;
		display: block;
	}
	footer .footermenu{
		flex-wrap: wrap;
		padding-bottom: 30px;
		padding-top: 40px;
	}
	.footermenu .col1,
	.footermenu .col2{
		max-width: 100%;
		min-width: 100%;
	}
	.footermenu .col1{
		display: flex;
		justify-content: center;
	}
	footer .footermenu .col1 .desc{
		
	}
	.room_filter{
		background: #0f9596;
	}
	.room_filter .filterbox{
		position: initial;
		padding-top: 60px;
	}
	.room_filter::before,
	.room_filter::after,
	.filterbox::before{
		display: none;
	}
	.filterbox .boxbtn{
		bottom: 100%;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.room_filter .container{
		max-width: 100%;
	}
	.room_filter .filterbox{
		flex-wrap: wrap;
	}
	.filterbox .boxbtn .btn{
		font-size: 1rem;
	}
	.filterbox .boxbtn{
		left: 0;
		right: 0;
		margin: auto;
		width: 300px;
		justify-content: center;
	}
	.room_filter .filterbox .datebox .checkdate input{
		text-align: left;
	}
	.room_filter .filterbox .datebox .checkdate .count{
		font-size: 14px;
	}
	.roomicon a{
		max-width: 18vw;
	}
	.roomicon a .name{
		font-size: 2.5vw;
	}
	.story_sec1 .img{
		margin-right: 30px;
	}
	.story_sec1 .sec2{
		padding-top: 30px;
	}
	.story_sec1 .img{
		width: 35%;
	}
	.story_sec2{
		flex-wrap: wrap;
	}
	.story_sec2 > .img{
		max-width: 100%;
	}
	.story_sec2 > .info{
		padding: 5vw 6vw;
	}
	.headtitle::before,
	.headtitle::after,
	.headtitle .polygon::before{
		display: none;
	}
	.headtitle .container{
		max-width: 100%;
	}
	.headtitle .polygon{
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(15 149 150 / 80%) 100%);
	}
	.rooms_info{
		padding-top: 40px;
	}
	.rooms_info .roomdesc{
		padding-bottom: 20px;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
	.rooms_info .roomdesc > p{
		font-size: 1.1rem;
	}
	.rooms_info .roomfac > h4{
		font-size: 2rem;
	}
	.rooms_info .roomfac > ul.faclists{
		font-size: 1rem;
	}
	.slideinfo.style1 .info .desc{
		padding-left: 3vw;
	}
	.slideinfo .info .desc h3{
		font-size: 1.8rem;
	}
	.slideinfo .info .desc p{
		font-size: 1rem;
	}
	.slideinfo .info{
		padding-left: 0;
	}
	.slideinfo.style1 .info{
		padding-right: 0;
	}
	.contactinfo{
		flex-wrap: wrap;
	}
	.contactinfo > div{
		min-width: 100%;
		max-width: 100%;
	}
	.form_contact{
		padding-left: 0;
		padding-top: 0;
	}
	.contactinfo{
		padding-bottom: 50px;
	}
	.googlemap iframe{
		height: 50vw;
	}
	.contactinfo .info h2{
		font-size: 2.5rem;
	}
	.form_contact > h2{
		margin-bottom: 20px;
	}
	.career_info > .container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.career_info > .container .info{
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
		padding-top: 50px;
	}
	.careerform{
		background: #eee;
		padding: 50px 30px;
	}
	.career_info > .container .image{
		max-width: 70%;
		min-width: 70%;
	}
	.m_inner .m_box .m_left .m_fixmenu{
		display: none;
	}
	.m_nav .container,
	.m_inner .container{
		min-width: 100%;
	}
	.m_inner .m_dasboard{
		flex-direction: column;
	}
	.m_inner .m_dasboard .L{
		align-self: center;
		margin-top: 0px;
	}
	.m_inner .m_dasboard .R{
		width: 100%;
	}
	.m_inner .m_box .m_left{
		position: fixed;
		margin-top: 0;
		top: 0px;
		bottom: 0;
		right: 100%;
		z-index: 10;
		border-radius: 0;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.m_inner .m_box .m_left.show{
		box-shadow: 0px 10px 20px rgb(0 0 0 / 35%);
	}
	.m_inner .m_box .m_left.show{
		right: calc(100% - 262px);
		border: none;
	}
	.m_inner .m_box .m_right{
		padding: 0;
		width: 100%;
	}
	.m_inner .m_dasboard{
		margin-bottom: 15px;
	}
	.m_inner .m_box{
		position: relative;
		overflow: hidden;
	}
	.rooms_header{
		padding-bottom: 0;
	}
	.room_booking_info .card{
		padding: 20px 20px;
	}
	.room_booking_info .main_info{
		flex-wrap: wrap;
	}
	.room_booking_info .main_info > .info,
	.room_booking_info .main_info > .img{
		max-width: 100%;
		min-width: 100%;
	}
	.room_booking_info .main_info > .info{
		padding: 15px 0;
	}
	.room_booking_info .sub_room > ul > li .col a.btn{
		font-size: 1rem;
	}
	.room_booking_info .sub_room > ul > li .col.r_cordition,
	.room_booking_info .sub_room > ul > li .col.t_reserve{
		max-width: 100%;
		min-width: 100%;
		padding-top: 15px;
	}
	.m_room_booking{
		padding-top: 0;
	}
	.m_room_booking .room_filter{
		padding-top: 0;
		padding-bottom: 0;
	}
	.bill_info .head,
	.bill_info .sumtotal{
		flex-wrap: wrap;
	}
	.bill_info .sumtotal .logo,
	.bill_info .sumtotal .total{
		min-width: 100%;
		max-width: 100%;
	}
	.bill_info .sumtotal .logo{
		text-align: center;
	}
	.bill_info .room_info > .img{
		max-width: 150px;
		min-width: 150px;
	}
	.bill_info .room_info > .info {
	    min-width: calc(100% - 150px);
	    max-width: calc(100% - 150px);
	    padding-left: 30px;
	}
	.bill_info .head .center{
		padding: 0;
	}
	.bill_info .head .img{
		min-width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.bill_info{
		padding: 20px;
	}
	.bill_info .address_info .left{
		padding-right: 15px;
	}
	.bill_info .address_info .right{
		padding-left: 20px;
	}
	.ticketbox{
		flex-wrap: wrap;
	}
	.ticketbox .tLeft{
		padding-right: 0;
		padding-bottom: 15px;
	}
	.ticketbox .tLeft,
	.ticketbox .tSum{
		min-width: 100%;
    	max-width: 100%;
	}
	.home_lottobox .card-header, .row_lottos .card-header{
		padding-top: 20px;
		padding-bottom : 20px;
	}
	#main_menu > .container{
		max-width: 100%;
	}
	.m_regis{
	    max-width: calc(100% - 30px);
	}
}
@media (max-width: 767px) {
	.m_login{
		padding: 0 15px;
	}
	.btnRegis,
	.btnLogin{
		font-size: 1.3rem;
	}
	.m_login .boxlayout .logo{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.m_inner .m_right > .card table h5{
		min-width: 300px;
	}
	.m_inner .m_box .m_right a.h5{
		min-width: 300px;
		display: block;
	}
	.m_inner .m_box .m_right .btnRegis{
		font-size: 0.9rem;
	}
	.m_inner{
		padding-bottom: 30px;
	}
	.footermenu .col2{
		display: none;
	}
	footer .footermenu .col1{
		justify-content: center;
	}
	.slick-dots li button::before,
	.slick-dots li{
		width: 20px;
	}
	.headtitle .polygon h1{
		font-size: 2rem;
	}
	.story_sec1{
		padding: 30px 0;
	}
	.story_sec1 .sec2{
		clear: both;
	}
	.story_sec1 .sec2 .img{
		margin-left: 0;
	}
	.story_sec1 .sec1 h3{
		font-size: 2rem;
	}
	.roomsinfo .img{
		height: 70vw;
	}
	.roomsinfo .info h3{
		font-size: 4vw;
		padding: 4vw 3vw;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2rem;
	}
	.rooms_info .roomdesc > p{
		font-size: 1rem;
	}
	.room_footer{
		padding: 50px 0;
		font-size: 1.2rem;
	}
	.rooms_header{
		padding: 30px 0;
	}
	.rooms_header h1{
    	font-size: 2rem;
    	margin-bottom: 10px;
    }
    .rooms_header p{
    	font-size: 1.2rem;
    }
    .waterinfo .container{
    	max-width: 100%;
    }
    .water_zone{
    	overflow: hidden;
    }
    .water_zone a.btnZone.ZoneC{
    	left:83%;
    }
    .water_zone a.btnZone.ZoneB{
    	left: 35%;
    }
    .water_zone a.btnZone{
    	width: 7vw;
    }
    .zone_info{
    	flex-wrap: wrap;
    	justify-content: center;
    }
    .isPhoto .zone_info .zicon, .zone_info .zicon{
    	margin: 0;
    	margin-bottom: 30px;
    }
    .zone_info .desc{
    	padding: 0;
    }
    .slideinfo .info .desc h3{
    	font-size: 1.5rem;
    }
    .meeting_sec1{
    	padding: 80px 30px;
    }
    .meeting_sec1 .info h2{
    	font-size: 3rem;
    	margin-bottom: 15px;
    }
    .meeting_sec1 .info p{
    	font-size: 1.2rem;
    }
    .meeting_sec1 .info .listicon{
    	margin-top: 20px;
    	font-size: 1rem;
    	column-gap:0px;
    	flex-wrap: wrap;
    }
    .meeting_sec1 .info .listicon .icon{
    	width: 33.33%;
    	margin-bottom: 15px;
    }
    .news_layout{
    	padding: 40px 0;
    }
    .contactform .container{
    	padding-left: 30px;
    	padding-right: 30px;
    }
    .contactform{
    	padding-bottom: 40px;
    }
    .contactinfo .info h2{
    	font-size: 2rem;
    	margin-bottom: 15px;
    }
    .contactinfo .info h3{
    	font-size: 1.1rem;
    	margin-bottom: 10px;
    }
    .contactinfo .info h4{
    	font-size: 1.1rem;
    }
    .contactinfo .info .icon,
    .contactinfo address{
    	font-size: 1rem;
    }
    .rooms_header{
    	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .roomsinfo{
    	padding-bottom: 30px;
    }
    .roomsinfo.active::before{
    	border-top: 30px solid #0f9495;
	    border-right: 30px solid transparent;
	    border-left: 30px solid transparent;
    }
    .room_booking_info .sub_room > ul > li .col.r_info {
	    min-width: calc(100% - 120px);
	    max-width: calc(100% - 120px);
	}
    .room_booking_info .sub_room > ul > li .col.r_price{
    	min-width: 120px;
    	max-width: 120px;
    	padding-right: 0;
    }
    .room_booking_info .sub_room > ul > li .col.r_info h3{
    	font-size: 1.3rem;
    }
    .room_booking_info .sub_room > ul > li .col.r_price .r_total{
    	font-size: 1.5rem;
    }
    .room_booking_info .sub_room > ul > li{
    	padding: 25px 0;
    }
    .room_booking_info .card{
    	margin-bottom: 20px;
    	padding: 0 10px;
    }
    .room_booking_info .sub_room{
    	padding-top: 15px;
    	padding-bottom: 15px;
    }
    .room_booking_info .sub_room > ul > li:last-child{
    	padding-bottom: 0;
    }
    .water_zone .map-mobile{
    	display: block;
    }
    .water_zone .map-desktop{
    	display: none;
    }
    .water_zone a.btnZone.ZoneA{
        left: 22%;
        top: 25%;
    }
    .water_zone a.btnZone.ZoneB{
        left: 35%;
        top: 29%;
    }
    .water_zone a.btnZone.ZoneC{
        left: 45%;
        top: 34%;
    }
    .water_zone a.btnZone.ZoneD{
        left: 52%;
        top: 42%;
    }
    .m_inner::before{
    	display: none;
    }
    .zoneslide .slick-dots{
    	bottom: 20px;
    }
    .ticketbox .tLeft .img{
    	width: 100px;
    }
    .ticketbox table{
    	font-size: 1rem;
    }
    .ticketbox .fnUnit input{
    	max-width: 50px;
    }
    .home_lottos{
    	padding: 15px 5px;
    	padding-bottom: 0;
    	padding-top: 50px;
    }
    .lotolists .info .name{
    	font-size: 20px;
    }
    .lotolists .info > .desc{
    	font-size: 14px;
    }
    .lotolists .info .status{
    	font-size: 1rem;
    }
    .m_inner .m_right .card .card-title{
    	font-size:1.8rem;
    }
    .mFooterMenu a{
    	font-size: 1rem;
    }
    .mFooterMenu a .icon{
        font-size: 1.5rem;
    }
    .navbar-brand > img{
    	height: 40px;
    }
    .fContent{
    	padding-bottom: 86px;
    }
    .m_inner{
    	padding-top: 40px;
    }
    table.table_result tr{
    	display: grid;
    	min-width: 100%;
    	border-bottom: 2px solid #000;
    }
    table.table_result tr th{
    	min-width: 100%;
    }
    table.table_result thead tr th{
    	text-align: center;
    	font-size: 1.2rem!important;
    }
    table.table_result thead tr th:nth-child(2),
    table.table_result thead tr th:first-child{
    	display: none;
    }
    table.table_result a.btn-success{
    	min-width: 100%;
    }
    .search_box .type_game{
    	display: flex;
    	flex-wrap: wrap;
    	gap: 5px;
    }
    .search_box .type_game > a{
    	min-width: calc(33.33% - 5px);
    	max-width: calc(33.33% - 5px);
    }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    	font-size: 14px;
    }
    .my_balance{
		justify-content: center;
	}
    .my_balance h2, .my_balance .fnMyTurnover{
    	font-size: 20px;
    }
}
@media (max-width: 550px) {
	#MainNav .submenu a.dropdown-item{
		text-align: center;
	}
	#MainNav ul.navbar-nav{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#MainNav{
		top: 75px;
		height: calc(100% - 75px);
	}
	.navbar-brand{
		padding-left: 0;
	}
	#nav_function .btn-main{
		padding: 5px 20px;
		font-size: 14px;
		border-radius: 20px;
	}
	footer .footermenu .col1 .img{
		margin-bottom: 20px;
	}
	footer .footermenu .col1 .img > img{
		max-width: 100px;
	}
	footer .footermenu{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	footer .footermenu .col1 .contact{
		flex-wrap: wrap;
	    text-align: center;
	    display: flex;
	    justify-content: center;
	}
	footer .footermenu .col1 .contact .ms{
		min-width: 100%;
	}
	footer .copyright{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
	}
	#MainNav a.nav-link{
		text-align: center;
	}
	.roomicon a{
		max-width: 25vw;
	}
	.roomicon a .name{
		font-size: 4vw;
	}
	.roomicon{
		padding-left: 6vw;
		padding-right: 6vw;
	}
	#slide_icon{
		padding-left: 0;
		padding-right: 0;
	}
	#slide_icon .slick-dots{
		bottom: -50px;
	}
	.rooms_info .roomfac > ul.faclists{
		gap:10px;
	}
    .rooms_info .roomfac > ul.faclists > li{
    	min-width: calc(33.33% - 20px);
    	max-width: calc(33.33% - 20px);
    }
    .rooms_header{
    	padding: 20px 0;
    	padding-top: 30px;
    }
    .rooms_header h1{
    	font-size: 2rem;
    }
    .rooms_header p{
    	font-size: 1rem;
    }
    .ticketslide.slick-dotted.slick-slider{
    	margin-top: 40px;
    }
    .waterinfo{
    	padding-top: 50px;
    }
    .waterhtml > h2{
    	font-size: 2rem;
    }
    .waterhtml > p{
    	font-size: 1rem;
    }
    .zone_info{
    	padding: 50px 30px;
    }
    .isPhoto .zone_info .zicon > img, .zone_info .zicon > img{
    	width: 150px;
    }
    .zone_info .desc{
    	text-align: center;
    }
    .slideinfo .info::before{
    	display: none;
    }
    .slideinfo{
    	flex-wrap: wrap;
    }
    .slideinfo .imginfo,
    .slideinfo .info{
    	min-width: 100%;
    	max-width: 100%;
    }
    .slideinfo.style1 .info,
    .slideinfo .info{
    	padding: 30px;
    	text-align: left;
    }
    .slideinfo .slick-dots{
    	left: 0!important;
    	right: 0!important;
    }
    .slideinfo .info .desc h3{
    	font-size: 1.3rem;
    }
    .head_img{
    	height: 60vw;
    }
    .head_img > img{
    	height: 100%;
    	width: 100%;
    	object-fit: cover;
    }
    .meeting_sec1{
    	padding: 50px 20px;
    }
    .meeting_sec1 .info h2{
    	font-size: 2rem;
    }
    .meeting_sec1 .info p{
    	font-size: 1rem;
    }
    .form_contact > h2{
    	font-size: 1.5rem;
    }
    .googlemap{
    	margin-left: -30px;
    	margin-right: -30px;
    }
    .googlemap iframe{
    	height: 100vw;
    	float: left;
    }
    .contactform{
    	padding-top: 30px;
    	padding-bottom: 0;
    }
    .career_info > .container .info h2{
    	text-align: center;
    }
    .careerform .formcareer > h2{
    	font-size: 2.5rem;
    }
    .career_info{
    	padding-top: 40px;
    	padding-bottom: 30px;
    }
    .career_info > .container .image{
    	max-width: 90%;
    	min-height: 90%;
    }
    .m_inner .m_dasboard .sec1 .info .col:nth-child(2){
		min-width: 100%;
		max-width: 100%;
	}
	.m_inner .m_dasboard .sec3 strong{
		font-size: 1.2rem;
	}
	.room_filter .filterbox .datebox img{
		display: none;
	}
	.room_booking_info .option_box{
		flex-wrap: wrap;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 15px;
	}
	.room_booking_info .option_box .desc{
		min-width: 100%;
		max-width: 100%;
	}
	.room_booking_info .sub_room > ul > li .col a.btn{
		width: 100%;
	}
	.room_booking_info .sub_room > ul > li .col.r_info {
	    min-width: calc(100% - 100px);
	    max-width: calc(100% - 100px);
	}
	.room_booking_info .sub_room > ul > li .col.r_price{
		min-width: 100px;
		max-width: 100px;
		padding-left: 0;
	}
	.room_booking_info .sub_room > ul > li .col.r_info h3{
		font-size: 1.1rem;
	}
	.room_booking_info .card{
		padding: 0;
	}
	.bill_info .room_info > .img{
		max-width: 80px;
		min-width: 80px;
	}
	.bill_info .room_info .view_info h3{
		font-size: 15px;
	}
	.bill_info .room_info .view_info .date_info > .rows, .bill_info .room_info .view_info .adult{
		font-size: 13px;
	}
	.bill_info .room_info .view_info .date_info > .rows.sum,
	.bill_info .room_info .view_info .date_info > .rows.head{
		font-size: 14px;
	}
	.bill_info .room_info > .info {
	    min-width: calc(100% - 80px);
	    max-width: calc(100% - 80px);
	    padding-left: 15px;
	}
	.bill_info .sumtotal .total{
		padding-top: 0;
	}
	.bill_info .sumtotal .subinfo.totalinfo{
		font-size: 15px;
		padding-bottom: 0;
	}
	.bill_info .sumtotal .subinfo{
		padding-bottom: 5px;
	}
	.bill_info .sumtotal .total{
		font-size: 14px;
	}
	.bill_info .sumtotal .logo .img img{
		max-width: 70%;
	}
	.bill_info .room_info{
		padding-bottom: 0;
		padding-top: 10px;
	}
	.bill_info .address_info{
		padding: 10px 0;
	}
	.bill_info .address_info .info .name{
		font-size: 15px;
	}
	.bill_info .address_info .info{
		font-size: 13px;
	}
	.bill_info .head .center .thk{
		font-size: 15px;
	}
	.bill_info .head .center > p{
		font-size: 13px;
	}
	.bill_info .head .no .order_id,
	.bill_info .head .no{
		max-width: 100%;
		min-width: 100%;
		font-size: 14px;
	}
	.bill_footer{
		padding: 20px 0;
	}
	.m_room_booking .room_booking_info{
		padding-bottom: 20px;
	}
	.ticket_info table{
		font-size: 0.9rem;
	}
	.ticketbox .tLeft .img{
    	width: 70px;
    }
    .btn-big{
    	font-size: 1.1rem;
    	padding: 10px 15px;
    }
    .m_inner .m_dasboard .sec1 .info{
    	margin-bottom: 0!important;
    }
    .m_inner .m_dasboard .sec3 .col.null, .m_inner .m_dasboard .sec1 .info .col.null{
    	margin-bottom: 0;
    }
    .m_inner .m_dasboard .sec3 .col, .m_inner .m_dasboard .sec1 .info .col{
		min-width: 100%;
		max-width: 100%;
	}
	.m_inner .m_right .card .card-title{
		font-size:1.4rem;
	}
	.m_inner{
		padding-bottom : 0;
	}
	.my_balance{
		justify-content: center;
	}
	.my_balance h2,
	.my_balance .fnMyTurnover{
		font-size: 18px;
	}
    .home_lottos > .container{
    	padding: 0 5px;
    }
    .mFooterMenu a svg{
    	width: 30px;
    }
    .home_lottobox .card-header, .row_lottos .card-header{
    	padding-top: 15px;
    	padding-bottom: 15px;
    }
    .lotto-header .card-title{
    	font-size: 1.3rem;
    }
    .h_banner > ul > li{
        min-width: 50%;
        max-width: 50%;
    }
    #new_popup{
    	max-width: 400px;
    }
    #new_popup .pBody{
    	top: 60px;
    	bottom: 90px;
    	left: 35px;
    	right: 35px;
    }
    #new_popup .pBody .pTitle{
    	font-size: 1.3rem;
    	margin-bottom: 15px;
    }
    #new_popup .pBody .pMessage{
    	height: 235px;
    	font-size: 0.9rem;
    }
    #new_popup .pBody a.close{
    	font-size: 1.1rem;
    	bottom: -30px;
    }
    nav .mMoney .mBalance{
    	padding-left: 15px;
    }
    nav .mMoney{
    	font-size: 1rem;
    }
    #new_popup .pBody .pLine{
    	bottom: -75px;
    	font-size: 0.8rem;
    }
    .home_layout{
    	padding-top: 45px;
    }
    .h_menu{
    	padding: 5px;
    }
    .h_menu > ul > li{
    	padding: 4px;
    }
}
@media (max-width: 425px) {
	.roomsinfo .img::after{
		display: none;
	}
	.roomsinfo .img{
		height: 130vw;
	}
	.roomsinfo .info h3{
		font-size: 7vw;
		padding: 4vw 3vw;
		padding-bottom: 20vw;
	}
	.ticketbox .tLeft .img{
    	width: 60px;
    }
    .m_inner .m_login{
    	width: 100%;
    }
    .m_login .card > .card-body,
    .m_regis .card > .card-body{
    	padding-left: 30px;
    	padding-right: 30px;
    }
    .mFooterMenu{
    	padding: 0 10px;
    }
    #new_popup{
    	max-width: 360px;
    }
    #new_popup .pBody {
        padding-top: 0px;
        bottom: 67px;
        left: 10px;
        right: 10px;
        top: 48px;
    }
    #new_popup .pBody .pTitle{
    	font-size: 1rem;
    	margin-bottom: 15px;
    }
    #new_popup .pBody .pMessage{
    	height: 175px;
    	font-size: 0.7rem;
    }
    #new_popup .pBody a.close{
    	font-size: 1rem;
    	bottom: -24px;
    }
    #new_popup .pBody .pLine{
    	bottom: -57px;
    	font-size: 0.7rem;
    }
}
@media (max-width: 400px) {
	#nav_function .btn-main{
		padding: 3px 15px;
		font-size: 14px;
	}
	#nav_function{
		gap:5px;
	}
	footer .footermenu .col1 .img > img{
		max-width: 80px;
	}
	.rooms_info .roomfac > ul.faclists > li{
    	min-width: calc(50% - 20px);
    	max-width: calc(50% - 20px);
    }
}