/*--------------------- Responsive (Start) ---------------------*/
@media (max-width: 991px){
.experience-row {flex-wrap: wrap;}
.experience-img img {width: 100%;}
.experience-content h2 {font-size: 25px;}
.why-section .card-image { width: 100%;}
section.faq_s {padding: 60px 0px;}
.contact-wild-section .about-text {margin-bottom: 9px;font-size: 15px;}
.contact-wild-section .gallery-content h3 {font-size: 25px; margin-bottom: 7px;
}
.booking-section_n {padding: 145px 0px 30px;}
.list_s {flex-wrap: wrap;}
 .in_oc_c {width: 100%;}
}

@media (max-width: 768px){
    .hotel-detail-box .feature-grid {grid-template-columns: 1fr;}

   
}

@media (max-width: 435px){
    .hero-content {padding-top: 0px;}
    .hero {min-height: 80vh;}
    .hero-left h1 {font-size: 35px;}
    .feature-card {padding: 25px 30px;}
	.tour-image-content h2 {
        font-size: 20px;
    }
	.tour-image-content span {
    font-size: 14px;}
	.tour-image-content p {
    font-size: 10px;}
	.tour-image-features {padding: 10px;}
	.tour-image-features div {font-size: 11px;}
	.tour-badge {font-size: 10px;top: 10px;}
	.modern-tour-content h3 {
        font-size: 25px;
    }
      .ss-main-title {
        font-size: 25px;
    }
	.hero{padding: 183px 0 100px;}
}

/*--------------------- Responsive (End) ---------------------*/
@media (max-width: 380px){.tour-image-features {padding: 10px;}
	.tour-image-features div {font-size: 11px;}
	.tour-badge {font-size: 10px;top: 10px;}
	    .modern-tour-content h3 {
        font-size: 23px;
    }
	}