@media screen and (max-width: 768px) and (orientation: landscape) {

  .navbar-toggle > .icon-bar{
  }

.festival-img{
    display: none;
  }

  html , body{
   height:100%;
   overflow-x: hidden;
  }

  .separator{
    display: none;
  }

  .login_wrapper {
    max-width: auto;
    position: relative;
    top:10px;
    /* height:90vh; */
    margin-bottom: 10px;
  }

  .login{
    height: 100vh;
  }

  .notification-bell{
    margin:30px;
  }

  .info-number .badge{
    position: absolute;
    right:-4px;
    top:-5px;
  }

  .mobile-tabs{
    margin:10px 0px;
  }

  .transfer-followup{
    font-size: 12px;
  }

  .transfer-followup-icon{
    display: none;
  }

  .mobile-option-btn{
    float: none !important;
    margin:15px 1px;
  }

  .follow-count-info{
    float: none !important;
    display: block;
  }

  .mb-customer-filter{
    float: none !important;
    margin-top: 15px;
    margin-left: 0px;
  }

  .center-title-list{
    padding-left:27px !important;
  }

  .center_logo-list{
    margin-left: 0px !important;
  }

  .membership-plan-btn-grp{
    margin:15px;
  }

  .payment_list_drop_menu{
    display: block;
    margin-top:10px;
  }

  .payment_list_cal{
    float: left !important;
  }

  .payment-list-info-btn{
    margin:15px;
  }

  .payment-list-fetched-info{
    float: none !important;
    margin-top: 15px;
    position: relative;
    top: 10px;
    font-weight: bold;
  }

  .payment_list_mode{
    margin-top:15px;
  }

  .mobile-send-sms-btn-grp{
    margin-top: 15px;
  }

  .mob-select-body-part{
    margin-top:10px;
  }

  .mob-trainer-list-btn-menu{
    margin-top:15px;
  }

  .center-tagline-list{
    margin-left: 0px;
  }

  .mob-staff-list-menu-btn{
    margin-top:15px;
  }

  .mob-view-staff-menu-btn{
    margin-top:15px;
  }

  .mob-report-heading{
    width: 100%;
  }

  .mob-report-menu-btn{
    margin-top:15px;
  }

  .mob-trainer-menu-btn{
    margin-top:15px;
  }

  .enquiry-list-info-link{
    margin-top:15px;
  }

  .mob-margin-top{
    /* margin-top: 10px; */
    border:1px solid transparent;
  }

  .sm-mob-batch-days{
    margin-top:10px;
  }

  .mob-insight-margin{
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .mob-sm-sale-register-menu{
    margin-top: 10px;
  }

  .sale-register-cal{
    float: none !important;
  }

  .sale-register-info-btn{
    margin-top: 15px;
  }

  .sale-register-count-info{
    display: block;
    float: left !important;
    margin-top: 15px;
    margin-left:5px;
  }

  .write-off-top-margin{
    margin-top:15px;
  }

  .mob-invoice-no{
    float: left !important;
    margin-top: 10px;
  }

  .mob-ul-subs-menu{
    margin-top:10px;
  }

  .mob-make-payment-notes{
    float: left !important;
    margin-top: 10px;
  }

  .sm-m-t-10{
    margin-top:10px;
  }

  #make_payment_h2{
      width: 20%;
  }
  /*--------- toggle search bar start ----------*/

  .navbar-form-search {
position: relative;
top:10px;
left:30px;
box-sizing: border-box;
}
.navbar-form-search .form-control {
/* width: 250px; */
}
.navbar-form-search .btn {
border: 0;
background: #2A3F54;
color:#fff;
font-size: 16px;
}
.navbar-form-search .btn:active, .navbar-form-search .btn:hover, .navbar-form-search .btn:focus {
color: #fff;
outline: none;
box-shadow: none;
}
.navbar-form-search .search-form-container {
/* text-align: right; */
position: absolute;
/* width: 300px; */
overflow: hidden;
background: #fff;
right: 60px;
top: 10px;
z-index: 9;
transition: all .3s ease-in-out;
}
.navbar-form-search .search-form-container.hdn {
width: 0;
}
.navbar-form-search .search-form-container .search-input-group {
/* width: 300px; */
}
  /*--------- toggle search bar end ----------*/

}

          /* ######################################## 796 px to 856 px ############################################ */


@media screen and (min-width:769px) and (max-width: 856px) and (orientation: landscape) {


  html , body{
     height:100%;
     overflow-x: hidden;
    }

  .top_nav .navbar-right{
      width: auto !important;
  }

  .navbar-form .input-group>.form-control{
    width:auto !important;
  }

  .festival-img{
      display: none;
    }

    .separator{
      display: none;
    }

    .login_wrapper {
      max-width: auto;
      position: relative;
      top:10px;
      /* height:90vh; */
      margin-bottom: 10px;
    }

    .login{
      height: 100vh;
    }

    .notification-bell{
      margin:30px;
    }

    .info-number .badge{
      position: absolute;
      right:-10px;
      top:-5px;
    }

    .mobile-tabs{
      margin:10px 0px;
    }

    .transfer-followup{
      font-size: 12px;
    }

    .transfer-followup-icon{
      display: none;
    }

    .mobile-option-btn{
      float: none !important;
      margin:15px 1px;
    }

    .follow-count-info{
      float: none !important;
      display: block;
    }

    .mb-customer-filter{
      float: none !important;
      margin-top: 15px;
      margin-left: 0px;
    }

    .center-title-list{
      padding-left:27px !important;
    }

    .center_logo-list{
      margin-left: 0px !important;
    }

    .membership-plan-btn-grp{
      margin:15px;
    }

    .payment_list_drop_menu{
      display: block;
      margin-top:10px;
    }

    .payment_list_cal{
      float: left !important;
    }

    .payment-list-info-btn{
      margin:15px;
    }

    .payment-list-fetched-info{
      float: none !important;
      margin-top: 15px;
      position: relative;
      top: 10px;
      font-weight: bold;
      display: block;
    }

    .payment_list_mode{
      margin-top:15px;
    }

    .mobile-send-sms-btn-grp{
      margin-top: 15px;
    }

    .mob-select-body-part{
      margin-top:10px;
    }

    .mob-trainer-list-btn-menu{
      margin-top:15px;
    }

    .center-tagline-list{
      margin-left: 0px;
    }

    .mob-staff-list-menu-btn{
      margin-top:15px;
    }

    .mob-view-staff-menu-btn{
      margin-top:15px;
    }

    .mob-report-heading{
      width: 100%;
    }

    .mob-report-menu-btn{
      margin-top:15px;
    }

    .mob-trainer-menu-btn{
      margin-top:15px;
    }

    .big-mob-search-bar{
      margin-top:15px;
    }

    .big-mob-sub-list-info-grp{
      margin-top:15px;
    }

    .lg-mob-batch-days{
      margin:5px !important;
    }

    .mob-insight-margin{
      margin-left: 10px;
      margin-bottom: 10px;
    }

    .mob-sm-sale-register-menu{
      margin-top: 10px;
    }

    .sale-register-cal{
      float: none !important;
    }

    .sale-register-info-btn{
      margin-top: 10px;
    }

    .sale-register-count-info{
      display: block;
      float: left !important;
      margin-top: 15px;
      margin-left:5px;
    }

    .write-off-top-margin{
      margin-top:15px;
    }

    .mob-invoice-no{
      float: left !important;
      margin-top: 10px;
    }

    .mob-ul-subs-menu{
      margin-top:10px;
    }

    .mob-make-payment-notes{
      float: left !important;
      margin-top: 10px;
    }

    .mob-lg-add-workout-margin-left{
      margin-left: 5px !important;
    }

    .bm-m-t-10{
      margin-top:10px;
    }

    #make_payment_h2{
      width: 21%;
    }


    /*--------- toggle search bar start ----------*/

    .navbar-form-search {
  position: relative;
  top:20px;
  left:30px;
  box-sizing: border-box;
  }
  .navbar-form-search .form-control {
  /* width: 250px; */
  }
  .navbar-form-search .btn {
  border: 0;
  background: #2A3F54;
  color:#fff;
  font-size: 16px;
  }
  .navbar-form-search .btn:active, .navbar-form-search .btn:hover, .navbar-form-search .btn:focus {
  color: #fff;
  outline: none;
  box-shadow: none;
  }
  .navbar-form-search .search-form-container {
  /* text-align: right; */
  position: absolute;
  /* width: 300px; */
  overflow: hidden;
  background: #fff;
  right: 60px;
  top: 1px;
  z-index: 9;
  transition: all .3s ease-in-out;
  }
  .navbar-form-search .search-form-container.hdn {
  width: 0;
  }
  .navbar-form-search .search-form-container .search-input-group {
  /* width: 300px; */
  }


    /*--------- toggle search bar end ----------*/

}
