@media screen and (max-width:768px) {
    .pull-left{
        display: none;
    }

    .navbar-brand img{
        max-width: 250px;
    }
    .navbar-toggler{
box-shadow: none;
    padding: 0px;
    border: none;
    outline: none;
    }
    .side-priceing{
        flex-wrap: wrap;
        justify-content: start;
    }
    .tour-main-card{
        padding: 0px;
    }
    body{
        background-color: #fff!important;
    }
    .navbar{
        background-color: azure;
    }
        .tour-tabs .nav-link {
        padding: 8px 8px;
        font-size: 11px;
        margin-right: 4px;
    }
    .itinerary-card p{
        font-size: 14px;
        text-align: justify;
    }
    .itinerary-card{
        padding: 10px 10px;
    }
    .tour-inclusion-wrapper{
        padding: 10px;
    }
    .trv-footer .container{
        padding-bottom: 20px;
    }
    #navbarNavDropdown {
    margin-left: 0px;
}
.tour-form-wrap {
    background: #ecfbfa;
    padding: 30px 0px;
}
.form-group {
    display: flex;
    flex-direction: column;
    min-width: 100%;
}
.tour-form{
    border-radius: 10px;
    padding: 20px;
    gap: 15px;
}
.plar-heading h2 {
  font-size: 34px;
}
.package-img img{
    height: 280px;
}
.tour-image-box{
    display: none;
}
.detail-mobile-banner {
        display: block !important;
        margin-top: 20px;
        border-radius: 10px;
        overflow: hidden;
    }

}

.detail-mobile-banner{
    display: none;
}

@media  screen and (max-width:1100px) {
    .navbar-brand img{
        width: 250px!important;
    }
    .nav-link{
      font-size: 14px;
    }
    .shadow-top {
    position: absolute;
    bottom: -58px;
    z-index: 111;
    left: 0;
    right: 0;
}

.shadow-top{
 display: none;
}
.plar-tour {
    padding-top: 80px;
}
.plar-heading h1{
    font-size: 30px;
}
.slider{
  margin-top: 30px!important;
}
}

@media  screen and (max-width:991px) {
    .carousel-caption {
    transform: translateY(-8%);
}
.shadow-top{
            bottom: -50px;
}
.top-pack-text {
    padding: 15px !important;
}
.img-bg-shade{
    width: 200px;
    height: 200px;
}
.traveller-image {
    max-height: 100%;
    z-index: 1;
    position: relative;
    bottom: 0;
}
.img-fluid {
    max-width: 50%;
    height: auto;
}
.mobile-order-2{
    order: 2;
    margin-top: 30px;
}
.travel-services-section {
    padding: 50px 0px 0px;
}
}

@media screen and (max-width:500px) {
    .des-text h4 span{
        display: block;
    }
    .international-dest-box img {
    transition: all ease 0.4s;
    max-height: 250px;
    object-fit: cover;
}
}