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

	.filler-band img {
		width: 130%;
	}

}


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

	html {
		overflow-x: hidden;
	}

	.nav > li {
		margin-right: 24px;
	}

	.booking-widget {
		width: 80%;
		margin: -32px auto 80px auto;
	}

	.banner-hero .content-block h1 {
		font-size: 48px;
		line-height: 48px;
	    margin: 8px 0 16px 0;
	}

	.about-block .title-block h2,
	.rooms-block .title-block h2,
	.attractions-block .title-block h2,
	.promos-block .title-block h2,
	.subcontent-block .title-block h2,
	.rooms-block .content-block a {
		font-size: 32px;
		line-height: 32px;
	}

	.banner-hero .content-block h4,
	.about-block .title-block h4,
	.rooms-block .title-block h4,
	.attractions-block .title-block h4,
	.promos-block .title-block h4,
	.subcontent-block .title-block h4 {
		font-size: 80px;
		top: -24px;
	}

	.banner-hero .owl-theme .owl-nav {
		display: none;
	}

	.rooms-block .content-block h3 {
		font-size: 24px;
	}

	.rooms-block .content-block {
		padding: 24px;
		top: 8px;
		left: 0;
		width: 400px;
	}

	.rooms-block .content-block h4 {
		margin-bottom: 16px;
	}

	.filler-band img {
		width: 175%;
	}

	.promos-block .item .img-block,
	.promos-block .col-sm-4:nth-child(2) .item .img-block {
		width: 200px;
		height: 200px;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.banner-sub {
	    padding: 160px 0 60px 0;
	}

	.banner-sub img {
		width: 120%;
	}

	.banner-sub h2 {
		font-size: 48px;
	}

	.item-room-detail .price-block {
		float: none;
	}

	.filler-about img {
		width: 150%;
	}

}

@media (max-width:767px) { 

	html {
		overflow-x: hidden;
	}

	.nav > li {
		margin-right: 24px;
	}

	.booking-widget {
		width: 80%;
		margin: -32px auto 80px auto;
	}

	.banner-hero .content-block h1 {
		font-size: 48px;
		line-height: 48px;
	    margin: 8px 0 16px 0;
	}

	.about-block .title-block h2,
	.rooms-block .title-block h2,
	.attractions-block .title-block h2,
	.promos-block .title-block h2,
	.subcontent-block .title-block h2,
	.rooms-block .content-block a {
		font-size: 32px;
		line-height: 32px;
	}

	.banner-hero .content-block h4,
	.about-block .title-block h4,
	.rooms-block .title-block h4,
	.attractions-block .title-block h4,
	.promos-block .title-block h4,
	.subcontent-block .title-block h4 {
		font-size: 80px;
		top: -24px;
	}

	.banner-hero .owl-theme .owl-nav {
		display: none;
	}

	.navbar-brand img {
		max-height: 56px;
	}

	.navbar-brand:after {
	    border-left: 57px solid transparent;
	    border-right: 57px solid transparent;
	}

	.nav > li {
	    margin-right: 0;
	    text-align: center;
	}

	.nav > li > a {
		display: block;
		padding: 16px 0 !important;
		line-height: 24px;
		border-bottom: 1px solid #eee;
	}

	.nav > li:last-child > a {
		margin: 0;
		padding: 0 !important;
	}

	.nav > li:last-child > a span {
		color: #fff;
	}

	.nav > li:last-child > a:before,
	.nav > li:last-child > a:after {
		display: none;
	}

	.alt-nav .navbar-toggle > .icon-bar {
		background-color: #34383d !important;
	}

	.rooms-block .content-block {
	    position: static;
	    z-index: 5;
	    padding: 40px;
	    width: 100%;
	    background-color: #fcfcfc;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	}

	.rooms-block,
	.tricolumn,
	.attractions-block {
		padding: 0 0 80px 0;
	}

	.attractions-block .owl-carousel .owl-nav .owl-prev {
		left: 0px;
	}

	.attractions-block .owl-carousel .owl-nav .owl-next {
		right: 0px;
	}

	.filler-band img {
		width: 200%;
	}

	.promos-block article {
		width: 60%;
	}

	.promos-block .item .content-block {
		width: 50%;
		float: left;
		padding-right: 24px;
	}

	.promos-block .col-sm-4:nth-child(2) .content-block {
		position: static;
	}

	.promos-block .col-sm-4:nth-child(2) .img-block {
		position: static;
	}

	.promos-block .item .img-block {
		float: left;
		margin-top: 0;
	}

	.promos-block .item .img-block {
		width: 200px;
		height: 200px;
	}

	footer .col-sm-4 {
		margin-bottom: 32px;
	}

	footer .col-sm-4:last-child {
		margin-bottom: 0;
	}

	.banner-sub {
	    padding: 130px 0 60px 0;
	}

	.banner-sub img {
		width: 110%;
	}

	.banner-sub h2 {
		font-size: 48px;
	}

	.item-room-detail .price-block {
		float: none;
	}

	.form-reserve {
		margin-top: 40px;
	}

	.content-contact .social-media {
		margin-bottom: 80px;
	}

	.filler-about {
		margin-top: 40px;
		padding: 80px 0;
	}

	.filler-about img {
		width: 150%;
	}

	.services-block .col-sm-6:nth-child(1) {
		text-align: left;
	}

	.services-block .col-sm-6 {
		padding: 0 32px;
	}

	.subcontent-block {
		padding: 40px 0 0px 0;
	}

	.room-list .btn-room {
		right: -15px;
	}

}

@media (max-width:767px) { 

	#slide-nav .container {
		margin: 0!important;
		padding: 0!important;
		height:100%;
	}

	#slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
	}

	#slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 80%;
	    top: -1px;
	    z-index: 1000;
	}

	#slide-nav #slidemenu {
	    background: #FFF;
	    right: -100%;
	    width: 80%;
	    height: 1000%;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: 0;
	    margin: 0;
	    /*box-shadow: -5px 0 5px -5px rgba(0,0,0,0.1);*/
	}

	#slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}

	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
	    min-width: 0;
	    width: 80%;
	    white-space: normal;
	}

	.navbar-default .navbar-nav > li > a {
		padding: 4px 0 8px 0;
		color: #7e715f;
	}

	#slide-nav {
	    border-top: 0
	}

	#slide-nav.navbar-inverse #slidemenu {
	    background: #333
	}

	#navbar-height-col {
		position: fixed;
		top: 0;
		height: 100%;
		bottom:0;
		width: 80%;
		right: -80%;
		background: #f7f7f7;
	}
	#navbar-height-col.inverse {
	    background: #333;
	    z-index: 1;
	    border: 0;
	}

@media (min-width:768px) { 

	.navbar.navbar-fixed-top.slide-active {
	    position: fixed
	}

	.navbar-header {
	    left: 0!important
	}

}

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

	.booking-widget {
	    width: 100%;
	    margin: 16px auto 40px auto;
	}

	.booking-widget .gr-field {
		padding: 24px;
	}

	.booking-widget .month {
		margin-top: 16px;
	}

	.banner-hero .owl-carousel,
	.banner-hero .owl-item {
		height: 400px;
	}

	.banner-hero .owl-carousel .owl-item img {
		width: 180%;
	}

	.banner-hero .content-block {
		top: 30%;
	}

	.filler-band .content-block h2 {
		width: 90%;
	}

	.filler-band img {
		width: 350%;
		left: -50%;
	}

	.promos-block article {
		width: 80%;
	}

	.promos-block .item {
		margin-top: 24px;
	}

	.promos-block .item .content-block {
		width: 100%;
		float: none;
	}

	.promos-block .item .img-block,
	.promos-block .col-sm-4:nth-child(2) .item .img-block {
		display: none;
		float: right;
		margin-top: -24px;
		margin-right: 24px;
	}

	.promos-block .col-sm-4:nth-child(2) .item .img-block {
		margin-bottom: 0;
	}

	.promos-block .col-sm-4:nth-child(2) .content-block {
		position: static;
		padding: 0;
	}

	.promos-block .item {
		padding-bottom: 24px;
		margin-bottom: 24px;
		border-bottom: 1px dashed #ccc;
	}

	.promos-block .col-sm-4:last-child .item {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.banner-sub {
	    padding: 110px 0 40px 0;
	}

	.banner-sub img {
		width: 160%;
	}

	.banner-sub h2 {
		font-size: 48px;
	}

	.item-facility,
	.item-facility .img-block,
	.item-facility .content-block {
		display: block;
		width: 100%;
	}

	.item-facility img:nth-child(2) {
		margin: -30% 0 0 10%;
	}

	.item-block:nth-child(even) .item-facility img:nth-child(2) {
		margin: -30% 10% 0 0;
	}

	.grid-item {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	.grid-item:last-child {
		margin-bottom: 0;
	}

	.filler-about {
		margin-top: 40px;
		padding: 80px 0;
	}

	.filler-about img {
		width: 300%;
	}

	.filler-about ul li {
		margin: 8px;
	}

}

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

	.banner-hero .owl-carousel .owl-item img {
		width: 200%;
	}

	.filler-band img {
		width: 420%;
		left: -70%;
	}

	.banner-sub img {
		width: 180%;
	}

	.filler-about img {
		width: 330%;
	}

}

@media (max-width:360px) { 

	.banner-hero .owl-carousel .owl-item img {
		width: 220%;
	}

	.filler-about img {
		width: 350%;
	}	

}