@charset "utf-8";
/* CSS Document */

@media (min-width:1366px){ 
.container{max-width:1290px;}
}

@media (min-width:1200px){ 
.container{max-width:1230px;}
.header .container-fluid{max-width:1900px; padding:0 30px;}
}
@media only screen and (max-width: 1300px) {
h2{font-size:2.5rem}
	.nav ul a{font-size: 1.25rem;}
.homeBanner .figure-caption h2{font-size: 3rem;}
.homeBanner .scrollbtna img{width: 100%;max-width: 130px;}
.bookroom .heading h1{font-size:3rem}
.bookroom .heading p{font-size:20px;}
}

@media only screen and (min-width: 1024px) and (max-width:1199px) {

}

@media only screen and (min-width: 992px) and (max-width:1100px) {
	.header .top-right{flex: 0 0 80%;}
	.nav ul a{font-size: 1.125rem;padding: 6px 12px 8px;}
}

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

}
@media only screen and (min-width: 768px) and (max-width:1023px) {

}
@media only screen and (max-width: 991px) {
html{font-size:14px;}
.header-meta{display:none}
.brand-logo img{max-height:90px;}
.header .top-right{flex: 0 0 80%; padding:0}
.brand-logo, 
.hamburger { display: flex; align-items: center; flex-direction: row;}
.header .brand-logo{}  
.header .support{padding:0 15px 0 0}

.bookroom .owl-carousel .owl-stage-outer{padding-bottom:100px}
}
@media only screen and (max-width: 767px) {
.header .support{font-size:22px; padding-right:20px; margin-left:10px;}
.homeBanner .figure-caption h2 { font-size: 2.25rem;}
.homeBanner .owl-carousel .owl-nav .owl-prev{left:0}
.homeBanner .owl-carousel .owl-nav .owl-next{right:0}
.event-section .item .box{ display:block}
.event-section .item .box .block-image{width:100%}
.event-section .item .box .test-border{width:100%; padding:15px 0 0}
.homeBanner .scrollbtna img { max-width:80px;}
.bookroom{padding:40px 0}
.package-special{padding:40px 0}		
}
@media only screen and (max-width:576px) {
.hamburger {}
.homeBanner .	scrollbtna img { max-width:60px;}
.header .support span,
.header .support img{}
}