.agent_home .tour-listng .tour-box .tour-box-list{
    display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 20px;


  }
      .search_box{
        display: none;
    }
  .agent_home .tour-listng .tour-box .tour-box-list .inn-item{
    margin-right: 0px;
  }
  .agent_home .tour-listng .tour-box{
    flex-basis: 100%;
  }

.destop_hide{
    display: none;
}

.user-login {
    font-size: 14px;
    font-weight: normal;
}
.serche-banner_b2b{
    padding-left: 0px;
    top: 40%;

}
 
.agent_banner .banner_text{
    top: 40%;
}
.agent_home .tour-listng .tour-box .tour-box-list .inn-item .text-box h2{
    font-weight: normal;
}
@media only screen and (max-width: 1750px) {

    .popup-btn img{
       
            width: 100%;
            padding: 0px 50px;
        
    }

}
@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;

}
.popup-btn img{
    width: 100%;
}

}
@media only screen and (max-width: 999px) {
    .wallet_box:hover .menu_wallet{
        left: -180px!important;
    }

    .serafull .serche-banner{
        top: 5%;
    }
    .search_box{
        display: inline-block;
    }
    .card-count b{
        left: -4px;
    }
    .wallet_box{
        padding: 5px!important;
        font-size: 14px;
    }
    .wallet_box span {
        margin-right: 5px;
        font-size: 18px;
    }
    .ui-widget.ui-widget-content{
        width: 100%!important;
        left: 0px !important;
        z-index: 9999!important;
    }
    .search_mobile{
        position: relative!important;
    }
    .bg_form .booking .bookngleft{
        flex-basis: 100%;
    }
    .bookngright{
        flex-basis: 100%!important;
        margin-top: 10px;
    }
    .agent_home .tour-listng .tour-box .tour-box-list{
        grid-template-columns: auto auto auto auto;

    }
    .hot_deal .item{
        flex-direction: column;
    }
    .booking_tables thead tr{
        display: none;
     
      }


    .booking_tables .even{
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    .booking_tables .odd{
        display: flex;
        flex-direction: column;
        width: 100%;
      }
    .welcome_text_login{
        display: none;
    }

    .login_heading_new{
        display: none;
    }
    .destop_hide {
        display: block;
            border: 1px solid #eee;
    border-radius: 20px;
    height: 35px;
    width: 35px;
    }
    .agent_home .tour-listng .left-listing{
        flex-basis: 100%;
    }
    .owl-carousel-loop.owl-drag .owl-item{
        height: auto;
    }
    .close-wrapper{
        display: none;
    }
    .right-menu .serche-banner{
        width: 60%;
    }
    .left-h{
      flex-basis: 18%;
}
  
    .booking_optioninfo .right_btn{
        flex-direction: row;
    }
    .booking_optioninfo .booking_info{
        flex-direction: column;
    }
        .agent_panel{
        flex-direction: column;
            
    }
    .agent_panel .left_menu .left_menulist{
          padding: 0px;

    }
    .login_hide{
        display: none;
    }
   
 .login_m{
  display: inline-block;

 }
       .agent_banner .serche-banner{
        top: 50%;
        width: 95%;
        padding-left: 5px;
    } 
    .agent_home .tour-listng{
        flex-wrap: wrap;
    }
    .agent_home .tour-listng .tour-box{
        flex-basis: 100%;
            margin-left: 0px;
    }
    .user-login p{
            margin-bottom: 10px;
    }
    .left-h{
        width: 130px;
    }
    .left-h img{
        width: 100%;
    }
    .agent_banner{
        height: auto;
    }
    .agent_banner .banner_text h3{
        font-size: 32px;
    }
    .banner_detials .left .content{
         flex-wrap: wrap;
    }
    .banner_detials .right .content{
            flex-wrap: wrap;

    }
      .banner_detials .right .content .item{
    flex-basis: 48%;
    margin: 10px 0px;
    }
    .banner_detials .left .content .item{
    flex-basis: 48%;
    margin: 10px 0px;
    }
    .agent_home_inn .agent_serche .searche_box .input_box {    
    flex-basis: 100%;
    margin: 10px 0px;
}
       .banner_detials .left{
            padding: 20px;
    border-radius: 10px;
    margin: 10px 0px;
    border: 1px solid #eee;
    }
        .banner_detials .right{
            padding: 20px;
    border-radius: 10px;
    margin: 10px 0px;
    border: 1px solid #eee;
    }
    .banner_detials{
        flex-direction: column;
    }
    .agent_home_inn .agent_serche .searche_box{
        flex-wrap: wrap;
    }

    .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;
    z-index: 9;
    }

    .s-home{
        margin-top: 100px;
    }
    .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%;
    }
.agent_panel .agent_right .balnce .fist{
       padding: 20px 0px;
}
.agent_panel .left_menu{
    padding: 20px;
}
    
  }
  @media only screen and (max-width: 768px) {
    .owl-theme .item {
        width: 100%;
    }
    
    .agent_home .tour-listng .tour-box .tour-box-list {
        grid-template-columns: auto auto  ;
    }
  
    .agent_panel .agent_right{
        padding: 0px;
    }
    .agent_panel{
            padding: 20px 10px 50px 10px;
    }
    .booking_optioninfo .booking__content h2{
        margin: 10px 0px;
    }
    .agent_panel .agent_right .balnce{
        flex-direction: column;
    }
      .agent_panel .agent_right .post_en{
        flex-direction: column;
    }
    .agent_home .tour-listng .tour-box .tour-box-list .inn-item{
        margin-right: 0px;
    }
 .agent_home .tour-listng .tour-box .tour-box-list{
    justify-content: space-around;
 }
    .right-menu .serche_header{
        display: none;
    }

    .left-h {
    flex-basis: 24%;
}

    .reviews .review-list .left img{
        width: 90px;
        margin-top: 20px;
    }
 
    .agent_home .tour-listng .tour-box .tour-box-list .inn-item{
        flex-basis: 48%;
    }
    .sun_login .right .logo {
        margin-top: 5px;
    }
    .sun_login .right {
    padding: 0px 0px;
}
    footer .f-logo li img{
        width: 100%;
    }
    .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{ 
        
    }
    .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 0px;
        padding: 4px 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) {
    .sun_login .right .loginform{
        width: 80%;
        padding: 40px 20px;
    }
    .top_ten{
        padding: 0px 30px;
    }

    .booking_optioninfo .right_btn a{
            padding: 5px 5px;
    }
    .s-home {
    margin-top: 70px;
}

    .left-h {
        padding-left: 20px;
        width:30%;
    }
  }
  @media only screen and (max-width:450px) {
    .left-h {
    flex-basis: 32%;
}
  }