

@media (max-width:1150px ) {
    .detail-main-container , .main-location-map ,.detail-head-section{
        margin-right: 5rem;
        margin-left: 5rem;
    }
}

@media (max-width:1000px ) {
    .detail-main-container{
        display: block;
    }

    .price-off-main{
        display: block;
        text-align: center;
    }

    .percent-off p{
        margin-top: 10px;
    }

    .detail-main-left {
        width: 100%;
    }
    .detail-main-right{
        width: 100%;
        margin-top: 2rem;
    }

    .offer-banner-content h5{
        font-size: 1.6rem;
        margin-bottom: 0.5rem;
  
       }
  
       .offer-banner-content p{
        font-size: 1rem;
  
       }
}



@media (max-width:850px ) {

    .detail-main-container , .main-location-map  ,.detail-head-section{
        margin-right: 4rem;
        margin-left: 4rem;
        margin-top: 2rem;
    }

    .slider-form{
        display: none;
    }

    .slider-text{
        width: 100%;
      }

}

@media (max-width:700px ) {
    .price-off-main{
        display: flex;
        text-align: center;
    }

    .percent-off p{
        margin-top: 0;
    }

    .detail-head-section{
        display: block;
    }

    .main-left-top{
        width: 100%;
    }
    .main-right-top{
        width: 100%;
        margin-top: 2rem;
    }
    .modal-content {
        width: 50%;
        height: 50%;
    }
}

@media (max-width:650px ) {
    .detail-main-container , .main-location-map  ,.detail-head-section{
        margin-right: 3rem;
        margin-left: 3rem;
    }

    .main-left-highlight{
        width: 90%;
    }
    
    .featured-amenities ul li h6 {
        font-size:9px !important;
    }
}


@media (max-width:550px ) {
    .slider-text h1{
        font-size: 2rem;
    }

    .slider-text h3{
        font-size: 1.2rem;
    }

    .slider-content{
        top: 50%;
    }

    .gallery-img-box{
        width: 150px;
    }

    .main-left-itinerary h3 span{
        font-size: 0.7rem;
    }

}


@media (max-width:480px ) {
    .detail-main-container , .main-location-map  ,.detail-head-section{
        margin-right: 1rem;
        margin-left: 1rem;
    }

    .main-left-itinerary h3 span{
        font-size: 0.7rem;
    }
}