@media (max-width: 1199px){
.nav-bar {padding: 0 0 0 20px;left: 100px;width: 200px;}
aside.el-aside.side-menu, .el-aside .el-scrollbar { width: 100px !important;}
.el-main {padding: 0 30px;margin-left: 220px;}
.nav-bar li a [class*='icon-'] {font-size: 16px;}
.nav-bar li a {font-size: 12px;padding-left: 30px;}
.dash-list li:before {right: 15px;}
.role-check .el-checkbox,.w36 .el-dialog,.w30 .el-dialog,.employeedialog .el-dialog{width: 50%;}
.el-form-item__label,.newform .line-input .el-input__inner,.el-form-item__error{font-size: 12px;}
.session, .session-add{width: 30%;}
.map-min-hgt{height: auto;}
.mm-mt20{margin-top: 20px;}
.wd50 .el-dialog{width: 70%;}
.search-right{left: 29%;}.ci {margin-top: 40px;}
.dash-list li {width: 50%;margin-bottom: 20px;}
.dash-list li:last-child,.dash-list li:nth-child(3) {margin-bottom: 0;}
.dash-list li:before {display: none;}
.forgetpass { width: 50%;height: auto;}.app-collapse .el-collapse-item__wrap { padding: 0; }.app-collapse .el-collapse-item__header { height: auto; line-height: normal; padding: 0; }
}
@media (max-width: 991px){
.nav-bar {padding: 0 0 0 20px;left: 100px;width: 200px;}
.el-form-item__label,.indicator{font-size: 11px;}
.el-main {padding: 0 20px;}
.indicator [class*="indi-"]:before {height: 10px;width: 10px;margin-right: 5px;}
.el-card .item .cont,.el-table__body, .el-table__footer, .el-table__header {font-size: 12px;}
.el-input__inner {height: 34px;line-height: 34px;font-size: 12px;padding: 0 10px;}
.el-input__suffix {right: 0;}
.el-dialog__header {padding: 20px 20px 10px;}
.el-dialog__body,.pop-btn2 .el-dialog__body,.employeedialog .el-dialog__body,.w30 .el-dialog__body {padding: 30px 20px;}
.el-form-item__error{font-size: 10px;}
#sanar-map {height: 420px}
.details-list li span {width: 40%;}
.md-mt20,.newform .m-t40{margin-top: 20px;}
.customtabs .el-tabs__item,.customtabs .el-tabs--top{padding: 0 7px!important;font-size: 12px;margin-right: 6px!important;}
.el-pagination {margin-bottom: 20px;}
.search-right{left: 69%;}
.reports .m-t30{margin-top: 10px;}
.hdr-tit{width: 157px;}
.session, .session-add{width: 50%;}
.hdr-tit h6{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;line-height: 40px;}
.coup-btn .el-button{padding:10px 20px;}
.upload-atc {margin-top: 0px;}.sa-mob-btn .el-button{width:100%;margin-bottom: 20px;}.sa-mob-btn .el-button+.el-button{margin-left:0;}
}
@media (max-width: 768px){
  .login-changpass {width: 50%;}.doc-item {max-width:100%;width: 100%;}
  .forgetpass {width: 100%;}.rate-rev-list li{padding:0 132px 0 22px;}
  .el-alert__closebtn{right:9px;}.sa-rrf-filter{right:-70px;}
}
@media (max-width: 767px){
  @keyframes slide-in {  from {transform: translateX(0);}  to {transform: translateX(100%);}}
@keyframes slide-out {from {transform: translateX(100%);}  to {transform: translateX(0);}}
body,.app-grid-default  strong, .app-grid-default h4,h6,.el-button,.el-checkbox__label{font-size: 12px;}
.m-t40 {margin-top: 20px;}.m-t50 {margin-top: 25px;}.m-t20 {margin-top: 10px;}.m-t30 {margin-top: 15px;}.m-t25 {margin-top: 15px;}.m-t0 {margin-top: 0px;}.m-t10 {margin-top: 5px;}.m-b20 {margin-bottom: 10px}.m-b30 {margin-bottom: 15px}.m-l20 {margin-left: 10px;}.m-r10 {margin-right: 5px;}.m-r20 {margin-right: 10px;}.p-r10{padding-right:5px}.m-tb20{margin-top: 10px;margin-bottom: 10px;} 
h3 {font-size: 18px;}h4 {font-size: 16px;}h5 {font-size: 14px;}
.hidden-xs {display: none !important;}
.menu-bar {margin: 0;display: flex;align-items:center;  padding: 10px 20px;position: fixed;background:#2652f3;width: 100%;box-sizing: border-box;z-index: 9;}
.logo {margin-left: 20px;color: #FFF;}
.toggle-menu {display: block; z-index: 99;} 
.toggle-menu>.active .bar1 {transform: rotate(-45deg);width: 15px;margin-bottom: 2px;}
.toggle-menu>.active .bar3 {    transform: rotate(45deg);width: 15px;margin-top: -3px;}
.toggle-menu .bar {width: 30px;height: 3px; border-radius: 5px;background-color: #ddd;display: block; margin-bottom: 5px;}
aside.el-aside.side-menu {position: fixed;z-index: 9;background: #FFF;left: -100%;top: 65px;width: 70%!important;bottom: 0;box-shadow: 0 0px 20px rgba(0,0,0,.2);animation: slide-out 0.8s ease-out forwards;}
aside.el-aside.side-menu.active {animation: slide-in 0.8s ease-out forwards;left:-70%}
.el-aside .el-scrollbar {padding: 0 20px;width: 100%!important;}
.nav-bar {width: 100%;left: 0;top: 64px;box-sizing: border-box;height:74px;padding: 0px 20px; bottom: auto;z-index: 3;}
.nav-bar ul {margin-top: 0;display: flex;overflow:auto;}
.nav-bar li {margin-right: 30px;}
.nav-bar li a {padding-left: 0;display: flex;flex-direction: column;white-space: nowrap;}
.nav-bar li a [class*='icon-'] {position: static; font-size: 20px;margin-bottom: 5px;}
.nav-bar li a.active:after {margin-left: 0;margin-top: 5px;}
.el-main {margin-left: 0;padding-top: 140px;}
.el-main.dashboard {padding-top: 65px;}
.el-menu.el-menu--horizontal {position: static;}
.el-menu--horizontal>.el-submenu {position: fixed;top: 0;z-index: 9;right: 0;box-sizing: border-box;padding: 15px 26px;}
.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background: transparent;}
.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {color: #FFF;}
.side-menu a {justify-content: left;font-size: 16px;padding: 16px 0;}
.side-menu a i {margin-right: 10px;}
.login-wrapper {box-shadow: none;padding: 20px;width: 100%;box-sizing: border-box;top: 0;left: 0;transform: translate(0, 0);border-radius: 0;bottom: 0;}
.el-card__body,.employeedialog .el-dialog__body {padding: 15px;}
.dash-list li {width: 100%; margin-bottom: 20px;}.dash-list li:nth-child(3) {margin-bottom: 20px;}
.dash-list li>div {border-radius:3px;width: 40px;height: 40px;line-height: 40px;font-size: 12px;}
.el-card h4, .el-card h5 {margin-bottom: 10px;}
.details-list li span ,.details-list li .bio{width: 50%;}
.el-card .item:first-child, .details-list {margin-top: 10px;}
.details-list li {padding: 5px 0;}
.el-dialog,.employeedialog .el-dialog,.w30 .el-dialog,.sucs-pop .el-dialog{width: 80%;}
.search-right{left: 88%;}
.role-check .el-checkbox{width:100%;}
.profile-remove-icon{margin-left: -10px !important;}
.appoiment-view span{margin-bottom: 15px;}
.ci {margin-top: 50px;}
.si{margin-top: 30px;}
.bill-list{text-align: center;margin-bottom: 20px;margin-top: 20px;}
#over_map {top: -16px;left: 0px;width: 85%;padding: 0 20px;}
.el-message-box{width: 86%;}
}
@media (max-width: 640px){
.login-changpass {width: 60%;}
.session, .session-add{width: 81%;margin: 20px 10px;/*padding: 15px;*/}
.range-dt-cstm{width: 90%;left: 20px!important;}
.range-dt-cstm .el-date-range-picker__content, .range-dt-cstm.el-date-range-picker .el-picker-panel__body {width: 100%;min-width: 100%;}
}
@media (max-width: 520px){
}
@media (max-width: 480px){
.indicator span{display: flex;}
.customtabs .el-tabs__item,.customtabs .el-tabs--top{padding: 0 6px!important;font-size: 10px;margin-right: 5px!important;}
.login-changpass {width: 80%; height: auto;}
.mapbtn{top:56px;left: 10px;}
.audio-btn{width:250px;}
.select-date{left: 0;width: 100%;}
}
@media (max-width: 420px){
}
@media (max-width: 414px){
.tag-btn .el-tag.el-tag--info{min-width:100%;}
.el-dropdown{font-size: 12px;}
}
@media (max-width: 375px){
.el-dialog,.wd50 .el-dialog,.w30 .el-dialog,.pop-btn2 .el-dialog,.w36 .el-dialog,.employeedialog .el-dialog,.login-changpass{width: 90%;}
.details-list li {flex-wrap: wrap;}.sa-rrf-filter{right:-70px;margin-top:50px;}.rating-list,.xs-50{margin-top:50px;}
.coup-btn .el-button+.el-button { margin-left: 0px;margin-top: 20px;}
.details-list li .bio,.details-list li span ,.session, .session-add,.details-list .session-grid,.btn-pad,.app-wrap .el-button,.w100 {width: 100%;}
}
@media (max-width: 360px){
}
@media (max-width: 320px){
.el-alert__closebtn{font-size:10px;top:6px;right:6px;}
.el-dropdown{font-size: 10px;}
.new-btn{padding: 15px;}
.edit-det{top:10px;}
.hdr-tit {width:126px;}
.w30 .el-dialog__body,.sm-dialog .el-dialog__body{padding: 25px;}
}
/* @media  only screen and (max-width: 1740px) {
    .appoint-table .line td:after {
        left: 12% !important;
    }
    .dot td:first-child:after {
        left: 110% !important;
    }
  }
  @media  only screen and (max-width: 1545px) {
    .dot td:first-child:after {
        
        top: -28px !important;
    }
  }
@media only screen and (max-width: 1160px) {
.el-main {padding: 0 20px 30px 20px;margin-left: 210px;}
.nav-bar {width: 179px;}
.ico-pointer {padding: 0px 4px;margin: 0 8px;}
.dash-list {padding: 0 0 0 0px;}
.master-table .is-right .cell{padding: 1px 1px;}
.el-card__body {padding: 20px;}
.dash-list li>div {width: 45px;height: 45px;line-height: 45px;font-size: 14px;}
.role-check .role-list {width: 33%;}
} */