@media (min-width:1200px) and (max-width:1680px) {
.nav-outer .nav-list .dropdown-list{left:calc(50% - 210px); width:420px;}	
.nav-outer .nav-list .dropdown-list.left-dropdown{left:0;}
.list-block-detail .col-md-2 {max-width: 16.66%;  flex: 0 0 16.66%;}
.wcard-info .btn-group-block .btn{padding:6px 10px;}
.nav-outer .nav-list .dropdown-list li{display:flex; flex-wrap:wrap;}
.nav-outer .nav-list .dropdown-list li ul{width:50%;}

.nav-outer .nav-list #flight .dropdown-list, .nav-outer .nav-list #settings .dropdown-list{width:860px;}
.nav-outer .nav-list #flight .dropdown-list li ul, .nav-outer .nav-list #settings .dropdown-list li ul{width:25%;}
.container { max-width: 95%;}

.total-fare-info span{    font-size: 14px;}
.list-block-detail .input-group > input{width:100%!important;}
/*.list-block-detail .input-group .input-group-addon { width: 27px; position: absolute;  right: 0;  height: 100%; background: #fff; z-index:9;}*/

button#add_balance_pop_up{font-size: 9px;padding: 2px 4px;position: absolute;top: -14px;left: 0;}
button#add_balance_pop_up i{display:inline-block; vertical-align:middle; font-size:7px;}
button#add_balance_pop_up  font{display:inline-block; vertical-align:middle;}
.list-block-detail label{    font-size: 10px;}
.not-sufficient-balance button#add_balance_pop_up { position: inherit;}

.list-detail li{width:50%;}
}

@media(max-width:1200px){
.wcard-info .inner-col .form-group label{width:100%; float:left;}
.wcard-info .form-select{overflow:inherit; width:100%; float:left;}
.wcard-info .btn-group-block .btn { padding: 6px 10px;  font-size: 13px;}
.fc-basic-view .fc-body .fc-row{min-height:95px!important;}
.fc-scroller.fc-day-grid-container{overflow:auto!important;}
.block.btn-group-block.text-center.btn-top {  margin-top: 40px;}
.table-inner.no-wrap-table table{white-space:nowrap;}
.table-inner.no-wrap-table { overflow: auto;}
}

@media(max-width:1050px){
.top-info li span{display:none;}	
.top-info li{margin-right:14px;}
.top-info li i{font-size:20px;}
.form-today-sale .today-sale {text-align:left; padding:0;  }
}

@media (min-width:993px) and (max-width:1199px) {
.list-info h2 { font-size: 24px;}
.list-comments li {font-size: 16px;}
.nav-outer .nav-list li a{padding:10px 14px; font-size: 14px;}

.earning-list{text-align:left;}
.earning-list li{width:100%; float:left; margin-bottom:10px;}
.earning-list li i{float:left;}
.earning-list li .col-list{dispaly:block; float:none; width:auto; display:block;}
.earning-list li .col-list small{width:auto;}
.earning-list li .col-list span{width:auto; float:right; margin-top:0;}

.earning-graph-block .graph-mid{ margin-top: 12px; margin-bottom: 29px;}

.login-info { width:86%; padding-right: 10px; }
.mid-login-section .col-bg{background-position: right bottom;}
.list-info{padding-left: 32px;}
.nav-outer .nav-list .dropdown-list {left: calc(50% - 250px);  width: 500px;}
.nav-outer .nav-list .dropdown-list.left-dropdown{left:0;}
.nav-outer .nav-list .dropdown-list li ul{width:50%;}

.list-block-detail .col-md-2 , .list-block-detail .col-md-3{ max-width: 33.3%;  flex: 0 0 33.3%;}
.wcard-info .btn-group-block .btn{padding:6px 8px;}
.wcard-info .inner-col .col-md-3, .wcard-info .inner-col .col-md-4 {flex: 0 0 33.3%; max-width:33.3%;}

.settings-content > .row > .col-lg-2 {max-width:30%; flex: 0 0 30%;}
.settings-content > .row > .col-lg-10 {max-width:70%; flex: 0 0 70%;}  
.list-block-detail label{    font-size: 10px;}
.total-fare-info span { font-size: 14px;}

.list-block-detail .title-heading{flex-wrap:wrap;}

.list-block-detail .input-group > input { width: 100%!important;}
/*.list-block-detail .input-group .input-group-addon { width: 27px; position: absolute;  right: 0; height: 100%;  background: #fff;  z-index: 9;}*/

.list-detail li{width:100%;}
}

@media(min-width:992px){
.nav-list .dropdown-list{display:none;}
.nav-list li:hover > .dropdown-list{display:block;}	

.list-detail.fare-detail li span{width:45%;}
.list-detail.fare-detail li small{width:55%;}

}
@media (min-width:768px) and (max-width:992px) {
.list-block-detail .col-md-2, .list-block-detail .col-md-3 { max-width: 50%;  flex: 0 0 50%;}
.wcard-info .inner-col .col-md-3 , .wcard-info .inner-col .col-md-4 { flex: 0 0 50%;  max-width: 50%;}
.wcard-info .btn-group-block .btn{padding:6px 8px; font-size:13px;}
.card-info .row [class*="col-"]{ max-width: 50%;  flex: 0 0 50%;}
.card-info .row .col-md-12{ max-width: 100%;  flex: 0 0 100%;}   
.list-block-detail .row > .col-md-6{ max-width: 100%;  flex: 0 0 100%;}

.settings-content > .row > .col-lg-2 {max-width:30%; flex: 0 0 30%;}
.settings-content > .row > .col-lg-10 {max-width:70%; flex: 0 0 70%;} 

}

@media(max-width:992px){
.nav-icon{display:block;}	
.search_box{max-width:100%;}	
.logo{max-width:150px;}	
nav{position:fixed; top:0; right:-100%; transition:all 0.3s ease 0s; background:#535353; width:100%; max-width:280px; height:100%; z-index:14;}
nav .container{max-width:100%; padding:0;}
nav.show{right:0;}
.nav-outer{background:none; border:0;}
.nav-list{float:left; width:100%;}
.nav-list > li{float:left; width:100%;}
.nav-list > li > a{float:left; width:100%; color:#fff;}
.nav-outer .nav-list{padding:10px 0; height:calc(100vh - 40px); padding-bottom:20px; overflow-y:auto;}
.nav-outer .nav-list > li > a{float:left; width:100%; color:#fff;}
.nav-close{display:block; background:rgba(255,255,255,0.1);}
.nav-outer .nav-list .dropdown-list{display:none; float:left; width:100%; position:relative; top:auto;}
.dropdown-submenu-list{max-height:200px; overflow: auto;}
.nav-outer .nav-list .dropdown-list li{width:100%; float:left;}
.nav-outer .nav-list > li.message_link{width:100%;}
.nav-outer .nav-list .dropdown-list li ul:last-child{margin-bottom:0;}
.title h2 small{width:100%; line-height:14px; font-size:12px; padding-bottom:8px;}
.nav-outer .nav-list .dropdown-one-row .dropdown-list { width: 100%;}
.nav-outer .nav-list .dropdown-list.column-trird li ul{width:100%;} 
.nav-outer .nav-list .dropdown-list.column-trird{max-width:100%;}

/*Login Page Css*/
.list-info h2 { font-size: 20px;}
.list-comments li {font-size: 16px;}
.list-info{padding-left:20px; margin-top:50px;}
.login-info{padding-right:20px;  margin-top: 50px;}
.header-right-section ul li span{display:none;}

.list-card li, .list-card li:nth-child(5){width: 49%; margin-bottom:10px; margin-right:2%; }
.list-card li:last-child{width:100%; margin-bottom: 0;}
.list-card li:nth-child(2n){margin-right:0;}

.header-container {padding:15px 0;}
.logo a img { height: 35px;}

.earning-list{text-align:left;}
.earning-list li{width:100%; float:left; margin-bottom:10px;}
.earning-list li i{float:left;}
.earning-list li .col-list{dispaly:block; float:none; width:auto; display:block;}
.earning-list li .col-list small{width:auto;}
.earning-list li .col-list span{width:auto; float:right; margin-top:0;}

.earning-graph-block .graph-mid{ margin-top: 12px; margin-bottom: 29px;}
.nav-outer .nav-list li.add-dropdown > a i{float:right; margin-top:2px; padding-left:0; }

.mid-login-section .col-md-6{width:100%; float:left; background:#00549d; z-index: 9; padding-bottom:20px; max-width: 100%; flex: 0 0 100%;}
.mid-login-section .col-bg{background:#f7f6f4; z-index:9; position:relative; height: auto; padding-bottom:0; width:auto;  min-height:inherit;  margin: 0 auto;  display: table;  float: none;  flex: inherit;}
.mid-login-section{background:#f7f6f4;  height: auto; min-height: auto;}
.mid-login-section:after {width: 100%;  background:#f7f6f4;  min-height: 100%;}
.login-info{padding-right: 0px; width: 70%;  margin: 0 auto; display: table;  float: none; margin-top: 20px;}
.nav-outer .nav-list .dropdown-list li ul{width:100%; float:left;}
.row-col .col-left, .row-col .col-right{width:100%;}
.mid-section .col-right, .mid-section .col-left{margin-top:20px;}
h2.main-title{margin-bottom:0; font-size:18px;}

.notification-text{top:0; right:15px; display:flex; height:100%; align-items:center;}
.list-detail li{width:100%;}
.list-detail li span{width:35%; font-size: 12px;}
.list-detail li small{width:65%; padding-left:15px;  font-size: 12px;}
.passenger-fl-info .cols li span{text-align:right; width:35%; font-size: 12px; }
.passenger-fl-info .cols li small{padding-left:15px; padding-right:0; width:65%; font-size: 12px;}
.passenger-fl-info .cols li{width:100%;}
.detail-booking-info .col-md-6{flex:0 0 100%; max-width:100%;}
.title h2{font-size:13px;}
.title .btn{font-size:12px; padding:0 10px; height:40px; line-height:40px;}
.header-brand .notification-block{display:inline-block; position:absolute; right:41px; padding:0;} 
.notification-inner i{color:#fff;}
.nav-outer .nav-list > .notification-block{display:none;}
.notification-dropdown{right:-14px;}
.container {  max-width: 100%;}

.total-fare-info span { font-size: 14px;  white-space: normal;  word-break: break-all;  text-align: center;} 
.bottom-balance .total-fare-info{margin-bottom:10px;} 
.list-block-detail .title-heading{flex-wrap:wrap;}
.bottom-balance{flex-wrap:wrap;}
.bottom-balance .total-fare-info{padding:0 4px 0 0;}

.list-block-detail .input-group > input { width: 100%!important;}
/*.list-block-detail .input-group .input-group-addon { width: 27px; position: absolute;  right: 0; height: 100%;  background: #fff;  z-index: 9;}*/
.select-room .select-all span{text-align: center; width: 100%; float: left; font-size:11px; padding: 0px 5px;}

.form-mid-markup .inner-col{width:100%;}

.title-heading h2 {font-size: 16px;}

.booking-detail-col.col-left, .booking-detail-col.col-right{max-width:100%;}
}
@media(max-width:767px){
.top-info li.administrator_btn{display:none;}
.container{max-width:100%;}
.mid-wrapper{padding:10px 0;}

/*Login Page Css*/
.mid-login-section:after{width:100%;}
.login-info { padding-right:0px; margin-top:20px; width: 100%;}
.list-info{position:relative; z-index:9; margin-top: 20px; padding-left:0;}
.mid-login-section{background:none; height:auto; min-height:inherit; padding-top: 45px;}
.mid-login-section .col-md-6{width:100%; float:left; background:#00549d; z-index: 9; padding-bottom:20px;}
.mid-login-section .col-bg{background:#f7f6f4; z-index:9; position:relative;     height: auto;     padding-bottom: 0; min-height:inherit;}
.list-info h2 { font-size: 18px;}
.list-comments li { font-size: 14px;}
.mid-login-section:after { background: #f7f6f4; min-height:inherit; height: auto;}
.header-top{padding:10px 0px; position: fixed; top: 0;  z-index: 99}
.logo-section img { height:25px;}
.header-right-section ul li{margin-left:20px;}
.header-right-section{margin-top:2px;}
.login-wrap{background: #f7f6f4; }
.login-wrap .container{max-width:100%;}
.foot-link{width:100%; text-align:center; margin-top:5px;}
.footer p{width:100%; float:left; text-align:center; margin:0;}
.footer{height:auto; padding:8px 0; position:inherit;}
.login-wrap{padding-bottom:0; min-height: calc(100vh - 36px)}
.login-btn-block{text-align:center;}
.login-btn{font-size:13px;}
.page-container{min-height:inherit;}
.row-col .col-left, .row-col .col-right{width:100%;}
.heading-title{margin-bottom:10px;}
h2.title-main{margin-bottom:10px;}
.section {margin-top: 20px;}
.pagination-block{width:100%; float:left; margin-bottom:10px;}
.left-sidebar ul.left-nav{display:none;}
h2.title-trigger{position:relative;}
h2.title-trigger:before{content:"\f107"; position:absolute; right:10px; top:4px; font-family:'FontAwesome'; font-size:20px; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s; transition: all 0.3s ease 0s;}
h2.title-trigger.active:before{transform:rotate(180deg);}
.login-info h2 {font-size: 24px;}
.create-account{padding-top:12px; margin-top:20px;}
.list-comments li:before{background-size:20px;}
.list-comments li{padding-left:30px;}
.header-right-section ul li i{margin-right:0;}
.sign_block > ul > li > ul{left:auto; right:0;}

.block.btn-group-block.button-bottom {margin-top:10px;}

.settings-content > .row > .col-lg-2 {max-width:100%; flex: 0 0 100%;}
.settings-content > .row > .col-lg-10 {max-width:100%; flex: 0 0 100%;}

.add-pax{width:100%; float:left; text-align:center;}
.balance-info{width:100%; float:left; margin-bottom: 7px; text-align: center;}
#create_offline_booking{margin-top:10px;}

/*24 June*/
/*Booking Calendar*/
button.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right {width:100%; margin:10px 0;  }
.fc-toolbar .fc-left { padding: 10px 0;  width: 100%;}
.fc-toolbar .fc-left .fc-button-group {width:100%; }
.fc-toolbar .fc-right {width: 100%;}
.fc-right > .fc-button-group {width: 100%; display: flex;}
.fc-right > .fc-button-group button {flex: 1;}
.fc-toolbar .fc-center { width: 100%; padding: 10px 0;  text-align: center;}
.fc-toolbar .fc-center h2 {float:none;}

/**/
.form-today-sale .today-sale{display:flex; flex-wrap:wrap; }
.form-today-sale .today-sale span {flex: 1 33%; font-size:12px; }

.select-room .select-all{padding-right:2px;}
.notification-inner{margin-top:4px;}
.sub-nav ul li a{font-size:12px;}
	
.wcard-info .btn-group-block { margin-top: 0;}	
.block.btn-group-block.text-center.btn-top { margin-top: 0px;}

.pagination{flex-wrap:wrap; box-shadow:none; -webkit-box-shadow:none;}

.popup-crad .btn-group-block{margin-top:10px;}
.popup-crad .btn-group-block .btn{font-size:14px; padding:6px 10px;}

.pax-block .list-block-detail .title-heading{flex-wrap: wrap;}
.pax-block .bottom-balance {justify-content: flex-end;  width: auto; }
.pax-block .list-block-detail .add-pax { text-align: center;  display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;     margin-top: 10px;}
.pax-block .bottom-balance .total-fare-info { margin-bottom: 0; width: 100%;  margin: 5px 0;}
.pax-block .total-fare-info span{ width: 100%;}	

}

@media(max-width:640px){
.list-card li, .list-card li:nth-child(5){width:100%; margin-right:0;}
.icon-block img { height: 50px;}
.icon-block{margin-bottom:5px;}
.logo a img { height: 30px;}
.heading-btn{padding-left:2px;}
.heading-btn .btn-line { margin: 0 2px; padding: 2px 4px; font-size:12px;}

.dashboard-content h2.title-main{width:100%; float:left;}
.dashboard-content .heading-btn{float:right; margin-bottom: 5px; }
.dashboard-content .today-sale{padding-left:0;}
.dashboard-content .today-sale span{padding:0px 10px; line-height:24px; height:24px; display:inline-block; font-size:13px;}

.title h2 samp{width:100%; float:left; text-align:center;}
.title .btn{margin:0; width:100%;}
.chat-mid-block{max-height:45vh;}
}
@media(max-width:480px){
.top-bar {height:auto;}
.sign_block{float:none;}
.sign_block > ul{flex-wrap:wrap;justify-content: flex-end; }
.sign_block > ul > li{width:100%; float:left;}
.user-info-detail {width:100%; float:right; border-right:none; margin-top:5px; padding-right:0; text-align:right; }
.sign_block > ul > li > a{padding:0 10px 5px 0; text-align:right; background-position:right 8px;}
.sign_block > ul > li > ul{top:24px;}

.title-heading.fare-not-sufficient .not-sufficient-balance button#add_balance_pop_up {font-size: 10px;}	
.title-heading.fare-not-sufficient .not-sufficient-balance .error-msg {font-size: 13px;}

}
@media(max-width:320px){
.top-info li { margin-right: 12px;}
.top-info li:nth-child(2n){margin-right:0;}
.user-info-detail span{font-size:12px; padding-left: 1px;}
.top-info li i {font-size: 20px;}
.sign_block > ul > li { margin-left: 5px;}
.user-info-detail{    padding-right: 4px;}
.sign_block > ul > li > a{font-size:12px;}

}
/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
.dashboard-content .today-sale {width:100%; padding: 0 0 10px;}
.dashboard-content .today-sale span {display:block; text-align:center; }
.dashboard-content .heading-btn {width:100%; padding: 0 0 10px;}
.dashboard-content .heading-btn a { display: block; width: 100%;}
.dashboard-content .heading-btn a button {width:100%;}

.booking-detail-block .fare-box{display:block; }
.net_payable_amount{width:100%; margin: 10px 0;}
.net_payable_amount span {display:block; margin:0; font-size:18px; }
.booking-detail-block .total_fare {margin:0; width:100%;  }
.booking-detail-block .total_fare span {margin:0; display:block; font-size:18px;}

}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
.fc-toolbar .fc-left button:nth-child(2n){margin-right: 29px;}
.dashboard-content .today-sale {width:auto;}
.dashboard-content .heading-btn {width:auto;}





}