/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
html {font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */}
/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {/* 1 */ display: block;}
/** Add the correct display in IE 9-. */
audio, canvas, progress, video {display: inline-block;}
/** Add the correct display in iOS 4-7. */
audio:not([controls]) {display: none; height: 0;}
/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}
/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] {display: none;}
/* Links ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a {background-color: transparent;}
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover {outline-width: 0;text-decoration: none;outline: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */}
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong {font-weight: inherit;}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {font-weight: bold;}
/** Add the correct font style in Android 4.3-. */
dfn {font-style: italic;}
/** Add the correct background and color in IE 9-. */
mark {background-color: #ff0; color: #000;}
/** Add the correct font size in all browsers. */
small {font-size: 80%;}
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img {border-style: none;}
/** Hide the overflow in IE. */
svg:not(:root) {overflow: hidden;}
/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/** Add the correct margin in IE 8. */
figure {margin: 1em 40px;}
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {-webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
/* Forms ========================================================================== */
/** Change font properties to `inherit` in all browsers (opinionated). */
button, input, select, textarea {font: inherit;}
/** Restore the font weight unset by the previous rule. */
optgroup {font-weight: bold;}
/** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
button, input, select {/* 2 */ overflow: visible;}
/** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
button, input, select, textarea {/* 1 */ margin: 0;}
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select {/* 1 */ text-transform: none;}
/** Change the cursor in all browsers (opinionated). */
button, [type="button"], [type="reset"], [type="submit"] {cursor: pointer;}
/** Restore the default cursor to disabled elements unset by the previous rule. */
[disabled] {cursor: default;}
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button; /* 2 */}
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, input:-moz-focusring {outline: 1px dotted ButtonText;}
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
/** Remove the default vertical scrollbar in IE. */
textarea {overflow: auto;}
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] {-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
/** Correct the odd appearance of search inputs in Chrome and Safari. */
[type="search"] {-webkit-appearance: textfield;}
/** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
blockquote {border-left: 1px solid #C6A669; padding: 0px 20px 0px 50px; margin: 70px 0px;}
form ul {list-style: none; margin: 0; padding: 0;}
select,.gform-body input[type='text'], input[type='email'], input[type='password'], input[type='tel'], input[type='url'], textarea {
	font-family: "Cormorant Garamond", serif !important; 
	font-weight: 300 !important; 
	font-style: normal; 
	padding: 20px 35px !important; 
	outline: none; 
	font-size: 17px !important; 
	line-height: 26px; 
	color: #212529; 
	border-radius: 12px; 
	background-color: #FFF;
	border: 0 !important;
}
input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='tel']:focus, input[type='url']:focus, textarea:focus, select:focus {outline: 0;}
textarea {padding-bottom: .6rem; padding-top: .6rem;}
legend {font-family: "Inter", sans-serif; font-weight: 700 !important; font-style: normal; font-size: 14px !important; line-height: 17px; color: rgba(60, 60, 56, 0.5); margin-bottom: 23px !important; }
label {font-family: "Inter", sans-serif; font-weight: 300 !important; font-style: normal; font-size: 14px !important; line-height: 17px; color: rgba(60, 60, 56, 0.5); margin-bottom: 18px !important; position: relative; }
.gfield_required, .gfield_label {display: none !important;}
.gform_footer {margin: 0 !important; padding: 0 !important;position: relative;}
.gform_button {-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; 
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; 
	font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; 
	border: 1px solid #63666A; color: #63666A; background-color: #FFF; 
	border-radius: 5px; padding: 14px 25px 16px 25px; 
	margin-top: 20px; position: relative; font-size: 16px; line-height: 20px; width: 160px; 
}
.gform_button:hover, .bgbutton:focus {opacity: 0.5;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 2% !important; grid-row-gap: 19px !important;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {background-color: transparent !important; border: none !important; padding: 0 !important;}
input[type='submit']:focus {outline: none;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #212529;}
input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder {color: #212529;}
input::-ms-input-placeholder,select::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #212529;}
input:focus {outline: none;}
dl, ol, ul {margin-top: 0; padding-left: 0;}
dl dl ul, dl ol, ol dl ul, ol ol, ul dl ul, ul ol {font-size: 90%; margin: 1.5rem 0 1.5rem 3.0rem;}
dl {list-style: none;}
ul {list-style: disc inside;}
ol {list-style: decimal inside;}
dt, dd, li {margin-bottom: 10px;}
hr {border-top: 0.1rem solid #4A4D50; border-width: 0; margin-bottom: 3.5rem; margin-top: 3rem;}
input, textarea, select, fieldset {margin-bottom: 1rem;}
input:last-child, textarea:last-child, select:last-child, fieldset:last-child {margin-bottom: 0;}
pre, dl, figure, table, p, ul, ol, form {margin-bottom: 1.4rem;}
pre:last-child, blockquote:last-child, dl:last-child, figure:last-child, table:last-child, p:last-child, ul:last-child, ol:last-child, form:last-child {margin-bottom: 0;}
table {width: 100%;}
.flex, .flex-row, .flex-column, .flex-start, .flex-end, .flex-center, .flex-stratch {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap;}
.flex-row {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;}
.flex-column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.flex-end {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;}
.flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.flex-stratch {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {.background-image img {-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%;}}
.owl-nav span {display: none;}
.owl-nav {position: absolute;width: 100%;top: 43%;}
.owl-prev {
	background-image: url(../images/arrow-left.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: -80px;
    width: 115px;
    height: 115px;
    z-index: 99;
    position: absolute;
    outline: none;
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.owl-next {
	background-image: url(../images/arrow-right.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    right: -70px !important;
    width: 115px;
    height: 115px;
	right: -80px; z-index: 99; position: absolute; outline: none;
	transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.owl-next:hover, .owl-prev:hover {
	opacity: 0.7;
}
.owl-dots {display: block; text-align: center; margin: 10px auto 0px auto;} 
.owl-dots .owl-dot {width: 15px; height: 15px; background: #FFF !important; margin: 0px 5px; border-radius: 50%; display: inline-block;outline: none;position: relative;}
.owl-dots .owl-dot.active {background: #014165 !important;}

body {font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; margin: 0px;padding: 0px;position: relative; font-size: 16px;line-height: 26px;}
h1,h2,h3,h4,h5 {font-family: "Cormorant Garamond", serif; font-weight: 300; font-style: normal; margin: 0px;margin-bottom: 20px; color: #63666A;}
h1 {font-size: 50px;line-height: 60px;}
h2 {font-size: 40px;line-height: 50px;}
h3 {font-size: 30px;line-height: 40px;}
h4 {font-size: 24px;line-height: 34px;}
h5 {font-size: 20px;line-height: 30px;}
a {text-decoration: none; cursor: pointer;color: #000;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
a:hover {color: #000;text-decoration: none;outline: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.common-sect ul li, p {font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 26px; color: #63666A; margin: 0px 0px 20px 0px;}
.common-sect ul li {margin-bottom: 10px;}
img {max-width: 100%; height: auto;}
.container {max-width: 1320px; margin: 0 auto; padding: 0 20px; position: relative;} 
.bgbutton {
	-webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; transition: all 0.3s ease; 
	-webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; 
	border: 1px solid #63666A; color: #63666A; background-color: #FFF; 
	border-radius: 5px; padding: 14px 25px 16px 25px; 
	margin-top: 20px; position: relative; font-size: 16px; line-height: 20px; width: 160px; 
	text-align: center;
}
.bgbutton:hover, .bgbutton:focus {opacity: 0.5;}
.flex-inherit {justify-content: inherit;}
.headersect {width: 100%; display: inline-block; top: 0;left: 0; z-index: 9;transition: 0.3s all;position: fixed;}
.headerinner {width: 100%; display: flex; justify-content: space-between;align-items: center;}
.bannersect {height: 977px; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;}
.home-mdl {
	margin: 80px 0 105px 0;
}
.mdl-inner {
	max-width: 63%;
	margin: 0 auto;
	text-align: center;
}
.grids {
	margin: 90px -10px 0 -10px;
	display: flex;
	flex-wrap: wrap;
  align-items: inherit;
}
.grids .grid-inner {
	width: calc(33.33% - 20px);
	padding: 0 10px;
}
.grid-inner .grid-image {
	height: 725px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.grid-inner .grid-details {
	margin-top: 20px;
}
.grid-inner .grid-details h3 {
	font-size: 24px;
	line-height: 34px;
}
.discover-link {
	font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 26px; color: #63666A; 
	text-decoration: underline;
}
.discover-link:hover {
	color: #000;
}
.contact-sect {
	background-color: #F7F7F7;
	padding: 65px 0 70px 0;
	border-radius: 12px;
}
.contact-inner {
	text-align: center;
}
.contact-sect .contact-form {
	margin-top: 65px;
}
.footer-sect {
	background-color: #F4F5F5;
	padding: 50px 0 40px 0;
	margin-top: 10px;
}
.footer-grid {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.footer-grid ul li {
	list-style: none;
	margin-bottom: 5px;
}
.footer-grid ul li:last-child {margin-bottom: 0;}
.footer-grid ul li a {
	list-style: none;
	font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 26px; color: #63666A; 
}
.footer-grid ul li a:hover, .footer-grid ul li.current-menu-item a {
	color: #000;
}
.footer-grid a.bgbutton {margin-top: 0;}
.headertop {
	margin-top: 153px;
}
.page-content {
	padding: 70px 0 170px;
}
.page-inner {
	max-width: 48%;
	text-align: center;
	margin: 0 auto;
}
.page-inner h2 {
	margin-bottom: 50px;
}
.single-banner {
	height: 852px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.single-mdl {
	margin: 70px 0 90px 0;
}
.single-inner {
	max-width: 60%;
	margin: 0 auto;
	text-align: center;
}
.single-inner .tagline {
	font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 26px; color: #63666A; 
	margin-bottom: 18px;
	display: block;
}
.single-inner  h2 {
	margin-bottom: 35px;
}
.single-grid {
	flex-wrap: wrap;
	margin: 70px -15px 0 -15px;
	justify-content: flex-start;
  align-items: inherit;
}
.single-grid .single-grid-column {
	width: calc(33.33% - 30px);
	padding: 0 15px;
	margin-bottom: 30px;
}

.single-grid-column .single-grid-img {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    width: 100%;
    height: 300px;
}

.single-grid-column .single-grid-img .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(1,65,101,.8);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.single-grid-column .single-grid-img:hover .overlay {
    transform: scale(1);
}

.single-grid-column .single-grid-img h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
	font-size: 36px;
	line-height: 46px;
	color: #FFF;
}
.accomodation-banner {
	height: 576px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.single-grid-column .sgrid-details {
	margin-top: 25px;
}
.single-grid-column .sgrid-details h3 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 15px;
}
.resort-slider {
	margin-top: 110px;
}
.resort-slider h2 {
	text-align: center;
	margin-bottom: 40px;
}
.carousel-image {
	height: 720px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.carousel-info {
	margin-top: 25px;
}
.carousel-info h3 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 20px;
}
.error404 .page-content {
	padding: 135px 0;
}
.hintroinner, .archivesect {
	text-align: center;
}
.archivesect {
	margin-bottom: 50px;
	text-align: center;
}
.blogpagi {text-align: center;margin-top: 45px;}
.blogpagi .page-numbers {font-family: "Inter", sans-serif;  font-weight: 300; font-style: normal; font-size: 16px; line-height: 22px; text-align: center; color: #63666A; margin: 0px 10px; vertical-align: middle; display: inline-block;}
.blogpagi .page-numbers:hover,.blogpagi .current {opacity: 0.7;}
.searchinners {margin-bottom: 30px;border-bottom: 1px solid #63666A;padding-bottom: 25px;}
.searchinners h3 {margin-bottom: 15px;}
.single-listing {
	padding: 60px 0 80px 0;
}

.postinfo {
    text-align: center;
	margin-bottom: 40px;
}
.postinfo .tagline {
    color: #63666A;
	display: block;
	margin-bottom: 10px;
}
.postinfo h2 {
    font-size: 48px;
    line-height: 58px;
}
.postinfo .date {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #63666A;
    font-size: 16px;
    line-height: 24px;
}

.post-content {
    margin: 30px 0;
}

.post-content h3 {
    margin-bottom: 35px;
}

.post-content p {
    margin-bottom: 40px;
    color: #63666A;
}

.post-quote {
    background-color: #F3F3F3;
    padding: 80px;
    text-align: center;
    margin: 50px 0;
}

.post-quote p {
    font-size: 33px;
    line-height: 44px;
    color: #63666A;
    margin-bottom: 30px;
    font-family: "Inter", sans-serif;
	font-weight: 300;
}

.post-content ul {
    margin-bottom: 40px;
}
.portfolio-pagination {
    border-top: 1px solid #63666A;
    padding: 30px 0 0;
    margin-top: 110px;
}

.portfolio-pagination .flex {
    justify-content: inherit;
}

.portfolio-pagination .pagi-column {
    width: 33.33%;
}

.portfolio-pagination .pagi-column.backtoall {
    text-align: center;
}

.portfolio-pagination .pagi-column.nextpost {
    text-align: right;
}

.portfolio-pagination a {
    font-family: "Inter", sans-serif; 
    font-size: 16px;
    font-weight: 300;
    color: #63666A;
    border-bottom: 1px solid #63666A;
}

.portfolio-pagination a:hover {
    opacity: 0.8;
}
.gform_submission_error {
	font-family: "Inter", sans-serif; 
}
.gfield_validation_message {
	text-align: left;
}
@media screen and (min-width: 1025px) {
	.headerlogo {transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;margin-bottom: 0;line-height: 0;}
	.mobileversion {display: none;}
	.nav > li {display: inline-block; vertical-align: top; position: relative;margin-bottom: 0px;} 
	.nav li > ul {position: absolute; display: none; border: none; border-radius: 0px; min-width: 100%; top: 100px; left: 0px; margin: 0px; background: #007DC3; list-style: none;padding: 10px 0;}
	.nav li a {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
		display: block; color: #63666A; padding: 20px 70px;font-family: "Cormorant Garamond", serif; font-weight: 300; font-style: normal; font-size: 22px; line-height: 32px; text-align: center; text-transform: uppercase;}
	.nav > li.menu-item-has-children > a:after {content: "\f067"; font-family: FontAwesome; font-weight: normal; font-size: 10px; margin-left: 8px; vertical-align: middle;}
	.nav li:hover > ul {display: inline-block;}
	.nav li li {margin-bottom: 0;}
	.nav li li a {display: block; position: relative; padding: 8px 20px !important; font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 20px; line-height: 30px; color: #FFF; text-align: left;text-transform: inherit; }
	.nav li a:hover,.nav li.current-menu-item > a {opacity: 0.7;}
	.nav > li.menu-item-has-children > a:hover:after {content: "\f068";}
	.headersect {padding: 15px 0;}
	.headersect {
		background-color: #F4F5F5;
	}
	.home .headersect {
		background-color: transparent;
	}
	.home .headersect.headerbg {
		background-color: #F4F5F5;
	}
	.headersect.headerbg .custom-logo-link {
		display: none;
	}
	.headersect .mlogo {
		display: none;
	}
	.headersect.headerbg .mlogo {
		display: block;
	}
	.home .nav li a {
		color: #FFF;
		padding: 50px 70px 20px 70px;
	}
	.home .headersect.headerbg .nav li a {
		color: #63666A;
		padding: 20px 70px;
	}
	.headersect.headerbg .headerinner {
		align-items: center;
	}
	.home .headerinner {
		align-items: flex-start;
	}
	.home ,.headersect.headerbg .headerinner {
		align-items: center;
	}
}
@media (max-width: 1400px) {   
	.owl-prev {
		left: 0;
	}
	.owl-next {
		right: 0 !important;
	}
}
@media (max-width: 1200px) {   
	.page-inner {
		max-width: 80%;
	}
}
@media (max-width: 1024px) {       
	.headerlogo {width: 80px;margin: 10px 0 5px 20px;}
  	.headerlogo img {max-width: 80px;}
	.desktopver {display: none !important;}
	.mobileversion {display: block;}
	.mobileversion .nav {display: block;width: 100%;}
	.menutoggle {width: 40px;cursor: pointer;position: fixed;top: 40px;right: 25px;z-index: 99999;}
	.admin-bar .menutoggle {top: 80px;}
	.headersect {padding: 0;position: fixed;z-index: 999;background-color: #F4F5F5;}
	.headersect .container {height: 100%; padding: 0px;}
	.headerinner {margin-bottom: 0px; height: 100%; border-bottom: 0px; padding: 0px;}
	.headersect .headermains {display: inline-block; position: relative; width: 100%;}
	.headersect.on {height: 100%; position: fixed;background-color: #F4F5F5;}
	.headersect.on .headermains {padding: 0px 20px;z-index: 99999;}
	.headersect.on .headerlogo {margin: 0;opacity: 0;}
	.headerlist {height: 100%;}
	.one, .two, .three {width: 100%; height: 2px; background: #63666A; margin: 10px auto; backface-visibility: hidden; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; cursor: pointer;}
	.menusection.on {width: 100%; height: 100%; position: absolute; left: 0; top:0px; margin: 0px;overflow-y: scroll;}
	.menutoggle.on .two {opacity: 0;}
	.menutoggle.on .one {-moz-transform: rotate(45deg) translate(7px, 7px); -ms-transform: rotate(45deg) translate(7px, 7px); -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); background: #63666A;}
	.menutoggle.on .three {-moz-transform: rotate(-45deg) translate(10px, -10px); -ms-transform: rotate(-45deg) translate(10px, -10px); -webkit-transform: rotate(-45deg) translate(10px, -10px); transform: rotate(-45deg) translate(10px, -10px); background: #63666A;}
	.nav {padding: 0; margin: 7em auto 0 !important;list-style: none;}
	.nav.hidden {display: none;}
	.nav li,.nav ul {list-style: none;margin-bottom: 0px;position: relative;}
	.nav > li {float: none !important; padding: 0px 20px !important; display: block !important;position: relative;}
	.nav li > ul {display: none;position: relative;}
	.nav li a {position: relative; font-family: "Inter", sans-serif; font-weight: 300; font-style: normal; font-size: 22px; line-height: 32px; padding: 8px 0 13px 0; display: inline-block;color: #63666A;}
	.open > .sub-menu {display: block !important;}
	.nav .sub-menu {padding-left: 20px;}
	.nav .sub-menu li a {padding: 9px 25px 12px 0 !important; font-size: 20px; line-height: 28px; }
	.nav .sub-menu li:first-child a {padding-top: 0;}
	.nav .sub-menu li:last-child a {padding-bottom: 0;}
	.nav .carets:after {position: absolute; top: 11px; right: 20px; content: "\f067"; font-family: FontAwesome; font-weight: normal; font-size: 20px; vertical-align: middle; color: #FFF;}
	.open > span.carets:after {content: "\f068";}
	.nav li li .carets:after {right: 0; top: 8px;}
	.containerinner {max-width: 100% !important;}
	.bannersect {margin-top: 127px;height: 700px;}
	.mdl-inner, .single-inner {
    	max-width: 85%;
	}
	.grid-inner .grid-image, .carousel-image, .single-banner {
		height: 500px;
	}
	.headertop {
		margin-top: 127px;
	}
	.page-content {
		padding: 60px 0;
	}
}
@media (max-width: 992px) {
	.home-mdl, .single-mdl {
		margin: 60px 0;
	}
	.grids .grid-inner {
		width: calc(50% - 20px);
		margin-bottom: 30px;
	}
	.single-grid .single-grid-column {
		width: calc(50% - 30px);
	}
	.footer-sect {
		padding: 60px 0;
	}
	.page-inner {
		max-width: 100%;
	}
	.page-inner h2 {
		margin-bottom: 35px;
	}
	.owl-prev, .owl-next {
		width: 75px;
		height: 75px;
	}
	.resort-slider {
		margin-top: 70px;
	}
}
@media (max-width: 785px) { 
	.admin-bar .menutoggle {top: 80px;}
}
@media (max-width: 767px) {
	.bannersect, .carousel-image, .single-banner {height: 500px;}
	.grid-inner .grid-image {
		height: 400px;
	}
}
@media (max-width: 640px) {
	#wpadminbar {position: fixed;}
} 
@media (max-width: 570px) {
	.mdl-inner, .single-inner {
        max-width: 100%;
    }
	.footer-sect {
		padding-bottom: 30px;
	}
	.grids, .single-grid {
		margin: 40px 0 0 0;
	}
	.grids .grid-inner, .single-grid .single-grid-column {
        width: 100%;
		padding: 0;
    }
	h2 {
    	font-size: 32px;
        line-height: 42px;
    }
	.footer-grid .grid-column {
		width: 48%;
		margin-bottom: 30px;
	}
	.carousel-image, .single-banner, .accomodation-banner {height: 350px;}
	.owl-prev, .owl-next {
		width: 50px;
		height: 50px;
	}
	.resort-slider h2 {
		font-size: 28px;
		line-height: 38px;
      	min-height: 76px;
	}
  	.bannersect {height: 350px;}
	.grid-inner .grid-image {
		height: 350px;
	} 
}
@media (max-width: 479px) {
	.footer-grid .grid-column {
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
} 
@media (max-width: 380px) {
  	.bannersect, .grid-inner .grid-image, .carousel-image, .single-banner, .accomodation-banner {
		height: 280px;
	}
  	h2 {
    	font-size: 28px;
        line-height: 38px;
    }
}