/*===================================
 * Responsive 
 *===================================*/

@media (max-width:1440px) {}

@media (max-width:1366px) {}
 
@media (max-width:1266px) {}
	 
@media (max-width:1100px) {}

@media (max-width:1024px) {
	.scrolling-text br, .elementor-heading-title br{
		display: none;
	}
	.fullbleed-overlay::after { 
		background: linear-gradient(to right, rgba(0,61,51,0.92) 0%, rgba(0,61,51,0.55) 100%, rgba(0,61,51,0.10) 100%, rgba(0,61,51,0.55) 100%, rgba(0,61,51,0.88) 100%), radial-gradient(ellipse at center, transparent 40%, rgba(0,30,24,0.45) 100%); 
	}
}
@media (max-width:991px) {}
@media (max-width:880px) { 
	.beyond_hot_springs::before{
		content: unset;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
.faq-layout {
    display: flex;
    gap: 5px;
    align-items: start;
    flex-direction: column;
}
.faq-sidebar {
    position: sticky;
    top: 26px;
    padding: 47px 0 1px;
    padding-right: 6px;
    border-right: 0px solid var(--rule);
    min-height: auto;
    width: 100%;
    background: #FAF7F2;
    z-index: 99;
}
.sidebar-nav {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 4px;
    padding: 0;
    align-items: stretch;
    white-space: nowrap;
    overflow: scroll;
}
.sidebar-contact {
    margin-top: 10px;
    padding-top: 10px;
}	
	
.sidebar-nav a {
    position: relative;
}

.sidebar-nav a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 2px;
    background: var(--gold);
    transition: width 0.3s ease;
}

.sidebar-nav a.active::after {
    width: 50%;
}	

.sidebar-nav a {
    border-left: 0px solid transparent !important;
}
div.sidebar-nav a.active {
    border-left-color: none !important;

}	
	
.faq-content {
    z-index: 1;
}	
.faq-item details summary {
    padding: 10px 0;
}	
.sidebar-divider {
    margin: 10px 0;
}	
.faq-section h2 {
    font-size: 22px;
}	
.section-rule {
    margin-bottom: 10px;
}	

.faq-content {
    padding: 37px 0 70px 5px;
}	
.faq-section {
    margin-bottom: 20px;
}

.sidebar-contact {
    display: none;
}
	
}



@media (max-width:767px) {
	.elementor-button{
		text-align: left;
	}
}

@media (max-width:575px) {
/* 	#riyuegu_stay{
		background-position: -65px 0px;
	} */
}
@media (max-width:420px) {
	#riyuegu_stay{
		background-position: -85px 0px;
	}
}
@media (max-width:375px) {}