@media screen and (max-width: 1400px){
	.site-header .hamburger-btn{
		display: block;
		background-color: transparent;
	    box-shadow: none;
	    padding: 10px;
    	border: none;
	}
	.site-header .branding{
		flex: 1;
	}
	.sidebar-open{
		overflow: hidden;
	}
	.site-header .main-nav .menu .menu-item:not(.reserve-btn){
		display: none;
	}
	.site-header .hamburger-btn{
		margin-left: 30px;
		cursor: pointer;
	}
	.mobile-menu{
		position: fixed;
	    width: 100vw;
	    right: 0;
	    left: 0;
	    height: 100vh;
	    top: 0;
	    z-index: 99;
	    display: none;
	}
	.mobile-menu.show{
		display: block !important;
	}
	.mobile-menu .menu-overlay {
        background: rgba(0, 0, 0, 0.2);
        left: 0px;
        position: absolute;
        height: 100%;
        top: 0;
        overflow: hidden;
        padding-top: 0px;
        width: 100%;
    }
	.mobile-menu .main-nav{
		background: white;
	    width: 300px;
	    right: -300px;
	    position: absolute;
	    height: 100%;
	    top: 0;
	    overflow: hidden;
        overflow-y: scroll;
        padding-top: 50px;
        padding-bottom: 50px;
        transition: all 0.3s linear;
	}
	.mobile-menu .main-nav ul li ul.sub-menu{
		display: none;
		position: relative;
		box-shadow: none;
		width: 100%;
		top: 0;
	}
	.mobile-menu .main-nav ul{
		display: grid;
		grid-template-columns: 1fr;
		margin: 0 auto;
        width: 85%;
	}
	.mobile-menu.show .main-nav{
		right: -300px;
	}
	.mobile-menu.show.open .main-nav{
		right: 0px;
	}
	.mobile-menu .main-nav ul li.menu-item-has-children > a{
		width: 100%;
	}
	.mobile-menu .main-nav ul li.menu-item-has-children > a::after{
		content: "";
	    background-image: url(../images/down-arrow-dark.svg);
	    background-size: 100%;
	    width: 14px;
	    right: 0;
	    aspect-ratio: 14 / 8;
	    position: absolute;
	    top: 12px;
        right: 15px;
	    transform: none;
	}
	.mobile-menu .main-nav .reserve-btn a{
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 1200px){
	.container,
	.faq-section,
	.full-container.lsp .left-content{
		--container-max-width: calc(100vw - 60px);
		--padding-left: 30px;
	}
	.postid-59 .tab-items .tour-plan,
.postid-65 .tab-items .tour-plan,
.postid-60 .tab-items .tour-plan,
	.tab-items .tour-plan{
		width: calc(33.33% - 20px);
	}
}
@media screen and (max-width: 900px){
	.postid-59 .tab-items .tour-plan,
.postid-65 .tab-items .tour-plan,
.postid-60 .tab-items .tour-plan,
	.tab-items .tour-plan{
		width: calc(50% - 20px);
	}
	.photography-grid{
		display: grid;
	    grid-template-columns: 1fr;
	    gap: 30px;
	}
}
@media screen and (max-width: 1024px){
	.container,
	.faq-section,
	.full-container.lsp .left-content{
		--container-max-width: calc(100vw - 50px);
		--padding-left: 25px;
	}
	.full-container.lsp .right-content{
		margin-left: 40px;
	}
	.site-header{
		--header-padding: 6px;
	}
	.site-header .container{
		--padding-left: 20px;
	}
	.site-header .main-nav{
		display: none;
	}
	.site-header .main-nav.show{
		position: fixed;
        width: 100vw;
        height: 100dvh;
        background-color: rgba(0, 0, 0, 0.3);
        right: 0;
        top: 0;
        z-index: 999;
        display: block;
	}
	.site-header .main-nav .menu{
		background-color: var(--ride-color-light);
		width: 80%;
		max-width: 300px;
		right: -80%;
		top: 0;
	    padding: 0px 20px;
	    height: 100%;
	    position: absolute;
	    display: block;
	    overflow: hidden;
	    overflow-y: auto;
	    transition: right 0.4s 0.5s ease;
	    margin: 0;
	}
	.footer-menu .branding .site-title{
		font-size: 20px;
	}
	.footer-menu .branding .custom-logo{
		max-height: 65px;
	}
}


@media screen and (max-width: 991px){
	.number-stats .stats-wrap{
		grid-template-columns: repeat(1, 1fr);
	}
	.container.visitor-map-container{
		max-width: var(--container-max-width);
	}
	.visitor-maps {
	    display: grid;
	    gap: 20px;
	    grid-template-columns: repeat(2, 1fr);
	}
	.faq-right .faq-inner{
		padding-left: 50px;
	}
}

@media screen and (max-width: 768px){
	body{
		--padding-left: 20px;
		--ride-header-height: 60px;
		--base-margin: 5px;
	}
	.container,
	.faq-section,
	.full-container.lsp .left-content{
		--container-max-width: calc(100vw - 40px);
		--padding-left: 20px;
	}
	.testimonial-item .testimonial-img {
    	aspect-ratio: 1 / 0.7;
	}
	#breadcrumbs{
		font-size: 14px;
	}
	.page-title .inner-content{
		padding-block: 12px;
	}
	#breadcrumbs svg{
		margin: 0 10px;
		width: 16px;
	}
	#breadcrumbs > span{
		display: flex;
    	align-items: center;
	}
	.section-bg.join-team-bg{
		background-position: bottom;
	}
	.section-bg.join-team-bg:after{
		background: linear-gradient(to bottom, black 0%, black 30%, transparent 100%);
	}
	.section-bg.join-team-bg .inner-content{
		width: 100%;
		padding-bottom: 200px;
		padding-top: 50px;
	}

	.text-center-sm{
		text-align: center;
	}
	.text-center-sm ul{
		list-style-position: inside;
		padding: 0;
	}
	.inner-content{
		padding-block: 30px;
	}
	h1,.h1,
	h2, .h2 {
	    font-size: 20px;
	    line-height: 130%;
	}
	h3, .h3 {
	    font-size: 16px;
	    line-height: 150%;
	}
	p {
	    font-size: 14px;
	    line-height: 20px;
	}
	.social-links .social-grid a svg{
		width: 35px;
		height: 35px;
	}
	.experience-title{
		text-align: center;
	}
	.info-icon{
		position: inherit;
	}
	.info-icon::before{
		bottom: 90%;
	}
	.checklist-item p.info-icon-p:hover .info-icon::after,
	.checklist-item p.info-icon-p:hover .info-icon::before,
	.info-icon:hover::after,
	.info-icon:hover::before {
	  opacity: 1;
	  visibility: visible;
	}
	.checklist-item p.info-icon-p{
		text-decoration: underline;
	}
	/*.info-icon:after,
	.info-icon:before{
		content: none;
	}
	.info-icon svg{
		display: none;
	}
	.info-icon{
		display: block;
		margin-left: 0px;
		color: var(--ride-color-dark);
	}
	.info-icon span{
		display: block;
	}*/
	.mb-1{
		margin-bottom: var(--base-margin);
	}
	.mb-2{
		margin-bottom: calc(2 * var(--base-margin));
	}
	.mb-3{
		margin-bottom: calc(3 * var(--base-margin));;
	}
	.mb-4{
		margin-bottom: calc(4 * var(--base-margin));;
	}
	.p-1{
		padding: var(--base-margin);
	}
	.p-2{
		padding: calc(2 * var(--base-margin));;
	}
	.row{
		flex-wrap: wrap; 
	}
	.row .col{
		flex: auto;
	}
	.site-header .main-nav.show .menu{
		right: 0;
		transition: right 0.4s 0.5s ease;
	}
	.main-nav .menu-item{
		color: var(--ride-color-dark);
	}
	.main-nav .menu-item.current-menu-item{
		color: var(--ride-color-active);
	}
	.footer-phone-div{
		display: flex;
		gap: 8px;
	}
	.footer-phone-div .spacer{
		width: 1px;
	    background: white;
	    height: 18px;
	    margin-top: 0;
	}
	/*.main-nav a{
		display: block;
		text-align: left;
		padding-block: 8px;
	}
	.main-nav ul li ul.sub-menu{
		display: block;
		padding: 0;
		box-shadow: none;
		position: inherit;
		max-height:0px;
		overflow: hidden;
		transition: max-height 0.3s linear;
	}
	.main-nav ul li ul.sub-menu li{
		margin: 5px 15px;
		padding: 0;
	}*/
	/*.main-nav .menu-item-has-children:after{
		content: '';
		background-image: url(../images/plus.svg);
		background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        transition: all 0.3s linear;
        position: absolute;
        right: 2px;
        top: 8px;
	}*/
	/*.main-nav .menu-item-has-children.active:after{
		transform: rotate(45deg);
	}
	.main-nav .menu-item-has-children.active ul.sub-menu{
		max-height: 400px;
	}
	.main-nav .reserve-btn{
		margin-top: 50px;
	}*/
	
	.site-header .branding .custom-logo{
		max-height: 47px;
	}
	.site-header .branding .site-title{
		font-size: 20px;
	}
	.stats-grid{
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}
	.experience-grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.experience-item img{
		aspect-ratio: 158/128;
	}
	.experience-item h3{
		font-size: 14px;
		line-height: 125%;
	}
	.experience-grid .experience-item:last-child:nth-child(odd){
		grid-column: 1 / -1;   /* span both columns */
  		justify-self: center;  /* center horizontally */
  		width: 50%;
	}
	.explore-btn{
		font-size: 12px;
		line-height: 18px;
	}
	.footer-menu{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.footer-menu .col:nth-child(1),
	.footer-menu .col:nth-child(4){
		grid-column: 1 / -1;
	}
	.footer-menu .col:nth-child(3){
		text-align: right;
	}
	.footer-menu .col:last-child{
		border-top: 1px solid var(--ride-color-active);
	    margin: 0;
	    padding-top: 15px;
	}
	.footer-menu ul li{
		margin-bottom: 5px;
	}
	.footer-menu .col:last-child li.menu-item{
	    margin-bottom: 10px;
	}
	.footer-menu ul.sub-menu{
		margin-top: 5px;
	}
	.footer-menu ul li a{
		font-size: 14px;
		font-weight: 300;
		line-height: 20px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.footer-menu ul.sub-menu li a{
		font-size: 12px;
		line-height: 18px;
	}
	.contact-info h3{
		font-weight: 500;
		font-size: 12px;
		line-height: 20px;
	}
	.contact-info p {
	    font-weight: 300;
	    font-size: 12px;
	    line-height: 18px;
	}
	.copyright-info {
	    padding: 12px 0px;
	}
	.copyright-info p {
	    font-weight: 300;
	    font-size: 13px;
	    line-height: 24px;
	}
	.social-links .nav-title {
	    font-weight: 300;
	    font-size: 14px;
	    line-height: 20px;
	}
	.testimonial-item {
	    grid-template-columns: 1fr;
	    padding: 20px;
	    background-color: var(--ride-color-dark);
	}
	.testimonial-detail{
		padding: 0px;
	}
	.testimonial-detail .comment p,
	.testimonial-detail .info{
		font-size: 12px;
		line-height: 18px;
	}
	.rating{
		gap: 5px;
	}
	.rating span{
		width: 18px;
		height: 18px;
	}
	.stats-item .stats-wrap{
		grid-template-columns: 30px 1fr;
	}
	.stats-grid .stats-item{
		padding: 15px 18px;
	}
	.stats-wrap .stat-info h3{
		font-size: 16px;
	}
	.stats-wrap .stat-info p{
		font-size: 14px;
		line-height: 20px;
	}
	.slider-navigation{
		gap: 2px;
	}
	.swiper-prev-button, .swiper-next-button{
		width: 30px;
	}
	.contact-section .full-container .inner-content{
		grid-template-columns: repeat(1, 1fr);
		padding-top: 0px;
	}
	.accomodation-section .full-container .inner-content{
		grid-template-columns: repeat(1, 1fr);
		padding-top: 0px;
	}
	.group-booking-section .full-container .inner-content{
		grid-template-columns: 1fr;
	}
	.group-booking-section .full-container.lsp .left-content{
		margin-left: var(--padding-left);
		margin-right: var(--padding-left);
	}
	.group-booking-section .full-container.lsp .right-content{
		margin-left: 0px;
		margin-right: 0px;
		height: 250px;
	}
	.group-booking-section .full-container.lsp .left-content:before{
		content: none;
	}
	.group-booking-section .full-container.lsp .right-content{
		position: relative;
		margin-top: -10%;
	}
	.group-booking-section .full-container.lsp .right-content:before{
		content: '';
		background: linear-gradient(to bottom, white 60%, transparent);
		height: 35%;
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}
	.contact-section .full-container.lsp .right-content{
		margin-left: 0px;
		aspect-ratio: 375/249;
		order: 1;
	}
	.accomodation-section .full-container.lsp .right-content{
		margin-left: 0px;
		aspect-ratio: 375/249;
		order: 1;
	}
	.contact-section .full-container.lsp .left-content{
		order: 2;
		width: calc(100vw - (2 * var(--padding-left)));
        max-width: var(--container-max-width);
        margin: 0 auto;
        padding-top: 30px;
	}
	.accomodation-section .full-container.lsp .left-content{
		order: 2;
		width: calc(100vw - (2 * var(--padding-left)));
        max-width: var(--container-max-width);
        margin: 0 auto;
        padding-top: 30px;
	}
	.accomodation-section .wpcf7 form .custom-form-wrap > div{
		grid-column: 1 / -1;
	}
	.custom-form-wrap > div > label{
		font-size: 12px;
		line-height: 18px;
	}
	.sticky-social-bar{
		right: 15px;
		top: 50%;
	}
	.sticky-social-bar .social-list{
		gap: 10px;
	}
	.social-list a{
		width: 30px;
		padding: 5px;
	}
	.faq-section{
		grid-template-columns: repeat(1, 1fr);
	}
	.faq-left .faq-inner,
	.faq-right .faq-inner{
		padding: 30px 20px;
		padding-bottom: 80px;
	}
	.faq-left .accordion-item{
		padding-inline: 20px;
	}
	.faq-left .accordion-content p{
		font-size: 16px;
	}
	.faq-left ul{
		width: 100%;
	}
	.faq-section .faq-right{
		display: none;
	}
	.faq-left .accordion-tab{
		background: white;
		display: block;
		height: auto;
	}
	.team-member{
		grid-template-columns: 1fr;
	}
	.team-member:nth-child(even) .team-img,
	.team-member .team-img{
		margin-right: 0px;
		margin-left: 0;
		display: inline-flex;
		order: 1;
	}
	.team-member:nth-child(even) .team-info,
	.team-member .team-info{
		margin-left: 0;
		margin-right: 0;
		margin-top: -10px;
        z-index: auto;
        order: 2;
	}
	.stats-wrap{
		grid-template-columns: repeat(1, 1fr);
		/*padding: 2rem;*/
		margin: 0 auto;
	}
	.site-seeing{
		row-gap: 1rem;
	}
	.site-seeing .site-item:nth-child(odd),
	.site-seeing .site-item:nth-child(even){
		grid-template-columns: 1fr;
	}
	.site-item:nth-child(odd) .site-info,
	.site-item:nth-child(even) .site-info{
		padding-left: 0px;
		padding-right: 0px;
	}
	.site-item .site-img img{
		position: inherit;
	}
	.site-item .site-img{
		aspect-ratio: 300/190;
	}
	.site-item:nth-child(even) .site-img,
	.site-item:nth-child(odd) .site-img{
		order: 1;
	}
	.site-item:nth-child(odd) .site-info,
	.site-item:nth-child(even) .site-info{
		order: 2;
	}
	.site-item .site-info{
		text-align: center;
		padding-bottom: 1rem;
	}
	.accommodation-wrap > h3{
		width: 60%;
		margin-right: 0px;
		margin-bottom:25px;
	}
	.accommodation-wrap > p{
		margin-right: 0px;
	}
	.accommodation-wrap .cta-btn{
		position: absolute;
		top: 0px;
		right: 0;
		margin-right: 0;
		padding: 8px 15px;
		font-size: 12px;
	}
	.cta-btn.mini{
		padding: 8px 15px;
		font-size: 12px;
	}
	/*.accommodation-swiper{
		height: 215px;
	}*/
	.access-map{
		height: 250px;
	}
	.toggle-image .desktop{
		display: none;
	}
	.toggle-image .mobile{
		display: block;
	}

	/*Access Page */
	.access-info .grid{
		grid-template-columns: 1fr;
	}
	.full-container.access-info-table .inner-content{
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.access-info-table .inner-content .left-content{
		width: 100%;
    overflow: hidden;
    overflow-x: auto;
	}
	.table-content table{
		table-layout: fixed;
		background-color: white;
	}
	.access-info-table .table-content{
		overflow: unset;
	}
	.access-info .grid img {
	    aspect-ratio: 570 / 323;
	}
	.access-info h4{
		font-size: 16px;
	}
	.access-info h3{
		font-size: 20px;
	}
	.social-icons {
	    display: grid;
	    grid-template-columns: repeat(4, 1fr);
	    gap: 20px;
	}
	.social-icons a{
		height: 40px;
	}
	.row .col.social-wrap{
		justify-content: center;
		flex: 1;
	}
	.table-content table tr:first-child th,
	.table-content table tr td:first-child,
	.table-content table tr td{
		font-size: 14px;
		white-space: normal;
		padding-inline: 10px;
	}
	.full-container.lsp .left-content.mr-0{
		margin-right: 0;
		margin-left: 0;
		order: 2;
	}
	.full-container.access-info-table{
		width: calc(100vw - (2 * var(--padding-left)));
	    max-width: var(--container-max-width);
	    margin: 0 auto;
	}
	.full-container.lsp.access-info-table .right-content{
		aspect-ratio: 375/180;
		margin-left: 0px;
	}
	.tour-bg-1 .row .col{
		text-align: center;
	}
	.tour-tab-items .tab-items.active{
		grid-template-columns: repeat(1, 1fr);
	}
	.tour-checklist .row{
		grid-template-columns: 1fr;
	}
	.tour-checklist .col:nth-child(1){
		/*width: 100vw;
		margin-left: calc(-1 * var(--padding-left));*/
	}
	.tour-checklist .col:nth-child(1) img{
		height: auto;
		margin-block: 0px;
		margin-inline: calc(-1 * var(--padding-left));
	    width: 100vw;
	    max-width: none;
	    height: 50vh;
	}
	.tour-checklist .col:nth-child(2){
		margin-left: 0px;
		padding: 20px;
		margin-top: -100px;
	}
	.checklist-item{
		padding-left: 45px;
	}
	.checklist-item .checklist-icon{
		width: 25px;
	}
	.checklist-item h3:first-child{
		padding-top: 5px;
	}
	.checklist-item ul{
		font-size: 14px;
	}
	.ride-checklist-wrap{
		text-align: left;
	}
	.checklist-grid,
	.checklist-grid.grid-col-1,
	.checklist-grid.grid-col-2,
	.checklist-grid.grid-col-3,
	.checklist-grid.grid-col-4,
	.checklist-grid.grid-col-5{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	.checklist-grid .checklist-item {
	    padding: 0;
	    display: grid;
	    grid-template-columns: 32px 1fr;
	    gap: 20px;
	    align-items: center;
	    width: 100% !important;
	}
	.tour-bg-1:before, .tour-bg-2:before{
		width: 100%;
		background-position: bottom;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.tour-bg-1 .row .col:nth-child(1), .tour-bg-2 .row .col:nth-child(1){
		text-align: center;
	}
	.tour-bg-1 .row .col:nth-child(2), .tour-bg-2 .row .col:nth-child(2){
		padding-top: 50%;
		/*background-image: var(--tour-bg);
		background-repeat: no-repeat;
        background-size: cover;*/
	}
	.tour-bg-1:after, .tour-bg-2:after{
		/*content: none;*/
		width: 100%;
	}
	.tour-bg-2:after {
	    background: linear-gradient(to bottom, var(--ride-color-dark) 60%, transparent);
	}
	.tour-bg-1:after {
	    background: linear-gradient(to bottom, var(--ride-color-light) 60%, transparent);
	}
	.equipment-grid .equipment-item{
		width: 100%;
	}
	.postid-65 .tour-tab-items{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 550px){
	.copyright-info p{
		font-size: 10px;
	}
	.postid-59 .tab-items .tour-plan,
.postid-65 .tab-items .tour-plan,
.postid-60 .tab-items .tour-plan,
.postid-62 .tab-items .tour-plan,
	.tab-items .tour-plan{
		width: 100%;
	}
}