/**********************************
	TABLE OF CONTENTS

01. General Styles
02. Navigation
03. Header
04. About
05. Amenities
06. Accommodation
07. Testimonials
08. Book Us
09. Copyright
10. Back To Top Button
11. Media Queries
**********************************/





/******************************/
/*     01. GENERAL STYLES     */
/******************************/
body {
	color: #647780;
	font: 400 14px/1.9em "Roboto", sans-serif;
}

h1 {
	font: italic 700 50px/1.2em "Montserrat", sans-serif;
}

h2 {
	color: #d62612;
	font: italic 700 25px/1.2em "Montserrat", sans-serif;
}

h3 {
	font: italic 700 28px/1.4em "Montserrat", sans-serif;
}

h4 {
	font: italic 700 21px/1.2em "Montserrat", sans-serif;
}

p {
	font: 400 15px/1.9em "Roboto", sans-serif;
}

p.above-header {
	margin-bottom: 3px;
	color: #00966E;
	font: 700 18px/1.2em "Roboto", sans-serif;
}

p.highlight, span.highlight {
	color: #00966E;
	font: 700 15px/1.7em "Roboto", sans-serif;
}

a {
	color: #00966E;
	font-weight: 500;
}

a:hover {
	color: #000;
	font-weight: 500;
}

a.inverse {
	color: #fff;
}

a.inverse:hover {
	color: #00966E;
}

.button.solid {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	border: 2px solid #00966E;
	border-radius: 2px;
	background-color: #00966E;
	color: #fff;
	font: 700 13px/1.6em "Roboto", sans-serif;
	transition: all .3s ease;
}

.button.solid:hover {
	background-color: #fff;
	border: 2px solid #00966E;
	color: #00966E;
	text-decoration: none;
}

.button.outline {
	display: inline-block;
	max-width: 250px;
	padding: 7px 25px 7px 25px;
	background-color: #fff;
	border: 2px solid #76878f;
	border-radius: 2px;
	color: #647780;
	font: 700 13px/1.6em "Roboto", sans-serif;
	transition: all .3s ease;
}

.button.outline:hover {
	border: 2px solid #76878f;
	background-color: #76878f;
	color: #fff;
	text-decoration: none;
}

/* Form success and error message formatting */
#msgSubmit.h3.text-center.tada.animated.text-success,
#cmsgSubmit.h3.text-center.tada.animated.text-success {
	margin-top: 3px;
	margin-bottom: 8px;
	color:  #647780;
	font: 700 16px/1.5em "Roboto", sans-serif;
}

#msgSubmit.h3.text-center.text-danger,
#cmsgSubmit.h3.text-center.text-danger {
	margin-top: 3px;
	margin-bottom: 8px;
	color:  #ff4a26;
	font: 700 16px/1.5em "Roboto", sans-serif;
}

/* Form success and error message animation from Animate.css */
@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/* end of form success and error message animation from Animate.css */





/**************************/
/*     02. NAVIGATION     */
/**************************/
.navbar {
	background-color: #fff;
}

.navbar .nav.navbar-nav,
.navbar .nav.navbar-nav.navbar-right {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Logo */
.navbar .navbar-brand {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 11px;
}

.navbar .navbar-brand img {
	width: 79px;
	height: 29px;
}

/* Menu links */
.navbar .nav.navbar-nav li a {
	color: #00966E;
	font: 700 13px/1em "Roboto", sans-serif; 
}

.navbar .nav.navbar-nav li a:hover,
.navbar .nav.navbar-nav li.active a {
	background-color: #e8e8e8;
	color: #00966E;
}

/* Mobile menu toggle button - pressed */
.navbar .navbar-toggle,
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:active,
.navbar .navbar-toggle.collapsed:active {
	margin-top: 16px;
	border: 1px solid #00966e;
	background-color: #00966e;
}

.navbar .navbar-toggle .icon-bar,
.navbar .navbar-toggle:hover .icon-bar,
.navbar .navbar-toggle:active .icon-bar,
.navbar .navbar-toggle.collapsed:active .icon-bar {
	background-color: #f5f5f5;
} 
/* end of mobile menu toggle button - pressed */

/* Mobile menu toggle button */
.navbar .navbar-toggle.collapsed {
	border: 1px solid #00966e;
	background-color: transparent;
}

.navbar .navbar-toggle.collapsed .icon-bar {
	background-color: #00966e;
}
/* end of mobile menu toggle button */


/**********************/
/*     03. HEADER     */
/**********************/
header {
	position: relative;
	min-height: auto;
	width: 100%;
	background: url("../images/backgrounds/1920x1080-header-background.jpg") center no-repeat;
	background-size: cover;
	min-height: 100%;
}

/* IE fix for vertical alignment in flex box */
header .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%; 
}

header .opacity {
	background: rgba(255, 255, 255, 0.7);
}

header .header-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 25px;
	padding: 100px 0px 0px 0px;
	min-height: 97vh; 
	text-align: center;
}

header .header-content h1 {
	margin-top: 125px;
	color: #647780;
}

header .header-content h1 span {
	color:  #00966E;
}

header .header-content p {
	margin-top: 20px;
	font: 900 24px/1.6em "Roboto", sans-serif;
	color: #647780;
}

header .header-content p span{
	color: #647780;
}

header .header-content .fa-angle-down {
	margin-top: 0px;
	color: #00966E;
	transition: all .2s ease;
}

header .header-content .fa-angle-down:hover {
	-webkit-transform: translate(0px, 7px);
	-ms-transform: translate(0px, 7px);
	transform: translate(0px, 7px);
}

/*************************/
/*     04. ABOUT*/
/*************************/
#about {
	padding-top: 77px;
	padding-bottom: 80px;
	background-color: #fff;
}

#about h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}


/**************************/
/*     05. AMENITIES    */
/**************************/
#amenities {
	padding-top: 77px;
	padding-bottom: 80px;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../images/backgrounds/1920x1080-amenities-background.jpg") center no-repeat;
	background-size: cover;
}

#amenities h2,
#amenities p.above-header {
	text-align: center;
}

#amenities h2 {
	margin-top: 0px;
	color: #d62612;
}

#amenities h3 {
	color: #00966e;
}

#amenities .nav-tabs-container {
	margin-top: 30px;
	padding-top: 20px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom: 1px solid #fff;
	background: #fff;
}

#amenities .nav-tabs-container li a {
	font: 400 14px/1.9em "Roboto", sans-serif;
}

#amenities .tab-panes-container {
	padding: 20px;
	border-top: 1px solid #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff;
}

#amenities .nav-tabs {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#amenities .nav-tabs li {
	display: table-cell;
	width: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.1%;
	padding-right: 0.1%;
}

#amenities .nav-tabs li a {
	margin-bottom: 0px;
	border: 1px solid #fff;
	color: #00966E;
	transition: all .3s ease;
}

#amenities .nav-tabs li a:hover,
#amenities .nav-tabs li.active a {
	background-color: #00966E;
	color: #fff;
}

#amenities .tab-content .text-side h3 {
	margin-top: 20px;
}

#amenities .tab-content .text-side p.highlight {
	margin-bottom: 0px;
}


/*********************/
/*     06. ACCOMMODATION     */
/*********************/
#accommodation {
	padding-top: 77px;
	padding-bottom: 80px;
}

#accommodation h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#accommodation li i.fa {
	margin-right: 6px;
	color: #00966E;
}
#accommodation li i.fa {
	margin-right: 6px;
	color: #00966E;
}
#accommodation li {
	margin-top: 4px;
}

#accommodation p:nth-of-type(2) {
	margin-bottom: 0px;
}

#accommodation .rooms-container {
	width: 98%;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

#accommodation .rooms-container.first {
	margin-top: 25px;
}

#accommodation .rooms-container.middle {
	margin-top: 60px;
	margin-bottom: 50px;
}

#accommodation .rooms-container .image-container img {
	margin-top: 25px;
}

#accommodation .rooms-container h4 {
	color: #00966e;
	margin-top: 21px;
}

#accommodation .rooms-container .button {
	margin-top: 8px;
	margin-left: 4px;
	margin-right: 4px;
}

/* Magnific Popup Accommodation Details Content */
.room-details-container {
	position: relative;
	max-width: 1000px;
	margin: 40px auto;
	padding: 25px;
	background: #fff;
	text-align: left;
}

.room-details-container h3 {
	color: #00966e;
	margin-top: 20px;
	margin-bottom: 7px;
}

.room-details-container hr   {
	height: 1px;
	width: 40px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0;
	border: 0;
	background-color: #76878f;
	text-align: left;
}

.room-details-container h4 {
	margin-bottom: 17px;
}

.room-details-container ul {
	margin-top: 10px;
}

.room-details-container li {
	margin-top: 4px;
}

.room-details-container li:nth-last-of-type(1) {
	margin-bottom: 20px;
}

.room-details-container li .fa {
	margin-right: 6px;
	color: #00966E;
}

.room-details-container button.mfp-close.x-button {
	position: absolute;
	top: 0px;
	right: -8px;
	width: 44px;
	height: 44px;
}

.room-details-container a.mfp-close.as-button {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
}

/* Fade-move animation for accommodation details popup */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

.room-details-container .owl-stage-outer {
	position: relative;
	height: 491px;
}

.room-details-container .owl-nav {
	position: absolute;
	top: 46%;
	width: 100%;
}

.room-details-container .owl-prev {
	position: absolute;
	left: 15px;
	width: 10px;
	height: 15px;
}

.room-details-container .owl-next {
	position: absolute;
	right: 40px;
	width: 10px;
	height: 15px;
}

.room-details-container .owl-nav .fa {
	font-size: 40px;
	font-weight: normal;
	color: #00966E;
}


/****************************/
/*     07. TESTIMONIALS     */
/****************************/
#testimonials {
	padding-top: 38px;
	padding-bottom: 62px;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url("../images/backgrounds/1920x1080-testimonials-background.jpg") center no-repeat;
	background-size: cover;
}

#testimonials p, #testimonials footer {
	color: #fff;
}

#testimonials p {
	font: 400 16px/1.9em "Roboto", sans-serif;
}

#testimonials a {
	color: #fff;
}

#testimonials .carousel-inner {
	margin-bottom: 50px;
}

#testimonials .carousel-inner .mb-0 {
	margin-top: 35px;
	margin-bottom: 5px;
	font-style: italic;
}

#testimonials .carousel-inner .rating-stars {
	color: #00966E;
}

#testimonials .carousel-indicators {
	margin-bottom: -50px;
}

#testimonials .carousel-indicators li {
	margin-left: 2px;
	margin-right: 2px;
	background-color: #fff;
}

#testimonials .carousel-indicators li.active {
	border: 1px solid #00966E;
	background-color: #00966E;
}


/***********************/
/*     08. BOOK US    */
/***********************/
#bookus {
	padding-top: 77px;
	padding-bottom: 63px;
	background-color: #fff;
}

#bookus h2 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#bookus p:nth-of-type(2) {
	margin-bottom: 0px;
}

#bookus li i.fa {
	margin-right: 6px;
	color: #00966E;
}

#bookus li {
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 3px;
}

#bookus .fa-phone {
	margin-right: 0px;
	margin-bottom: 2px;
	vertical-align: middle;
	font-size: 16px;
}

#bookus a.phone-number {
	color: #647780;
	font-weight: 400;
	text-decoration: none;
	cursor: default;
}

#bookus .map-responsive {
	overflow: hidden;
	position: relative;
	height: 0;
	margin-top: 30px; 
	padding-bottom: 56.25%;
	border-radius: 4px;
}

#bookus .map-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none; 
}

#bookus form {
	margin-top: 30px;
}

#bookus form .form-group {
	margin-bottom: 17px;
}

#bookus form input {
	height: 44px;
	margin-top: 20px;
	padding-bottom: 6px;
	font: 400 15px/1.6em "Roboto", sans-serif;
	color: #283135;
	border: 2px solid #d6d6d6; 
	border-radius: 2px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#bookus form textarea {
	margin-top: 21px;
	color: #283135;
	font: 400 15px/1.6em "Roboto", sans-serif;
	border: 2px solid #d6d6d6; 
	border-radius: 2px;
}

#bookus form button {
	display: block;
	width: 100%;
	margin-top: 21px;
	padding: 8px 53px 8px 53px;
	border: 2px solid #00966E;
	border-radius: 2px;
	background-color: #00966E;
	color: #fff;
	font: 700 15px/1.6em "Roboto", sans-serif;
	transition: all .3s ease;
}

#bookus form button:hover {
	background-color: #fff;
	color: #00966E;
}

#bookus form input::-webkit-input-placeholder,
#bookus form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #283135;
	opacity: 0.9;
}

#bookus form input:-moz-placeholder,
#bookus form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #283135;
	opacity: 0.9;
}

#bookus form input::-moz-placeholder,
#bookus form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #283135;
	opacity: 0.9;
}
#bookus form input:-ms-input-placeholder,
#bookus form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #283135;
	opacity: 0.9;
}

/*************************/
/*     09. COPYRIGHT     */
/*************************/
#copyright {
	padding-top: 22px;
	padding-bottom: 8px;
	background-color: #fff;
}

#copyright p {
	color: #647780;
	font: 400 14px/1.7em "Roboto", sans-serif;
	text-align: center;
	opacity: 0.7;
}


/**********************************/
/*     10. BACK TO TOP BUTTON     */
/**********************************/
a.back-to-top {
	display: none;
	position: fixed;
	z-index: 999;
	right: 12px;
	bottom: 12px;
	width: 42px;
	height: 42px;
	border-radius: 30px;
	background: #00966e url("../images/up-arrow.png") no-repeat center 47%;
	background-size: 18px 18px; 
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #000; 
}


/*****************************/
/*     11. MEDIA QUERIES     */
/*****************************/
/* Min-width width 768px */
@media (min-width: 768px) {
	h2 {
		font: italic 700 44px/1.2em "Montserrat", sans-serif;
	}
	
	.button.solid {
		width: auto;
	}
	
	.navbar {
        padding: 20px 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		background: transparent;
		transition: border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
		-webkit-backface-visibility: hidden;
    }

    .navbar.top-nav-collapse {
       	padding: 0;
		border-bottom: 1px solid #f4f4f4;
		background-color: #fff;
		-webkit-box-shadow: 0px -4px 8px #000000;
		-moz-box-shadow: 0px -4px 8px #000000;
		box-shadow: 0px -4px 8px #000000;
		-webkit-backface-visibility: hidden;
	}
	
	.navbar .navbar-brand {
		margin-left: 0px;
		margin-right: 16px;
	}
	
	.navbar .nav.navbar-nav li a,
	.navbar .nav.navbar-nav.navbar-right li a	{
		margin: 12px 14px 18px 14px;
		padding: 15px 3px 5px 3px;
		transition: all .2s ease-in-out;
	}
	
	.navbar .nav.navbar-nav li.active a,
	.navbar .nav.navbar-nav li a:hover	{
		border-bottom: 2px solid #00966E;
		background-color: transparent;
		color: #00966E;
	}
	
	/* Navbar language */
	.navbar .nav.navbar-nav.navbar-right {
		margin-right: -13px;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle {
		margin-top: 13px;
		margin-bottom: 20px;
		margin-right: 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 0);
		font: 500 12px/1em "Roboto", sans-serif; 
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:hover {
		border-bottom: 2px solid #00966E;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-toggle:focus {
		background-color: transparent;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu {
		top: 51px;
		min-width: 10px;
		width: 32px;
		padding-top: 0px;
		padding-bottom: 4px;
		border-top: none;
		border: none;
		background: transparent;
		text-align: center;
		box-shadow: none;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a {
		margin: 4px 9px 4px 7px;
		padding: 4px 0px 4px 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 0);		
		font: 500 12px/1em "Roboto", sans-serif;
	}
	
	.navbar .nav.navbar-nav.navbar-right .dropdown-menu li a:hover {
		border-bottom: 1px solid #00966E;
	}

	.navbar.top-nav-collapse .nav.navbar-nav.navbar-right .dropdown-menu {
		background: #fff;
	}
	
	.navbar .nav.navbar-nav.navbar-right li .phone-number {
		margin-top: 18px;
		margin-bottom: 0px;
		padding: 8px 10px 7px 10px;
		border: 1px solid #647780;
		border-radius: 2px;
		font: 500 12px/1em "Roboto", sans-serif; 
	}
	
	.navbar .nav.navbar-nav.navbar-right li:hover .phone-number {
		color: #647780;
		cursor: default;
	}

	.navbar .nav.navbar-nav.navbar-right li .phone-number .fa-phone {
		margin-right: 1px;
		font-size: 14px;
		vertical-align: middle;
	}
	/* end of navbar language */
	
	header .header-content {
		padding: 0px 0px 160px 0px;
	}
	
	header .header-content h1 {
		font: italic 700 60px/1.2em "Montserrat", sans-serif;
	}
	
	header .header-content p {
		margin-top: 12px;
	}
	
	header .header-content .fa-angle-down {
		margin-top: 10px;
	}
	
	#about {
		padding-top: 86px;
		padding-bottom: 90px;
	}
	
	#amenities {
		padding-top: 87px;
		padding-bottom: 90px;
	}
	
	#amenities .nav-tabs-container {
		width: 540px;
		padding-top: 5px;
		margin-right: auto;
		margin-left: auto;
	}
	
	#amenities .tab-panes-container {
		border-radius: 4px;
	}
	
	#amenities .nav-tabs {
		max-width: 500px;
	}
	
	#amenities .nav-tabs li .fa {
		display: block;
		margin-top: 10px;
		margin-bottom: 15px;
		font-size: 2em;
	}
	
	#amenities .nav-tabs li a {
		border: none;
		color: #647780;
	}
	
	#amenities .nav-tabs li a:hover,
	#amenities .nav-tabs li.active a {
		background-color: transparent;
		color: #00966E;
	}
	
	#accommodation {
		padding-top: 87px;
		padding-bottom: 90px;
	}
	
	#accommodation .rooms-container {
		margin-top: 20px;
	}
	
	#accommodation .rooms-container.middle,
	#accommodation .rooms-container.first	{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: -2px;
	}
	
	.room-details-container {
		padding: 35px;
	}
	
	.room-details-container h3 {
		margin-top: 10px;
	} 
	
	#testimonials {
		padding-top: 48px;
		padding-bottom: 63px;
	}
	
	#bookus {
		padding-top: 87px;
		padding-bottom: 73px;
	}
	
	
	a.back-to-top {
		right: 20px;
		bottom: 20px;
	}
}


/* Min-width width 992px */
@media (min-width: 992px) {
	header .header-content {
		padding: 20px 0px 120px 0px;
	}
	
	header .header-content h1 {
		font: italic 700 76px/1.3em "Montserrat", sans-serif;
	}
	
	
	#about p {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#amenities .nav-tabs-container {
		margin-top: 40px;
	}
	
	#amenities .tab-content .tab-pane img {
		padding-right: 20px;
	}
	
	#amenities .tab-content .tab-pane .text-side {
		padding-left: 0px;
	}
	
	#amenities .tab-content .text-side h3 {
		margin-top: 45px;
		margin-bottom: 13px;
	}
	
	#amenities .tab-content .text-side p.highlight {
		margin-top: 13px;
	}
	
	#accommodation p.above-list, #accommodation ul {
		width: 950px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#accommodation img {
		margin-top: 40px;
	}
	
	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: 5px;
	}

	.room-details-container button.mfp-close.x-button {
		top: 5px;
		right: 5px;
	}
	
	.room-details-container img {
		padding-right: 10px;
	}
	
	.room-details-container h3 {
		margin-top: 10px;
	}
		
	
	#bookus ul {
		margin-bottom: 10px;
	}
	
	#bookus .map-responsive {
		height: 356px;
	}
	
	#bookus form input {
		margin-top: 0px;
	}
	
	#bookus form textarea {
		margin-top: 0px;
	}
	
	#bookus form button {
		margin-top: 17px;
	}
	
	
}


/* Min-width width 1200px */
@media (min-width: 1200px) {
	header .header-content {
		padding: 15px 0px 100px 0px;
	}
	
	
	#amenities .tab-content .tab-pane img {
		padding-right: 30px;
	}
	
	#amenities .tab-content .tab-pane .text-side {
		padding-right: 30px;
	}
	
	#amenities .tab-content .text-side h3 {
		margin-top: 10px;
	}
	
	/* Accommodation images hover animation */
	#accommodation .rooms-container .image-container {
		overflow: hidden;
		width: 353px;
		height: 199px;
		margin-top: 30px;
	}
	
	#accommodation .rooms-container .image-container img {
		margin: 0px;
		transition: all 0.3s;
	}

	#accommodation .rooms-container .image-container img:hover {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
	} 
	/* end of accommodation images hover animation */
	
	#bookus .map-responsive {
		margin-right: 7px;
	}
	
	#bookus form {
		margin-left: 7px;
	}
}