@media(max-width:768px)
{
    /* hotel css */
    .bg-gray-3 h2
    {
        font-size: 17px;
    }
    .heading-hotel h1
    {
        font-size: 18px;
    }
    .heading-hotel h3
    {
        font-size: 15px;
    }
    .pic img
    {
        margin-bottom: 10px;
    }
    /* hotel css end */
    .packages-section .breadcrumb ul li {
        line-height: 32px;
    }
    .offset-3 {
        margin-left: 32%;
    }
    .packages-section .intro h1 {
        font-size: 23px;
        line-height: 49px;
    }.service-hotel .service-box1 span
    {
        padding-left: 12px;
    padding-top: 10px;
    font-size: 12px;
    }.service-hotel .service-box1 i {
        font-size: 25px;
        margin-left: 10px;
        color: #ff5722;
    }
    .service-hotel .service-box1 {
        display: grid;
       border: none; 
       padding: 0;
    }
    .hotels-section
    {
        padding-top: 12px;
    }
    .hotel-view
    {
        display: none;
    }
    .banner__avg-rating
    {
        padding: 5px;
        font-size: 17px;
    }
    .about-box img,.hotels-section img
    {
        width:100%;
    }
    .text-left {
        font-size: 13px;
        padding-bottom: 10px;
    }
    .packages-section
    {
        padding-top: 0;
    }.packages-section .intro p
    {
        padding-bottom: 0;
    }
    .heading-section h1, h2
    {
        font-size: 18px;
    }
    .footer-box
    {
        display: none;
    }
    .tour-details__plan-content {
        padding-left: 44px;
    }
    .tour-details__plan-content h3 {
        font-size: 15px;
    }
    .navbar-collapse
    {
        background: rgb(255, 194, 7);
        z-index: 1;
    }.nav-link {
        font-size: 17px !important;
        color: #000000 !important;
        padding-left: 20px;
        padding-bottom: 9px;
    }
    .list-unstyled li a,.dropdown-menu li a
    {
        font-size: 13px;
    }
    /* header part start */
    .head-section .head-section-content
    {
        display: block;
    }
    .head-section .head-section-content .head-section-information h1 {
        font-size: 28px;
        line-height: 39px;
        padding: 17px 0px 0px 14px;
        width: 100%;
    }   
    .banner-inner,.box-inner
    {
        display: none;
    }
    .about-box
    {
        padding: 0!important;
    }
    .about-box img {
        width: 100%;
        height: 175px;
    }
    .inner-box .intro h1
    {
        font-size: 29px;
    }
    .inner-banner .intro
    {
        width: 100%;
    }
    .about-package
    {
        padding:0;
    }
    .cta-section 
    {
        display: none;
    }
    .cta-section .pattern-layer
    {
        top:64px;
    }.cta-section .bg-layer
    {
        margin-top:64px;
    }
    .col-megamenu .title
    {
        font-size: 13px;
    }
    .head-section .head-section-content .book-yatra a
    {
        line-height: 70px;
    } 
    .head-section .head-section-content .head-peragraph p
    {
        padding: 8px 0px 0 15px;
    width: 100%;
    font-size: 15px;
    }
    .navbar-brand img
    {
        height:55px;
        margin-left: 0;
    }
    .wild-fix .head-wild
    {
        position: unset;
    display: grid;
    grid-template-columns: auto auto;
    top: -336px;
    gap: 15px 4px;
    padding-bottom: 51px;
    }
    .head-section {
        
        padding-bottom: 38px;
       
    }
   /* header part end */
     /* footer css */
     .footer-top .widget-title
     {
         margin-bottom:0;
     }
     .footer-top .widget-title h5
     {
         padding-left: 0;
         margin-top: 10px;
     }
     .footer-top
     {
         padding:17px 0;
     }
     .main-footer
     {
         margin-top: 40px;
     }
     .footer-top .footer-social li a
     {
     width: 36px;
     height: 36px;
     line-height: 41px;
     border-radius: 50%;
     }
     .footer-top .widget-title
     {
         margin-bottom: 16px;
     }
     .footer-top .widget-title h5
     {
         font-size: 16px;
     }
    }