@media only screen and (max-width: 1250px) {
 
    .s-menu .sun_menu .s-nav{
        margin: 0px 0px;
    }
    .s-menu .sun_menu .s-nav li {
        padding: 10px 15px;
    }
.sun_login .right{
    padding: 0px 50px;

}

}
@media only screen and (max-width: 999px) {
    .sun_login .right{
            position: initial;
            background: #fffaf200;
                z-index: 99;
                width: 100%;

    }
    .sun_login .left{
        width: 100%;
    }
    .sun_login .left .login_heading {
    margin: 20% 8%;
    display: none;
}
    .guide .guide_inn .guide_box{
        flex-direction: column;
    }
    .guide .guide_inn .guide_box .g_img{
        width: auto;
    }
    .trouble-box{
        flex-direction: column;
    }
    .trouble-box .trouble-box-inn{
        margin: 10px 0px;
    }
    .page-line ul{
        flex-wrap: wrap;
    }
    .detils-content .content-all .content-left .soption .price{
        flex-direction: column;
    }
    .detils-content .content-all{
        flex-direction: column-reverse;
    }
    .detils-content .content-all .content-left .soption .quantity .top-det{
        flex-wrap: wrap;
    }
    .detils-content .content-all .content-left .soption .quantity .top-det span{
        margin: 10px 0px;
    }

    .detils-content .content-all .right-section .pop-notification{
        display: none;
    }
    .menu-item .menu-box{
        flex-basis: 32%;
        margin: 10px 0px;
    }
    .page-line {
        margin-top: 0px;
    }
    .inner-banner .header-box-img .main-box{
        height: 270px; 
    }
    .inner-banner .header-box-img{
        height: auto;
    }
    .inner-banner .header-box-img {
        margin-top: 15px;}
    .explore-tour .tour-listng .left-listing{
        display: none;
    }
    .explore-tour .tour-listng .tour-box .tour-box-list .inn-item{
        flex-basis: 49%;

    }
    .explore-tour .tour-listng .tour-box {
    
        flex-basis: 100%;
        margin-left: 0px;
    }
    .amazing-tour .am-box {
        flex-basis:49%;
    }
    .amazing-tour .am-box {
       margin: 10px 0px;
    }
    .appear .left-h{
        padding-left: 0px;
    }
    .mobile_submenu .owl-dots{
        display: none;

    }
 .mob_link{
     margin: 0px;
     padding: 0px;
     display: flex;
     justify-content:flex-start;
     flex-wrap: wrap;
 }
 .mob_link a{
     border: 1px solid #eee;
     border-radius: 5px;
     padding: 5px 10px;
     
 }
 .mob_link li{
     margin: 10px 5px;
 }
    .mobile_submenu{
        margin: 10px 0px;
    }
    .sub_mobile{
        font-size: 18px;
        border: 1px solid #eee;
        padding: 10px 10px;
        border-radius: 5px;
        font-weight: 400;
    }
    .heading_m{
        color: #f9a409;
        font-size: 20px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
    .bi-box-arrow-in-right{
        display: none;
    }
    .open .bi-box-arrow-in-right{
        display: block;
        transform: rotate(180deg);
        position: fixed;
        right: 10px;
        top:25px;
    }
    .left-h {      
        padding-left: 30px;
    }
.s-menu{
    display: none;
} 
 
    .open span{
        display: none;
    }
 
    .menu-togale{
        display: block;  
        position: fixed;
        top: 20px;
        left: 10px;
        z-index: 99;
        
    }
    .menu-view{
    position: absolute;
    right: 100%;
    top: 0px;
    background: #fff;
    width: 100%;
    height: 100vh;
    transition: all 0.25s ease 0s;
    }
    .appear{
        overflow: scroll;
    right: 0%;
    top: 0px;
    transition: all 0.25s ease 0s;
    padding: 10px 10px 0px 10px;
    }




    .s-home{
        margin-top: 75px;
    }
    .mobile{
        display: inline-block;
    }
  
    .des{
     display: none;
    }
    .s-menu .navbar{
        display: none;
    }
    .partnerships .s-flex .logo{
        flex-basis: 30%;
    }
 
   p{
       font-size: 14px;
   }
   .amazing .am-box .text-box{
       width: 100%;
   }
    .s-populas .owl-carousel .owl-nav .owl-prev{
        margin-left: 0px;
        display: none;
    }
    .s-populas .owl-carousel .owl-nav .owl-next{
        margin-right: 0px;
        display: none;
    }
    .offer_to .s-offer .s-box{
        flex-basis: 32%;
        margin: 0.5%;
    }
    .offer_to .s-offer .s-box .text-box{
        left: 10px;
    }
    .offer_to .s-offer .s-box::before{
        height: 100%;
    }
    .offer_to .s-offer .s-box .text-box p{
        font-size: 14px;
    }
    .serche-banner{
        top: 25%;
        width: 95%;
        padding-left: 5px;
    }
    .serche-banner h2{
        font-size: 28px;
    }
    .top-serc{
        padding: 8px  0px;
    }
    .right-nav .hide-tel{
        display: none;
        
    }
    .fleg{
        display: none;
    }
    .s-menu .navbar-collapse{
        background: #fff;
        
    }
    .footer-lst{
        width: 100%;
    }

    
  }
  @media only screen and (max-width: 768px) {
    .sun_login .right .logo {
        margin-top: 5px;
    }
    .sun_login .right {
    padding: 0px 0px;
}
    footer .f-logo li img{
        width: auto;
    }
    .detils-content .content-all .content-left .soption .person{
        padding: 15px;
    }
    .tour-top .top-div{
        flex-direction: column;
        
    }
    .reviews .review-list{
        flex-direction: column;
    
    }
    footer .f-logo{
        flex-direction: column;
    }
    .tour-top .top-div .tour-itam{
        flex-direction: column;
    }
    .amazing-tour .am-box {
        flex-basis:100%;
    }
    .login-btn {
        background-color: #0a7e21;
        color: #fff;
        border-radius: 20px;
        padding: 8px 10px;
    }
    .right-nav li {
        margin: 0px 5px;
    }
    .left-h {
        padding-left: 20px;
        width: 20%;
    }
    .menu-togale {      
        top: 15px;
        left: 5px;
        z-index: 99;
    }
      footer .main-footer{
        flex-direction: column-reverse;
      }
    .top-serc {
        margin-left: 45px;
    }
    .serche-banner {
        top: 15%;
        width: 95%;
        padding-left: 5px;
    }
    
    .amazing .am-box{
        flex-basis: 100%;
        margin: 10px 0px;

      }
      .box-des .s-flex{
        justify-content: center;

      }
      .box-des .box-ct{
          flex-basis: 100%;
          margin: 20px 20px;
      }

    #carouselExampleIndicators{
        
    }
    .offer_to .s-offer .s-box{
        flex-basis: 100%;
    }
 
    .left-h img{
        width: 100%;
        padding: 5px 0px;
    }
    .s-menu .navbar-toggler{
        color: #000;
        font-size: 1.2rem;
        padding: 0px;
    }
    .s-menu .navbar{
        padding: 13px 5px;
    }
    .s-menu .navbar-collapse{
        background: #fff;
    }
    .brand-and-icon{
        display: inline-block;
    }

  }
  @media only screen and (max-width:550px) {

    .left-h {
        padding-left: 20px;
        width:30%;
    }
  }