@media (min-width: 1200px) and (max-width: 1600px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo-img img {
		width: 145px;
	}
	.nav-main ul li a {
		font-size: 1.3rem;
	}
	.btn-cta {
		font-size: 1.3rem;
		margin-left: 20px;
		padding: 22px 20px 22px 20px;
	}
	.illust-wrapper.details h1 {
		font-size: 4rem;
	}
	.style-text h1 {
		font-size: 3.25rem;
	}
	.book-now-contacts {
		padding-left: 25px;
	}
	.book-now-contacts li a {
		font-size: 1.1rem;
	}
	.book-now-text h2 {
		margin: 0 0 4px;
	}
	.book-now-text p {
		font-size: 1.3rem;
	}
	.book-now-text i {
		margin-right: 20px;
	}
	.footer-bg-nav li a {
		font-size: 1rem;
	}
	.footer-bg-nav li a {
		margin-right: 15px;
	}
	.footer-sm-nav li a {
		font-size: 0.7rem;
	}
	.footer-logo {
		margin-right: 20px;
	}
	.footer {
	    background-position: 0 0;
	}
}

@media (max-width: 991px) { 
	.dropdown-lang {
		display: inline-block;
		font-weight: 500;
		margin-left: 0;
		padding: 15px;
	}
	.btn-cta {
		margin: 0;
		text-align: left;
	}
	.btn-cta:hover {
		background: rgb(219,177,78);
    	background: linear-gradient(180deg, rgba(219,177,78,1) 0%, rgba(188,153,71,1) 100%, rgba(255,255,255,1) 100%);
	}
	.home-slider .tns-outer {
		box-shadow: none;
	}
	.btn-lang {
		color: #fff;
		margin-left: 0;
		font-weight: 500;
	}
	.btn-lang, .dropdown-menu .dropdown-item {
		font-size: 1rem;
	}
	.dropdown-menu .dropdown-item  {
		font-size: 1rem;
	}
	.btn-lang:hover {
		color: #fff;
	}
	.btn-lang:focus {
		outline: 0;
		box-shadow: none;
	}
	.btn-lang:not(:disabled):not(.disabled):active {
		color: #fff;
	}
	.dropdown-lang .dropdown-menu {
		min-width: 95px;
	}
	.home-slider .slider-text {
		min-width: 100%;
		max-width: 100%;
	}
	.home-featured {
		padding-top: 30px;
	}
	.home-featured .featured-box-mb {
		margin-bottom: 30px;
	}
	.illust-top {
		margin: 0 auto 30px;
		box-shadow: none;
	}
	.illust-text-box {
		min-width: 100%;
	}
	.side-list {
		border-left: 0;
		padding-left: 0;
		min-height: unset;
	}
	.illust-box .btn-trigger {
		float: right;
	}
	.book-now-contacts {
		padding-left: 0;
		border-left: 0;
	}
	.intro-text-box {
		padding-left: 0;
		border-left: none;
	}
	.slider-rooms-wrapper .btn-cta {
		bottom: auto;
		top: 0;
	}
	.top-img {
		box-shadow: none;
	}
	.illust-wrapper.details h1 {
		text-align: center;
		width: 100%;
	}
	.illust-wrapper .featured-rating-box {
		margin-top: -16px;
	}
	.slider-rooms-wrapper .btn-cta,
	.slider-rooms-wrapper .btn-cta:hover,
	.btn-gold:hover {
		background: #bb9847;
		border: 1px solid #bb9847;
		color: #fff;
	}
	.contact-box .btn-cta {
		margin: 0;
	}
	.contact-box .btn-cta:hover {
		background: none;
		color: #fff;
	}
	.room-text .btn-gold {
		margin: 0;
	}
	.room-info {
		margin: 0;
	}
	.contact-box {
		height: unset;
		overflow: unset;
	}
	.article-box {
		margin: 0;
	}
	.article-box .btn-gold {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10px;
	}
	.style-text .btn-gold:hover i {
		color: #fff;
	}
	.style-text-hotel {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.style-text-hotel.show {
		height: auto;
		display: block;
	}
	.style-text-hotel p:last-of-type, .style-text-hotel ul, .style-text-hotel ol {
		margin: 0;
	}
	.style-text img {
		max-width: 100%!important;
		height: auto!important;
	}
	.illust-slider .back-it {
		padding: 15px 0;
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 100;
	}
	.btn-black:hover {
		background: #222;
		color: #fff;
	}
	.room-bottom-content .contact-box {
		margin: 0;
	}
	.contact-form {
		margin: 0 0 40px;
	}
	.alert.alert-success {
		margin-bottom: 30px;
	}
	.footer {
		background-position: 0 0;
	}
	.copyright span {
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo-mob-img {
		width: 60px;
	}
	#right-menu {
		font-size: 2.2rem;
	}
	.home-slider .slider-item {
		height: calc(100vh - 87px);
	}
	.home-slider .slider-text {
		bottom: 230px;
	}
	.home-slider .tns-nav {
		bottom: 180px;
	}
	.slider-text h2 {
		font-size: 3.5rem;
	}
	.bg-featured-text h2 {
		font-size: 2.5rem;
	}
	.book-now-text a h2 {
		line-height: 2;
	}
	.book-now-text a i {
		font-size: 6rem;
		line-height: 7rem;
	}
	.box-h-700 {
		min-height: 350px;
		max-height: 350px;
	}
	.illust-wrapper.details h1 {
		font-size: 4rem;
	}
	.listed-articles .col-md-6:not(:nth-last-child(-n+2)) {
		margin-bottom: 40px;
	}
	.contact-box {
		margin: 50px 0;
	}
	.style-text h1 {
		font-size: 3.5rem;
	}
	.article-details.page {
		padding-top: 40px;
	}
	.mob-side-list {
		margin-bottom: 30px;
	}
	.illust-top .box-h-450 {
		min-height: unset;
		height: 450px;
	}
	.room-text {
		padding: 40px;
	}
	.room-option {
		padding: 10px 0;
	}
	.slider-rooms-wrapper {
		margin: 30px 0 95px;
	}
	.slider-rooms-wrapper.inside {
		margin: 40px 0 0;
	}
	.slider-rooms-wrapper.inside .back-it {
		padding: 0 0 40px 0;
	}
	.room-bottom-content .back-it {
		padding: 0 0 30px 0;
	}
	.contact-text {
		padding: 40px;
	}
	.style-text-hotel {
		height: 74px;
	}
	.back-it {
		padding: 20px 0 0 0;
	}
	.book-now {
		padding-top: 40px;
	}
	.book-now-contacts { 
		margin-top: 20px;
	}
}


@media (max-width: 767px) { 
	.logo-mob-img {
		width: 45px;
	}
	#right-menu {
		font-size: 1.8rem;
	}
	.home-slider .slider-item {
		height: calc(100vh - 70px);
    	min-height: 400px;
	}
	.home-slider .slider-text h2 {
		font-size: 1.8rem;
	}
	.home-slider .slider-text {
		font-size: 0.9rem;
	}
	.home-slider .tns-nav {
		bottom: 130px;
	}
	.slider-find-out {
		font-size: 0.7rem;
		margin-top: 10px;
	}
	.tns-nav button {
		width: 30px;
		height: 7px;
	}
	.home-slider .slider-text {
		bottom: 160px;
	}
	.bg-featured-text h3 {
		font-size: 0.9rem;
	}
	.bg-featured-text {
		padding: 30px 15px;
	}
	.bg-featured-text h2 {
		font-size: 1.8rem;
	}
	.bg-featured-text p {
		margin-top: 10px;
		font-size: 0.9rem;
	}
	.home-featured .box-h-450 {
		min-height: 200px;
		max-height: 200px;
	}
	.home-featured-top-row {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}
	.home-featured-top-col {
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	.featured-box-bottom.box-h-410, .box-h-360  {
		min-height: unset;
		height: 270px;
	}
	.featured-text {
		margin-top: 15px;
	}
	.featured-text h2 {
		font-size: 1.5rem;
	}
	.featured-rating-box i {
		font-size: 0.5rem;
	}
	.featured-text h3 {
		font-size: 1rem;
	}
	.book-now {
		padding-top: 30px;
	} 
	.book-now-box {
		padding: 30px;
	}
	.book-now-text a h2 {
		display: inline-block;
		font-size: 2rem;
		line-height: 2.7rem;
	}
	.book-now-text a i {
		font-size: 2.3rem;
		line-height: 2.3rem;
		margin-right: 12px;
	}
	.book-now-text a p {
		font-size: 1.2rem;
		line-height: 1.6rem;
		margin-top: 10px;
	}
	.book-now-contacts li a {
		font-size: 1rem;
	}
	.box-h-700 {
		min-height: 230px;
		max-height: 230px;
	}
	.style-text h1 {
		font-size: 2rem;
		font-weight: 700;
		line-height: 2.4rem;
		margin: 0 0 15px;
	}
	.style-text p, .style-text ul li, .style-text ol li, .style-text a {
		font-size: 1rem;
	}
	.style-intro-text {
		font-size: 1.3rem;
	}
	.illust-wrapper.details h1 {
		font-size: 2rem;
	} 
	.add-p-r {
		padding-right: 0;
	}
	.slider-rooms-wrapper .btn-cta {
		left: 15px;
	}

	.illust-wrapper.details h2 {
		font-size: 1.3rem;
	}
	.back-it {
		font-size: 0.8rem;
	}
	.back-it a i {
		margin: 3px 7px 0 0;
	}
	.intro-section {
		padding: 30px 0;
	}
	.title-bg {
		font-size: 2rem;
		margin-bottom: 5px;
	}
	.destination-list .col-md-6:not(:last-child) .destination-box {
		margin-bottom: 30px;
	}
	.destination-text {
		margin: 10px 0 0 0;
	}
	.btn-gold {
		font-size: 0.7rem;
	}
	.btn-gallery {
		font-size: 0.8rem;
	}
	.destination-list {
		padding-bottom: 30px;
	}
	.title-lined {
		font-size: 1.5rem;
		color: #bb9847;
		margin: 0 0 20px 0;
	}
	.title-lined span {
		padding: 0 10px;
	}
	.listed-articles .col-md-6:not(:last-child) {
		margin-bottom: 30px;
	}
	.destination-bg-text h2 {
		font-size: 2rem;
	}
	.destination-bg-text {
		padding: 20px 15px;
	}
	.listed-articles h3 {
		font-size: 1.4rem;
		margin: 10px 0 5px 0;
	}
	.destination-text p, .listed-articles p {
		font-size: 0.9rem;
	}
	.contact-box .btn-cta, .slider-rooms-wrapper .btn-cta {
		font-size: 0.9rem;
		padding: 10px 15px;
	}
	.contact-text {
		padding: 30px;
	}
	.slider-rooms-wrapper .btn-cta {
		margin: 15px 0 0;
	}
	.slider-rooms-wrapper .tns-nav {
		bottom: -30px;
	}
	.illust-top .box-h-450 {
		min-height: unset;
		height: 300px;
	}
	.illust-text-box {
		padding: 20px 15px;
	}
	.room-text {
		padding: 15px;
	}
	.room-text h2, .contact-text h2 {
		font-size: 1.5rem;
	}
	.room-text p {
		font-size: 0.9rem;
		margin: 0 0 15px;
	}
	.slider-rooms-wrapper {
		margin: 15px 0 75px;
	}
	.contact-map {
		height: 300px;
	}
	.contact-map iframe, .contact-map p {
		height: 100%;
	}
	.contact-box {
		margin: 40px 0;
	}
	.room-option {
		border-bottom: none;
		width: 50%;
		float: left;
	}
	.room-info .room-option:not(:nth-last-child(-n+2)) {
		margin-bottom: 20px;
	}
	.room-option i, .option-title {
		font-size: 1.5rem;
	}
	.article-details.page {
		padding-top: 30px;
	} 
	.mob-side-list {
		margin-bottom: 20px;
	}
	.custom-control-label, .custom-control-label a, form .error, form .btn-gold {
		font-size: 0.9rem;
	}
	.style-text-hotel {
		height: 65px; 
	}
	.slider-rooms-wrapper {
		margin: 20px 0 45px 0;
	}
	.slider-rooms-wrapper.inside {
		margin: 20px 0;
	}
	.slider-rooms-wrapper.inside .back-it {
		padding-bottom: 25px;
	}
	.slider-rooms-wrapper.inside .slide-room {
		margin-bottom: 0;
	}
	.slider-rooms-wrapper.inside .slide-room:not(:last-child) {
		margin-bottom: 30px;
	}
	.slider-rooms-wrapper .btn-black { 
		position: unset;
	}
	.room-bottom-content .back-it {
		padding: 0 0 20px 0;
	}
	.see-rooms-mob {
		margin-bottom: 30px;
	}
	.banners {
		margin-top: 15px;
	}
	.banners .banner-box {
		margin-bottom: 15px;
	}
	/* -------- Footer -------- */
	.footer {
		padding: 50px 0 20px 0;
	}
	.copyright span {
		font-size: 0.8rem;
	}
	.book-now-contacts { 
		margin-top: 15px;
	}
	.error-404 h2 {
		font-size: 1.7rem;
	}
}


@media (max-width: 330px) {
	.bg-featured-text h2 {
		font-size: 1.7rem;
	}
	.illust-wrapper.details h1 {
		font-size: 1.7rem;
	} 
	.illust-wrapper .featured-rating-box {
		margin-top: -11px;
	}
	.illust-wrapper.details h2 {
		font-size: 1.1rem;
	}
}