@media screen and (max-width: 480px) {
  


    .section .about{
        padding-top:100px;
        padding-bottom:  100px;
    }
    .display-10 {
        font-size: 42px;
    }
    .about-hero-gallery-v1 {
        margin-left: -12px;
        margin-right: -12px;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .picture.border-radius-16px-mbl {
        border-radius: 12px;
    }
    .section .about h1 {
        font-size: 42px;
    }

    .container-default {
        padding-right:16px;
        padding-left: 16px;
    }
    .mg-bottom-default {
        margin-bottom: 16px;
    }
    
    .about-us{
        margin-top: 0px;
    }
    .section.hero.about p {
        margin-bottom: 0px;
    }
    
    .section.hero.about{
        padding-top: 130px;
    }
    .about-content{
        margin-top: 25px;
    }
}
@media screen and (min-width:481px) and (max-width: 767px) {
    section{
        padding: 0.5rem 0;
    }


}
@media screen and (max-width:480px) {
    .banner{
        padding: 0;
    }
    section{
        padding: 0.5rem 0;
    }

}
@media screen and (min-width:481px) and (max-width: 767px) {
    .section .about {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .container-default {
        padding-right:16px;
        padding-left: 16px;
    }
    .display-10 {
        font-size: 52px;
    }
    .mg-bottom-default {
        margin-bottom: 16px;
    }
    .about-hero-gallery-v1 {
        margin-top: 48px;
        margin-bottom:  48px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .picture.border-radius-16px-mbl {
        border-radius: 16px;
    }
    /* .hidden-on-mobile-landscape {
        display: none;
    } */
    .section .about h1 {
        font-size: 52px;
    }

    .about-us .about-listing ul li {
        line-height: 2 !important;
        font-size: 14px !important;
        padding: 0 8px !important;
    }
    
    .testimonial-item1 .details .ms-3{
        margin-left: 0rem !important;
    }
  

}


@media screen and (min-width:768px ) and (max-width: 991px) {

    section{
        padding: 0.5rem 0;
    }
    .header_menu .navbar.navbar-default .navbar-header .navbar-brand img{
        max-width: 60%;
    }
    .display-10 {
        font-size: 64px;
    }
    .about-hero-gallery-v1 {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        margin-top: -48px;
        margin-left: -16px;
        margin-right: -16px;
        
    }
    .section .about h1 {
        font-size: 64px;
    }
    .section-shape-top{
        bottom: 91px !important;
    }
    .banner .banner-main .banner-content{
        top: 37%;
    }
    .banner .banner-main .banner-content>h1{
        font-size: 47px;
    }
    .banner_destinations{
        bottom: 157px;
        text-align: center;
        font-size: 17px;
    }


    .about_sec{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .about-listing_horizontal{
        display: block !important;
    }
    .about-listing_horizontal ul > li {
        display: inline-block;
        /* You can also add some margins here to make it look prettier */
    }
    .about-listing{
        display: none;
    }

}



/* @media screen and (max-width: 480px) {
    .contact_us_section .contact_top h1 {
      font-size: 45px;
      line-height: 1.2;
  }
    .contact_us_section .contact_top .contact_text{
      padding: 10px 10px;
    }
  } */



/* Media Queries for Responsiveness */
@media (max-width: 991px) {




    .contact_details {
        padding: 40px 30px;
        column-gap: 20px;  /* Adjust column gap for medium screens */
        display: block;
    }

    .contact_us_section .contact_top h1 {
        font-size: 3rem; /* Reduce the font size on medium screens */
    }

    .contact_us_section .contact_top .contact_text {
        padding: 10px 10px ;/* Adjust padding for medium screens */
    }

    .col-lg-6 {
        flex: 0 0 100%; 
        max-width: 100%; 
    }

    .contact_info {
        padding: 20px;
    }

    /* For the contact info sections */
    .phone_no, .email_us, .office_hours {
        display: flex;
        flex-direction: column;
        padding: 10px 0;
    }

    .contact_info img {
        width: 30px;  /* Resize icons for smaller screens */
    }

    .contact_info h3 {
        font-size: 1.2rem; /* Adjust heading size */
    }

    .contact_info p {
        font-size: 1rem; /* Adjust paragraph size */
    }

    .map_div iframe {
        width: 100%;
        height: 300px; /* Adjust map size for smaller screens */
    }

  
}

@media (max-width: 575px) {
    .contact_us_section .contact_top h1 {
        font-size: 2.5rem; /* Further reduce font size for small screens */
    }

    .contact_us_section .contact_text {
        padding: 40px 20px 0px 20px; /* Adjust padding for very small screens */
    }

    .contact_details {
        padding: 10px 0px;
        display: block;
    }

    .map_div iframe {
        height: 250px; /* Further reduce iframe height */
    }

    .contact_info h3 {
        font-size: 1rem; /* Reduce heading size */
    }

    .contact_info p {
        font-size: 0.9rem; /* Reduce paragraph font size */
    }



    /* 08-10-2024 sunday */


    .banner .overlay, 
    .banner .dot-overlay, 
    .banner .color-overlay,
    .banner .white-overlay,
    .banner .left-overlay{
        height: 225px;
    }
    .index .banner-main{
        height: 223px;
    }
    .banner_destinations{
        visibility: hidden;
    }
    .section-shape-top{
        height: 95px;
        bottom: -37px;
        z-index: 9;
    }

    .header_menu .navbar.navbar-default{
        top: 0%;
        padding: 0 9px;
    }
    
    .header_menu .navbar.navbar-default .navbar-flex
    {
        padding-bottom: 4px !important;
    }
    .header_menu .navbar.navbar-default .navbar-header .navbar-brand img{
        max-width: 50%;
    }
    .top-destinations{
        padding-top: 3.5rem !important;
    }
    p{
        font-size: 15px;
    }

    .testimonial .dot-overlay{
        height: 100%;
    }

    .destination-list .section-title{
        padding-top: 70px;
    }
}



/* domestic destinations index */

@media (max-width: 768px) {
    .domestic_trip {
        margin-bottom: 20px;
    }

    .domestic_trip .inner_box {
        flex-direction: column; /* Stack the image and text vertically */
        text-align: center;
        min-height: auto; /* Remove fixed height for better fit */
    }

    .domestic_trip_image {
        margin-bottom: 15px;
    }

    .trip_details h4 {
        font-size: 1.2rem;
    }

    .pricing h3 {
        font-size: 1.5rem;
    }

    .pricing p {
        font-size: 0.9rem;
    }


}

@media (max-width: 576px) {
    .trip_details h4 {
        font-size: 1rem;
    }

    .pricing h3 {
        font-size: 1.3rem;
    }

    .domestic_trip_image img {
        max-width: 80%; /* Reduce image size for smaller screens */
    }
}


@media (min-width: 575px) and (max-width: 768px){
    .pack_det{
        justify-content: center;
    }

    .section.hero.about p{
        margin-bottom: -30px;
        font-size: 15px !important;
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
}

@media screen and (min-width:769px) and (max-width: 1024px){
    .section.hero.about p{
        margin-bottom: -30px;
        font-size: 15px !important;
        margin-left: 60px !important;
        margin-right: 60px !important;
    }
}

@media (max-width: 991px) {
    .mission_vision_tab .nav-tabs {
        justify-content: center;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) { /* Tablet screens */
    .about-image-box {
        position: relative;
    }

    .parent {
        position: absolute;
        top: 110px;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 100%;
        z-index: 1;
        /* opacity: 0.9; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    

    .about-content {
        position: relative;
        z-index: 2; /* Ensure text is above the image */
        background: rgba(255, 255, 255, 0.8); /* Optional: Add a semi-transparent background to the text */
        padding: 20px;
        border-radius: 10px; /* Optional: Add rounded corners for better aesthetics */
    }
}

@media screen and (max-width: 480px) {

    .top-destinations{
        display: none !important;
    }

    .trending {
        display: block !important;
    }

    .contact_us_section{
        padding-top: 90px;
        text-align: center;
    }
}

/* @media screen and (max-width: 480px) {
    .tour_container .slide .trip-item{
        width: 150px;
        height: 180px;
        top: 74%;
    }
} */


@media screen and (max-width: 480px) and (max-width: 767px) {
	.whatsapp {
       
        bottom: 80px !important;
		right: 5% !important;
	}

	.whatsapp img {
		height: 50px !important;
	}
	
	.trending .trend-item .trend-meta{
	    top: -70px;
	}
	
	.why-us .why-us-item .why-us-icon [class^=flaticon-]::before, .why-us .why-us-item .why-us-icon i{
	        font-size: 35px;
	}
	
	.testimonial .testimonial-item .details p, .testimonial .testimonial-item1 .details p{
	        font-size: 13px !important;
	}
	.testimonial-item1 .details .ms-3{
	   margin-left: -15px !important;
	}
	
	.main_header_area .header_menu.fixed-top{
	    padding: 23px 10px 0;
        top: -15px;
	}
	.sidebar-sticky .brochure_download{
	   padding: 0px 0px 0px 13px;
	}
	.slicknav_nav a:hover{
	    background: #ffffff !important;
	    color: #d19c50 !important;
	}
	
	.book-form {
	   border: 1px solid #d19c50;
	   background-color: whitesmoke;
	}
	
	
	
	/*added at night*/
	 footer .footer-upper .footer-links{
	    display: grid;
	 }
	 footer .footer-upper .footer-links ul{
	    text-align: center;
	 }
	 
	.social-links{
	    display: grid;
	}
	
	.social-links ul{
	   justify-self: center;
	}
    /*night*/
}

@media screen and (max-width: 1024) {
   	.trend-content span{
	   position: absolute !important;
       right: 40px !important;
	} 
}