/*!
Theme Name: as_theme
Author: as-theme
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: as_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

as_theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/* My CSS */

@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--white: #fff;
	--black: #111;
	--grey: #7d7d7d;
	--trans: 0.3s linear;
	--primary: #000;
	--secondary: #2E753D;
	--primary_font: "Grandstander", serif; 
	--secondary_font: "Anybody", serif;
}

html {
	scroll-padding-top: 150px;
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing: border-box;
}

body {
	padding: 0;
	margin: 0;
	font-family: '', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--black);
	background-color: var(--white);
	overflow-x: hidden;
}

footer.entry-footer {
	display: none;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
	font-weight: 700;
}

a {
	text-decoration: none;
	transition: var(--trans);
	color: var(--black);
}

a:focus,
a:hover {
	outline: none;
	color: var(--secondary);
	transition: var(--trans);
}

.para_spacing p:not(:last-child) {
	margin-bottom: 12px;
}

.has-text-align-center {
	text-align: center;
}

input[type="email"],
input[type="date"],
input[type="text"],
input[type="submit"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="file"],
textarea {
	border: 2px dashed var(--e-global-color-accent);
	font-family: var(--primary_font);
	border-radius: 6px;
	color: var(--e-global-color-accent);
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	padding: 15px 24px 12px;
	width: 100%;
	background: transparent;
	caret-color: var(--e-global-color-accent);
	transition: var(--trans);
}

textarea {
	height: 127px;
	border-radius: 8px;
}

select {
	border: 2px dashed var(--e-global-color-accent);
	font-family: var(--primary_font);
	border-radius: 6px;
	color: var(--e-global-color-accent);
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	width: 100%;
	background: #fff url('/wp-content/uploads/2025/02/down-arrow.png') no-repeat calc(100% - 24px) center/28px;
	padding: 15px 24px;
	padding-right: 44px;
	cursor: pointer;
	appearance: none;
}

input::placeholder,
textarea::placeholder {
	color: #6C6C6C;
}

select:focus,
input:focus,
a:focus,
button:focus,
textarea:focus,
input:hover,
textarea:hover {
	outline: none;
	border-color: var(--e-global-color-accent);
}

img {
	max-width: 100%;
}

::selection {
	color: var(--white);
	background: var(--black);
}

input[type="checkbox"]{
	width: 15px;
	height: 15px;
	border: 1px solid var(--black);
	position: relative;
	-webkit-appearance: none;
	padding: 0 !important;
	border-radius: 2px;
	cursor: pointer;
	overflow: hidden;
}

input[type="checkbox"]:checked{
	border: 1px solid var(--black);
}

input[type="checkbox"]::after{
	content: "";
	display: block;
	width: inherit;
	height: inherit;
	border-radius: inherit;
	position: absolute;
	border-radius: 2px;
	transform: scale(0);
	transform-origin: center center;
}

input[type="checkbox"]::after {
	background: var(--black);
	opacity: 0;
	transition: .2s linear;
	content: '\f00c';
	font-weight: 600;
	font-family: 'Font Awesome 5 Free';
	color: var(--white);
	transform: scale(0);
	font-size: 8px;
	left: -1px;
	top: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

input[type="checkbox"]:checked::after {
	opacity: 1;
	transform: scale(1);
}
.contact_form_row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contact_form_row > * {
	width: 100%;
}
.contact_form_row > *.width50 {
	width: calc(50% - 10px);
}
.contact_form_row>*:not(:last-child) {
	margin-bottom: 24px;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 0px;
	background: #fff;
}
::-webkit-scrollbar-thumb {
	background: var(--e-global-color-accent);
	border-radius: 0px;
}
/*Scrollbar*/

/*SLider Delay Show*/
.slickslider {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slickslider.slick-initialized{
    visibility: visible;
    opacity: 1;
}
/*SLider Delay Show*/

/*Slick Slider*/
.slick-slider {
    margin-bottom: 0;
}
.slick-track:after, .slick-track:before {display: none;}
.slider_for .room_imgblock {
    height: 600px;
}
.room_imgblock {
    height: 160px;
}
.room_imgblock > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider_nav {
	margin-top: 16px;
}
.slider_nav .slick-slide {
	margin: 0 8px;
}
.slider_nav .room_imgblock {
	cursor: pointer;
}
button.slick-arrow {
    font-size: 0;
    width: 24px;
    height: 24px;
    border-radius: 0%;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    bottom: 0;
    left: 20px;
    transition: 0.2s linear;
    box-shadow: none;
    background: transparent;
    border: none;
    z-index: 1;
}
.slick-next:before, .slick-prev:before {
  font-size: 50px;
    line-height: normal;
    opacity: 1;
    color: #fff;
    position: absolute;
    left: 50%;
    top: calc(50% + 1px);
    transform: translate(-50%, -50%);
}
button.slick-next.slick-arrow {
    left: auto;
    right: 20px;
}
button.slick-arrow.slick-disabled {
    user-select: none;
    pointer-events: none;
    opacity: 0.5;
}
/*Slick Slider*/

/* Style Mobile menu */
button.menu-toggle {
	width: 30px;
	font-size: 0;
	height: 30px;
	background: transparent;
	border: none;
	margin-right: 0;
	margin-left: auto;
	z-index: 9999;
	position: absolute;
	right: 0;
	top: 12px;
}

.humbergur__menu {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.humbergur__menu span {
	list-style: none;
	position: absolute;
	left: 10%;
	transform: translate(0, -50%);
	width: 80%;
	height: 3px;
	border-radius: 20px;
	background: linear-gradient(135deg, #E58C1D, #FFD25E, #FDE778, #FFCE43, #FED853, #FFC956, #F4A838);
	box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
	opacity: 1;
	transition: transform 0.2s, top 0.2s, opacity 0.2s;
	transition-delay: 0s, 0.2s, 0.2s;
}

.humbergur__menu span:nth-child(1) {
	top: 25%;
}

.humbergur__menu span:nth-child(2) {
	top: 50%;
	width: 60%;
	left: auto;
	right: 10%;
}

.humbergur__menu span:nth-child(3) {
	top: 74%;
}

.humbergur__menu.active span {
	transition: top 0.2s, transform 0.2s, opacity 0.2s;
	transition-delay: 0s, 0.2s, 0.2s;
	background: var(--white);
}

.humbergur__menu.active span:nth-child(1) {
	top: 50%;
	transform: translate(0, -50%) rotate(-45deg);
}

.humbergur__menu.active span:nth-child(2) {
	opacity: 0;
}

.humbergur__menu.active span:nth-child(3) {
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
}

.overlay_bg {
	position: relative;
	overflow: hidden;
}

/* Style Mobile menu */

/* 404 */
.err_main {
	padding: 60px 30px;
	border-radius: 12px;
	margin: 60px 0;
	overflow: hidden;
	background: var(--white) url('/chokhi_dhani/wp-content/uploads/2022/07/bg_img.png') no-repeat center/cover;
	box-shadow: 0 5px 20px rgb(0 0 0 / 12%);
}

.title_err {
	color: var(--primary);
	font-size: 200px;
	letter-spacing: 20px;
	line-height: 0.8;
	margin-bottom: 30px;
	text-shadow: 5px 2px 10px rgb(0 0 0 / 30%);
}

p.err_p {
	font-size: 18px;
	color: var(--black);
	text-transform: capitalize;
	max-width: 600px;
	text-shadow: 5px 2px 10px rgb(0 0 0 / 20%);
	margin: 0px auto 30px;
}

.err_btn a {
	box-shadow: 5px 5px 10px rgb(0 0 0 / 40%) !important;
}

/* 404 */

/* Site button */
.site_btn a,
.site_btn .so-widget-sow-button .ow-button-base a,
.site_btn input.wpcf7-submit {
	width: 100%;
	max-width: max-content;
	transition: var(--trans);
}
.site_btn input.wpcf7-submit {
	background: var(--e-global-color-accent);
	border: 2px solid var(--e-global-color-accent);
	color: #fff;
}

.site_btn a:hover,
.site_btn .so-widget-sow-button .ow-button-base a:hover,
.site_btn input.wpcf7-submit:hover {
	color: var(--e-global-color-accent) !important;
	background: transparent !important;
}

/* Site button */

.site_title span {display: block;}

/*Header*/

/* Top bar */
.social_links a.elementor-icon {
	padding: 0 !important;
	width: max-content;
	height: fit-content;
	background: transparent;
	color: #fff;
}
/* .social_links a.elementor-icon:hover {
color: var(--e-global-color-accent);
} */
.social_links span.elementor-grid-item:not(:last-child) {
	margin-right: 12px;
}
.social_links svg.e-font-icon-svg {
	width: 22px;
	height: 22px;
}
.social_links svg.e-font-icon-svg path {
	fill: currentColor;
}

.topbar_contact_details .cd {
	font-size: 14px;
	line-height: 18px;
}
.topbar_contact_details .elementor-widget-container a {
	display: inline-block;
	color: #000;
	position: relative;
	font-size: inherit;
	line-height: inherit;
}
.topbar_contact_details .elementor-widget-container, .topbar_contact_details .elementor-widget-container > p {
	display: flex;
	align-items: center;
}
.topbar_contact_details .cd:not(:last-child) {
	padding-right: 12px;
	margin-right: 12px;
	border-right: 1px solid #000;
}
/* Top bar */

.site_nav .hfe-nav-menu .hfe-nav-menu {
	display: flex;
	align-items: center;
}
.site_nav .hfe-nav-menu .hfe-nav-menu li a.hfe-menu-item:hover, .site_nav .hfe-nav-menu .hfe-nav-menu li.current-menu-item a.hfe-menu-item {
  color: #008da7;
}
.site_nav .hfe-nav-menu .hfe-nav-menu .header_btn a.hfe-menu-item {
	padding: 8px 20px 6px;
	background: #008da7 !important;
	border: 2px solid #008da7;
	color: #fff;
	justify-content: center;
	text-align: center;
}
.site_nav .hfe-nav-menu .hfe-nav-menu .header_btn a.hfe-menu-item:hover {
	background: transparent !important;
	color: var(--e-global-color-accent);
}
.ehf-header header#masthead {
	position: sticky;
	top: 0;
	transition: var(--trans);
}
.ehf-header header.sticky {
	box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
}
/*Header*/ 

/*Footer*/
.foot_links .menu > li.menu-item.current-menu-item a, 
.foot_links .menu > li.menu-item a:hover, 
.foot_contact_details .elementor-widget-container a {
	text-decoration: underline;
}
.foot_links .menu > li.menu-item a, 
.foot_contact_details .elementor-widget-container a { 
	color: #000;
} 
.foot_links .menu > li.menu-item {
	font-size: 20px;
	line-height: 28px;
	font-family: var(--primary_font);
	font-weight: 500;
}
.foot_links .menu > li.menu-item:not(:last-child) {
	margin-bottom: 12px;
}
/*Footer*/

/* Home */
body {
	font-family: var(--primary_font);
}
.amenities_block figure.elementor-image-box-img {
	height: 100px;
	object-fit: contain;
	width: 100px !important;
}
.site_title h2.elementor-heading-title {
	position: relative;
	padding-bottom: 90px;
}
.site_title h2.elementor-heading-title::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: url("/wp-content/uploads/2025/02/after-title.png") no-repeat center / contain;
	width: 100%;
	max-width: 720px;
	height: 120px;
	user-select: none;
	pointer-events: none;
}
.wpcf7 {
	font-family: 'Grandstander';
}

/*Banner Form*/
.booking_form .wpcf7 form .wpcf7-response-output {
	color: #fff;
}
.banner_form_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 12px 24px;
	background: #fff;
	border-radius: 100px;
}
.booking_form .submit_btn {
	position:  relative;
}
.booking_form .submit_btn input {
	border-radius: 50px;
}
.booking_form .submit_btn .wpcf7-spinner {
	position: absolute;
	margin: 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.banner_form_row > .date_block {
	border-right: 1px solid;
}
.banner_form_row > .date_block {
  width: 25%;
}

/*Rooms List*/
.rooms_list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.rooms_list > .room_block {
	width: calc(50% - 16px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 24px;
	border: 2px solid #72973E;
	border-radius: 12px;
	overflow: hidden;
}
.room_img > a,
.room_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.room_img {
	height: 420px;
}
.room_details {
	padding: 24px;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}
.room_btm_row {
	padding: 0 24px 24px;
}
a.booknow_btn {
	font-weight: 500;
	padding: 8px 20px;
	background: var(--e-global-color-accent) !important;
	border: 2px solid var(--e-global-color-accent);
	color: #fff;
	display: inline-block;
	text-align: center;
}
h3.room_title {
	margin: 0;
}
.room_facilities_list ul > li::before, 
.room_condition_list li::before {
	content: '';
	width: 5px;
	height: 5px;
	background: #2e753d;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
.room_facilities_list {
	margin-top: 12px;
}
.room_facilities_list ul > li, 
.room_condition_list li {
	width: 100%;
	padding-left: 18px;
	position: relative;
}
.room_facilities_list ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 16px;
	grid-row-gap: 12px;
}

/*Contact us*/
.contact_pageicon {
	width: 32px;
	height: 32px;
}
.contact_pageicon .elementor-widget-container, .contact_pageicon .elementor-widget-container img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.contact_pagedetails {
	width: calc(100% - 48px) !important;
	font-size: 18px !important;
}
.contact_pagedetails a {
	color: #fff;
}
.contact_pagedetails a:hover {
	text-decoration: underline;
}

/*Event & Wedding*/
.milestone_block figure.elementor-image-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.milestone_block figure.elementor-image-box-img {
    height: 280px;
}
.gallery_innerblock .elementor-image-box-wrapper {
    height: 600px;
	overflow: hidden;
}
.gallery_innerblock figure.elementor-image-box-img, .gallery_innerblock figure.elementor-image-box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
	transition: 0.3s linear;
}
.gallery_innerblock figure.elementor-image-box-img:hover img {
	transform: scale(1.05);
}
.gallery_innerblock .elementor-image-box-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 24px;
    z-index: 1;
}
.gallery_innerblock .elementor-image-box-content h3.elementor-image-box-title {
    margin: 0 auto;
    width: 100%;
    max-width: 280px;
}
.gallery_innerblock figure.elementor-image-box-img::before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, black, transparent);
    z-index: 1;
}

/*Single Rooms*/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	padding-left: 16px !important;
	padding-right: 16px !important;
}
.room_with_details:not(:last-child) {
    margin-bottom: 100px;
}
.page_banner_sec {
    padding: 48px 0;
    min-height: 400px;
    text-align: center;
    background-color: #72973e;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page_banner_sec h1.page_title {
    margin: 0;
    font-size: 72px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 80px;
    color: #FFFFFF;
}
.single_rooms_sec {
    padding: 100px 0;
}
.main_details_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.main_details_left {
    width: calc(75% - 16px);
}
.main_details_right {
    width: calc(25% - 16px);
    max-width: 280px;
	display: none;
}
.room_detail {
    display: flex;
    align-items: center;
    column-gap: 24px;
	row-gap: 12px;
    flex-wrap: wrap;
	display: none;
}
.rd_block > span {
    display: inline-block;
	font-weight: 500;
	padding-top: 3px;
}
.rd_block > img {
    width: 24px;
    height: 24px;
    object-fit: contain;
} 
.star_rating > img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}
.star_rating > img:not(:last-child){margin-right: 3px;}
.rd_block {
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.price_title {
    margin-bottom: 6px;
}
.room_price > span {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}
.main_details_left h2 {
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 16px;
}
.single_rooms_images_prices {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}
.single_rooms_content, .sr_btm_row {
    max-width: 1024px;
    margin: 60px auto 0;
}
.sr_detail_block:not(:last-child) {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eaeaea;
}
ul.room_amenities_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 16px;
}
ul.room_amenities_list li::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url('/wp-content/uploads/2025/02/checked.png') no-repeat center / contain;
    position: absolute;
    left: 0;
    top: 2px;
}
ul.room_amenities_list li {
    padding-left: 30px;
    position: relative;
}
.sr_detail_block h3, .sr_btm_title h2 {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 36px;
}
.sr_conditions_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 48px;
    column-gap: 48px;
}
.sr_conditions_block:first-child {
    width: 100%;
}
.sr_conditions_block {
    width: calc(50% - 24px);
}
.room_condition_list li:not(:last-child) {
	margin-bottom: 6px;
}
.sr_conditions_row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 16px;
}
.sr_btm_btn.site_btn > a {
    padding: 8px 20px 6px;
    background: #fff !important;
    border: 2px solid #fff;
    color: var(--e-global-color-accent);
    text-align: center;
    display: inline-block;
	text-transform: capitalize;
	font-weight: 500;
}
.sr_btm_btn.site_btn > a:hover {
    background: transparent !important;
    color: #fff !important;
}
.sr_btm_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
	column-gap: 24px;
	row-gap: 24px;
    padding: 30px 60px;
/*     background: url('https://noahslighthouse.com/wp-content/uploads/2025/04/dv.png')no-repeat center/cover; */
    max-width: 860px;
}
.sr_btm_title h2 {
    color: #fff;
    margin: 0 !important;
	padding-top: 5px;
}


/* Responsive asa */

p:last-child {
	margin-bottom: 0 !important;
} 

@media (min-width: 1025px){

	/* Header */
	.ehf-header header#masthead .header_row .hfe-site-logo, 
	.ehf-header header#masthead .header_row > .e-con-inner {
		transition: var(--trans);
	}
	.ehf-header header.sticky .header_row > .e-con-inner {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.ehf-header header.sticky .header_row .hfe-site-logo {
		transform: scale(0.8);
	}

	/* Home */
	.booking_form input, .booking_form select {
		cursor: pointer;
		border: none;
		font-size: 18px;
		line-height: 20px;
		width: max-content;
		max-width: 220px;
	}
	.booking_form select {
		padding: 15.5px 24px 11.5px;
		background: transparent;
	}

}

@media (max-width: 1366px){

	.amenities_block figure.elementor-image-box-img {
		height: 80px;
		width: 80px !important;
	}
	.site_title h2.elementor-heading-title {
		padding-bottom: 80px;
	}
	.site_title h2.elementor-heading-title::after {
		max-width: 580px;
		height: 100px;
	}

	/*Single Rooms*/
	.slider_for .room_imgblock {
		height: 520px;
	}
	.room_imgblock {
		height: 140px;
	}
	.page_banner_sec h1.page_title {
		font-size: 60px;
		line-height: 68px;
	}
	.page_banner_sec {
    	padding: 32px 0;
		min-height: 320px;
	}
	.sr_detail_block h3, .sr_btm_title h2 {
		font-size: 30px;
		line-height: 38px;
	}
	.sr_detail_block:not(:last-child) {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.single_rooms_sec {
		padding: 80px 0;
	}
	.single_rooms_content, .sr_btm_row {
		margin: 54px auto 0;
	}

}

@media (max-width: 1199px){
	
	/*Event & Wedding*/
	.gallery_innerblock .elementor-image-box-wrapper {
    	height: 520px;
	}

	/*Single Room*/
	.slider_for .room_imgblock {
		height: 420px;
	}
	.room_imgblock {
		height: 120px;
	}
	.sr_detail_block h3, .sr_btm_title h2 {
		font-size: 28px;
		line-height: 36px;
	}
	.sr_detail_block:not(:last-child) {
		margin-bottom: 32px;
		padding-bottom: 32px;
	}
	.main_details_left h2 {
		font-size: 36px;
		line-height: 42px;
	}
	.single_rooms_sec {
		padding: 60px 0;
	}
	.single_rooms_content, .sr_btm_row {
		margin: 48px auto 0;
	}
	.sr_conditions_main {
		row-gap: 40px;
		column-gap: 40px;
	}
	
}

@media (max-width: 1024px){

	/*Home*/
	.amenities_block figure.elementor-image-box-img {
		height: 60px;
		width: 60px !important;
	}
	.site_title h2.elementor-heading-title {
		padding-bottom: 60px;
	}
	.site_title h2.elementor-heading-title::after {
		max-width: 460px;
		height: 80px;
	}
	.room_facilities_list ul {
		grid-template-columns: repeat(1, 1fr);
	}
	.rooms_list > .room_block {
		width: calc(50% - 8px);
		row-gap: 20px;
	}
	.room_img {
		height: 320px;
	}

	/*Header*/
	nav.hfe-dropdown {
		padding: 0px 16px;
		top: calc(100% + 28px) !important;
		border-top: 1px solid #ccc;
	}
	.site_nav .hfe-nav-menu .hfe-nav-menu .header_btn {
		padding-bottom: 24px;
	}
	
	/*Single Rooms*/
	.room_with_details:not(:last-child) {
		margin-bottom: 80px;
	}
	.slider_for .room_imgblock {
		height: 360px;
	}
	.room_imgblock {
		height: 100px;
	}
	.page_banner_sec h1.page_title {
		font-size: 48px;
		line-height: 56px;
	}
	.page_banner_sec {
    	padding: 24px 0;
		min-height: 260px;
	}
	ul.room_amenities_list {
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 16px;
		grid-row-gap: 12px;
	}
	.main_details_left h2 {
		font-size: 32px;
		line-height: 38px;
		margin: 0 0 14px;
	}
	.sr_detail_block h3, .sr_btm_title h2 {
		margin: 0 0 14px;
		font-size: 26px;
		line-height: 34px;
	}
	.sr_detail_block:not(:last-child) {
		margin-bottom: 28px;
		padding-bottom: 28px;
	}
	.single_rooms_content, .sr_btm_row {
		margin: 40px auto 0;
	}
	.main_details_left {
		width: 100%;
	}
	.main_details_right {
		width: 100%;
		max-width: 100%;
		margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #f3f3f3;
	}
	.sr_conditions_main {
		row-gap: 36px;
		column-gap: 36px;
	}

	/*Banner form*/
	.banner_form_row {
		padding: 16px;
		border-radius: 12px;
	}
	.banner_form_row > .date_block {
		border-right: none;
		width: calc(50% - 8px);
	}
	.banner_form_row > * {
		width: 100%;
	}
	.banner_form_row > *:not(:last-child){
		margin-bottom: 16px;
	}
	
	/*Event & Wedding*/
	.milestone_block figure.elementor-image-box-img {
    	height: 260px;
	}
	.gallery_innerblock .elementor-image-box-wrapper {
    	height: 480px;
	}

}

@media (max-width: 767px){

	.amenities_block figure.elementor-image-box-img {
		height: 48px;
		width: 48px !important;
	}
	.site_title h2.elementor-heading-title {
		padding-bottom: 46px;
	}
	.site_title h2.elementor-heading-title::after {
		max-width: 420px;
		height: 60px;
	}

	/*Header*/
	nav.hfe-dropdown {
		top: calc(100% + 20px) !important;
	}

	.rooms_list > .room_block {
		width: 100%;
		row-gap: 16px;
	}
	.rooms_list > .room_block:not(:last-child){
		margin-bottom: 24px;
	}
	.room_img {
		height: 260px;
	}
	
	/*Single Rooms*/
	.room_with_details:not(:last-child) {
		margin-bottom: 60px;
	}
	.slider_for .room_imgblock {
		height: 320px;
	}
	.room_imgblock {
		height: 80px;
	}
	.page_banner_sec h1.page_title {
		font-size: 36px;
		line-height: 46px;
	}
	.page_banner_sec {
		min-height: 180px;
	}
	.sr_conditions_block {
		width: 100%;
	}
	ul.room_amenities_list {
		grid-row-gap: 8px;
	}
	.main_details_left h2 {
		font-size: 28px;
		line-height: 34px;
		margin: 0 0 12px;
	}
	.sr_detail_block h3, .sr_btm_title h2 {
		margin: 0 0 12px;
		font-size: 24px;
		line-height: 32px;
	}
	.sr_detail_block:not(:last-child) {
		margin-bottom: 24px;
		padding-bottom: 24px;
	}
	.single_rooms_sec {
		padding: 48px 0;
	}
	.single_rooms_content, .sr_btm_row {
		margin: 32px auto 0;
	}
	.sr_btm_row {
		padding: 24px 30px;
	}
	.sr_conditions_main {
		row-gap: 32px;
	}

	/*Banner form*/
	.banner_form_row > .date_block {
		width: 100%;
	}
	.banner_form_row > *:not(:last-child){
		margin-bottom: 12px;
	}
	.booking_form input, .booking_form select {
		font-size: 16px;
		padding: 12px 24px 10px;
	}
	
	/*Event & Wedding*/
	.milestone_block figure.elementor-image-box-img {
    	height: 240px;
	}

}

@media (max-width: 489px){
	
	/*Contact*/
	.contact_form_row > .width50 {
		width: 100%;
	}
	
	/*Event & Wedding*/
	.milestone_block figure.elementor-image-box-img {
    	height: 200px;
	}
	.gallery_innerblock .elementor-image-box-wrapper {
    	height: 420px;
	}

	/*Single Rooms*/
	.single_rooms_content, .sr_btm_row {
		margin: 24px auto 0;
	}
	.slider_for .room_imgblock {
		height: 220px;
	}
	.room_imgblock {
		height: 60px;
	}
	.sr_btm_row {
		padding: 32px 24px;
		row-gap: 12px;
		justify-content: center;
	}
	.sr_conditions_main {
		row-gap: 24px;
	}
	.rd_block {
		width: calc(50% - 12px);
	}
	.rd_block:last-child {width: 100%;}
	
}

@media (max-width: 389px){

	ul.room_amenities_list {
		grid-template-columns: repeat(1, 1fr);
	}

}