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

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

@media only screen and (max-width: 1279px) {
	.page-header-bar { padding: 22px 0px; }
	
	.hero-bar { padding: 20px 0px 40px; }
	.hero-bar .text { padding: 15px 20px 0px 20px; }
	.hero-bar .text .text-inner { width: 100%; }
	.hero-bar h1 { letter-spacing: 5.2px; }
	
	.text-bar .repeat { margin-bottom: 32px; }
	.text-bar .text { padding: 0px 0px 0px 22px; }
	.text-bar .is-right .text { padding: 0px 25px 0px 0px; }
	
	.slider-wrap { margin-bottom: 40px; }
	
	.cta-bar { padding: 40px 0px; }
	.cta-bar .logo { margin: 0px auto 30px; }
}

@media only screen and (max-width: 1023px) {	
	header .header_inner { padding: 0 15px; }
	header .logobar .plus { margin: 0 9px; }
	header .logobar a.site-logo { width: 70px; }
	header .logobar a.brand-logo { width: 96px; }
	
	.page-header-bar { padding: 18px 0px; }
	.page-header-bar .logo { margin: 0px 0px 0px 20px; width: 155px; }
	.book-now-wrap .link { padding: 19px 18px; }
	
	.hero-bar { padding: 15px 0px 6px; }
	.hero-bar .image { width: 100%; order: -1; }
	.hero-bar .image img { min-height: 322px; object-fit: cover; }
	.hero-bar .text { padding: 25px 20px; width: 100%; }
	.hero-bar .text .text-inner { max-width: 100%; }
	.hero-bar h1 { max-width: 100%; }
	.hero-bar h2 { max-width: 100%; }
	.cs-paidcontent { padding: 22px 0px 0px; margin: 0px auto; text-align: center; }
	
	.text-bar .repeat { margin-bottom: 34px; }
	.text-bar .image { padding-bottom: 40px; width: 100%; position: relative; }
	.text-bar .image.is-not-cr { padding-bottom: 5px; }
	.text-bar .hover { padding: 23px 25px 25px; margin-left: -185px; position: absolute; bottom: 0px; left: 50%; min-width: 370px; overflow: hidden; width: 370px; height: 260px; background: #BC9B6A; }
	.text-bar .hover p { font-size: 14px; line-height: 20px; }
	.text-bar .blue-wrap { margin: 0px auto; top: auto; left: 0px; right: 0px; bottom: 0px; width: 260px; height: 50px; overflow: inherit; }
	.text-bar .blue-wrap.is-active,
	.text-bar .blue-wrap.is-active2 { width: 260px; }
	.text-bar .blue-wrap .tag { width: 100%; position: relative; top: auto; left: auto; writing-mode: inherit; }
	.text-bar .blue-wrap .tag span { transform: none; }
	.text-bar .text, .text-bar .is-right .text { padding: 30px 0px 0px 10px; width: 100%; order: inherit; }
	.text-bar .is-right .blue-wrap { left: 0px; }
	.text-bar .hover .link { line-height: 15.72px; }
	/*.text-bar .is-active2 .hover { opacity: 1; pointer-events: auto; }*/

	.text-bar .blue-wrap.go.is-active2 { animation: growWidth 4s; }

	.uncover-page .hero-bar h1 { max-width: 100%; }
	.uncover-page .text-bar .hover p { margin-top: 0px; }

	@keyframes growWidth {
	    0% {
	        height: 50px;
	    }
	    5% {
	        height: 70px;
	    }
		15% {
	        height: 70px;
	    }
		20% {
	        height: 70px;
	    }
		25% {
	        height: 70px;
	    }
		30% {
	        height: 70px;
	    }
		35% {
	        height: 70px;
	    }
		40% {
	        height: 70px;
	    }
	    50% {
	        height: 50px;
	    }
		55% {
	        height: 70px;
	    }
		60% {
	        height: 70px;
	    }
		65% {
	        height: 70px;
	    }
		70% {
	        height: 70px;
	    }		
		75% {
	        height: 70px;
	    }
	    80% {
	        height: 70px;
	    }
		90% {
	        height: 70px;
	    }
	    100% {
	        height: 50px;
	    }
	}
	
	.footer a.footer_logo { width: 132px; }
	.footer ul li { font-size: 10px; }
}

@media only screen and (max-width: 767px) {
	#wrapper { padding-top: 0px; }
	header .header_inner{border-top:none; padding: 7px 10px 7px; min-height: 44px; }
	header .logobar .plus { margin: 0 6px; width: 6px; display:inline-block; vertical-align: middle; }
	header .logobar { padding: 0; min-height: 30px; }
	
	header span.sep { margin: 0 3px; }
	header .logobar a.site-logo { width: 70px; }
	header .logobar a.brand-logo { width: 88px; }
	header ul.social_icon { margin-top:2px; }
	header ul.social_icon li a { border-width: 1px; width: 26px; height: 26px; }
	
	header .paid-info { margin: -8px 0 0 32px; font-size: 10px; }
	header .paid-info svg { width: 9px; }
	header .paid-info span:before { left: 82px; }
	header .paid-info span { left: -84px; width: 234px; }
	
	.page-header-bar { padding: 20px 0px 4px; }
	.page-header-bar .wrapper { padding: 0px; /*flex-direction: column; align-items: flex-start;*/ }
	.page-header-bar .link2 { margin: 0px 20px 0px auto; }
	
	/*.book-now-wrap { margin-top: -42px; }*/
	.book-now-wrap .link { padding: 19px 18px; }	

	.hero-bar h1 { padding: 0px 0px 15px; font-size: 24px; line-height: 29px; letter-spacing: 4.8px; max-width: 280px; }
	.hero-bar h2 { max-width: 260px; }
	.text-bar h3 { font-size: 24px; line-height: 31px; max-width: 340px; }
	.cs-paidcontent { padding: 34px 0px 14px; }
	
	.slider-wrap .slick-arrow { margin-top: -22px; width: 44px; height: 44px; }
	
	.cta-bar { padding: 62px 0px 64px; }
	.cta-bar .logo { margin: 0px auto 47px; }
	.cta-bar p { letter-spacing: 6.2px; line-height: 41px; }
	.cta-bar p a { padding: 0px; display: inline; }
	.cta-bar p a br { display: block; }	

	.uncover-page .text-bar .image-inner .caption { padding: 9px 10px; bottom: auto; top: 0px; }

	.footer { padding: 25px 0 20px; position: relative; }
	.footer a.footer_logo { margin: 0 auto 10px; width: 180px; }
	.footer ul { padding: 15px 0px 0px; width: 100%; }
	.footer ul li { border-right:0; display: block; padding-bottom: 12px;}	
}

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

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

}

@media only screen and (min-width: 1024px) {	
	.text-bar .blue-wrap.go.is-active2 { animation: growWidth 4s; }
	@keyframes growWidth {
	    0% {
	        width: 50px;
	    }
	    5% {
	        width: 70px;
	    }
		15% {
	        width: 70px;
	    }
		20% {
	        width: 70px;
	    }
		25% {
	        width: 70px;
	    }
		30% {
	        width: 70px;
	    }
		35% {
	        width: 70px;
	    }
		40% {
	        width: 70px;
	    }
	    50% {
	        width: 50px;
	    }
		55% {
	        width: 70px;
	    }
		60% {
	        width: 70px;
	    }
		65% {
	        width: 70px;
	    }
		70% {
	        width: 70px;
	    }		
		75% {
	        width: 70px;
	    }
	    80% {
	        width: 70px;
	    }
		90% {
	        width: 70px;
	    }
	    100% {
	        width: 50px;
	    }
	}
}

@media only screen and (min-width: 768px) {
	.is-mob-show { display: none !important; }
	.cta-bar p br { display: none; }
}

@media only screen and (min-width: 100px) {

}