@media (min-width: 320px) and (max-width: 399px) {

.header-quick, a.vpackage,a.ppackage,.hero-carousel .item,.desktop-menu{
    display: none;
}
.hero{
    height: auto;
}
.hero-content h1{
    font-size: 30px;
}
.hero-content {
    padding: 60px 10px !important;
}
.about .title{
    padding-top: 0;
}
.mobile-menu-section{
    display: block;
}
.dest2-main, .dest2-sidebar,.itiL-main, .itiL-sidebar,.contact-left,.contact-right,.blog-single-article,.blog-sidebar,.bike-left,.bike-right{
    width: 100%;
}
.contact-left-wrap{
    padding:10px
}
.destinaiton-single h2 span{
    display: block;
}
.contact{
    background: url(../images/plan-your-trip.png) no-repeat bottom #1e3c2f;
    background-size: contain;
}

.mosaic-grid {
    grid-auto-rows: auto;

  }

}


@media (min-width: 400px) and (max-width: 600px) {
    .desktop-quick-header,.desktop-menu,.hero-carousel .item{
        display: none;
    }
    .mobile-quick-header,.mobile-menu-section{
        display: block;
        font-size: 10px;
    }
    .hero{
        height: auto;
    }
    .hero-content h1{
        font-size: 30px;
    }
    .hero-content {
        padding: 60px 10px !important;
    }
    a.vpackage,a.ppackage{
        font-size: 10px;
    }
    .about .title{
        padding-top: 0;
    }

    /* single destination */
.dest2-cards img{
    height: auto;
    object-fit: cover;
  }

  .dest2-main, .dest2-sidebar,.itiL-main, .itiL-sidebar,.contact-left,.contact-right,.blog-single-article,.blog-sidebar,.bike-left,.bike-right{
    width: 100%;
}
.contact-left-wrap{
    padding:10px
}
.destinaiton-single h2 span{
    display: block;
}
.contact{
    background: url(../images/plan-your-trip.png) no-repeat bottom #1e3c2f;
    background-size: contain;
}

}

@media (max-width: 767px)  {

    


 }







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


 }




 @media (width: 1366px)  {

 }



 @media (width: 1920px)  {

 }