@media (max-width:1500PX){
    .px-140{  
        padding-right: 50px;
        padding-left: 50px;
    }
    .ps-200{
        padding-left: 78px;
    }
}
@media (max-width:1280px){    
    .py-150{
        padding-top: 150px;
        padding-bottom: 60px;
    }
    .brand img {
        height: 60px;
        width: 60px;
    }
    .navbar{
        height: 70px;
    }
    .Explore-btn a button {
        padding: 8px 40px;
    }
    .Drag-btn a button {
        padding: 4px 40px;
    }
    .testi-carousel .owl-nav .owl-prev, .testi-carousel .owl-nav .owl-next {
        height: 40px;
        width: 40px;
    }
    .testi-carousel .owl-nav {
        font-size: 20px;
    }
    .font-80 {
        font-size: 60px;
        line-height: 70px;
    }  
    .py-80{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width:1200px){
    .who-img img {
        height: 500px;
    }
    .font-80 {
        font-size: 50px;
        line-height: 60px;
    }
}
@media (max-width:991px){
    .modal:before{
        display: unset !important;
    }
    .Photos-popup .owl-nav{
        justify-content:end !important ;
        bottom: 0px;
    }
    p{
        font-size: 18px;
        line-height: 28px;
    }
    h4 {
        font-size: 30px;
        line-height: 40px;
    }
    h6 {
        font-size: 22px;
        line-height: 32px;
    }
    .single-input input, .single-input textarea {
        font-size: 16px;
    }
    .Blogdetail-img img{
        height: auto;
    }
    .md-center{
        text-align: center !important;
    }
    .font-80 {
        font-size: 40px;
        line-height: 60px;
    }
    h3 {
        font-size: 30px !important;
        line-height: 40px;
    }
    .who-img img{
        height: auto;
    }
    .ps-200{
        padding-left: 60px;
    }
    h1 {
        font-size: 70px;
        line-height: 80px;
    }
    h2{
        font-size: 38px;
        line-height: 48px;
    }
    h3 {
        font-size: 30px !important;
        line-height: 40px;
    }
    .Explore-btn a button {
        padding: 8px 50px;
    }
    .py-150{
        padding-top: 150px;
        padding-bottom: 60px;
    }
    .safari-carousel .owl-dots{
        display: block;
        position: relative;
        top: 10px;
    }
    .Safari-text {
        font-size: 55px;
        line-height: 65px;
    }
    .Browse-tour{
        bottom: 0px;
    }
    .font-80{
        font-size: 50px;
        line-height: 60px;
    }    
    .py-80{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .Safari-Img img{
      min-height: 350px;
      height: 350px;
      width: 100%;
    }
    .Bottom-text{
        max-height: 400px;
        width: 100%;
    }
    .pt-80{
        padding-top: 40px;
    }
    .flex-md-center{
        justify-content: center !important;
    }
    .Whyus-img img{
        min-width: 100%;
        height: auto;
    }
    .Accommo .owl-nav, .Activity .owl-nav{
        bottom: 66px;
    }
    .Plan-number h2{
        height: auto;
    }
    .Gallery-img img{
        height: 220px;
    }
    .font-25{
        font-size: 18px;
    }
    .tabs ul li{
        padding: 8px;
    }
    .Contact-map img,.Destination-map img,.Expedition-map img {
        height: auto;
    }
}
@media (max-width:780px){    
    .menu-inner {
        padding: 0px 10px 0px 15px;
        align-items: start;
        text-align: left;
    } 
    .menu{
        height:100vh;
        top: 68px;
        max-width: 320px;
        overflow: scroll;
    }
    .header{
        background-color: var(--nb-primary);
    }
    nav ul .Drop-ul {
        display: none;
        position: relative; 
    }
    nav ul .Drop ul li{
        min-width: 100%;
        background-color: rgba(70, 68, 68, 0.577) !important;
    }
    nav ul .Drop ul li:hover {
        background-color: rgba(128, 128, 128, 0.643);
        width: 100%;
    }
    nav ul .Drop ul li a{
      color: #fff !important;
    }
}
@media (max-width:767px){
    .Photos-popup .owl-nav{
        display: none !important;
    }
    .modal{
        top: 20% !important;
    }
    .High-Img-popup img{
      height:300px !important;
      width: 100% !important;
    }
    .Expedition-map img{
        margin-bottom: 30px;
    }
    .Recent-blog img{
        height: 250px !important;
    }
    .Tour-img img{
        height: auto;
    }
    .Display-grid{
        display: grid !important;
        justify-content: center !important;
    }
    .flex-sm-center{
        justify-content: center !important;
    }
    .download-img img {
        height: auto;
    }
    .Guided-img img{
        width: 100% !important;
    }
    .px-140{  
        padding-right: 20px;
        padding-left: 20px;
    }
    .ps-200{
        padding-left: 10px;
    }
    .sm-center{
        text-align: center !important;
    }
    .testi-carousel .owl-nav{
        display: none !important 
    }
    .testi-carousel .owl-dots{
        margin-top: 15px !important; 
    }
    .Blog-carousel .owl-dots{
        display: block;
    }
    .flex-center{
        justify-content: center !important;
    } 
    .Accommo .owl-nav, .Activity .owl-nav{
        display: none !important;
    }
    .Tabs-bg{
        display: grid !important;
        justify-content: unset;
        bottom: 20px;
    }
    .Tour-img img {
        width: 100%;
    }
    .Desti-map img{
        height: auto;
    }

    /**--------------------- same page tabbing responsive css -------------------*/    
    .tabs-expedition .expedition-nav ul{
        flex-direction: row !important;
        bottom:0px !important;
    }
    .tabs-expedition .expedition-nav ul a li.active:after{
        display: none;
    }
    .tabs-expedition .expedition-nav ul a li:not(.active){
        position: unset !important;
    }
    .font-12{
        font-size: 13px !important;
        line-height: 22px !important;
        text-align: center !important;
    }
    .tabs-expedition .expedition-nav{
        padding: 20px 0px !important;
    }
}