@media screen and (max-width:1600px){

.login-form-main { padding: 4% 4%;}
.login-form-main .form-group{ margin-bottom: 20px; }
.login-form-main .form-control{ line-height: 80px;}
.signin-btn{ height: 80px; }
.db-hdr{padding: 14px 85px}
.footer{ padding: 13px 0px 13px 0px }

}
@media screen and (max-width:1920px){
.left-title{    left: -260px;
    top: 150px;}
 .custom-scrollbar, .nav-panel-main{ /* height: calc(100vh - 151px) */ height: calc(100vh) }   
/* .nav-panel-main .navpanel-drow{ height: 326px;} */
.tab-list li{min-width: 230px;}
.userpic{ width: 60px; height: 60px; }
.footer {
    padding: 10px 0px 10px 0px;
    font-size: 14px;
}
.check-panel-main .checkbox-label{ width: 25%; font-size: 14px;}
.dash-icon{height: 90px;}
.dash-icon img{ max-width: 80%; }
.dash-mid-main .dash-item{ height: 265px; }
.logo{ width: 150px; }
.usernametxt{font-size: 20px;}
.useredit{ font-size: 14px; }
.nav-panel-main ul li a{ height: 56px; }
}
@media screen and (max-width:1169px){
.login-main{ background-size: cover; }  
.db-hdr{padding: 2% 3%;}
.dash-mid-main {padding: 5% 3%;}
.dash-status-main{ padding-bottom: 80px }
.footer{ padding:20px 0px 20px 0px; font-size: 16px; }
.dash-icon{height: 100px;}
.dash-txt{ font-size: 20px; }
.dash-mid-main{padding: 5% 0}
.nav-panel-main {-moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; padding-right: 5px;width: 300px;margin-right: -15px;background: #1d2531;float: right;position: fixed;left: -400px;z-index: 999;}
.left-title{left: -260px;top: 140px;}
 .custom-scrollbar, .nav-panel-main{ height: calc(100vh - 218px) }  
.nav-panel-main .navpanel-drow {
    height: 300px;
}
.cont-scn-panel{padding-right: 0px;}
.nav-toggle {
    width: 30px;
    display: inline-block;
    margin: 0 10px 0 0;
    cursor: pointer;
    vertical-align: middle;position: relative;z-index: 99;
}
.nav-toggle i {width: 100%;height: 3px;background-color: #fff;margin-bottom: 5px;float: left;}
.navshow{ left:0px; }

}
@media screen and (max-width:1023px){
.wlc-status-txt{padding-bottom: 10px;font-size: 18px;}
.percent-progress-txt{ font-size:30px; line-height: 40px;}
.status-progress{ height: 40px; }
.dash-status-main {padding-bottom: 40px;}
.status-progress li:before{ width: 1px; }
.left-title {
    position: static;
    transform: none;
    margin-left: 20px; width: auto;
    font-size: 20px; margin-top: 8px;
}
.checkbox-label{ font-size: 16px; } 
.col-lg-nav{padding-bottom: 10px;}
.tab-list { width: 100%; }

.tab-list li{ min-width: 32%; margin-left: 2%; }
.tab-list li:first-child{ margin-left: 0px; }
.custom-scrollbar, .nav-panel-main {
    height: calc(100vh - 258px);
}
.navshow {margin-top: 49px;}
.nav-panel-main .navpanel-drow {
    height: 470px;
}
.nav-panel-main{ margin-top: 49px; }
}
@media screen and (max-width:767px){
.login-logo{max-width: 250px;}  
.login-form-main .form-control{ line-height: 60px;}
.signin-btn{ height: 60px; font-size: 20px; }
.login-form-main .username-group label, .login-form-main .password-group label{ width: 60px; }
.login-form-main .form-control{ font-size: 18px; padding-left: 80px; }
.forgot-pass-txt{margin-top: 15px; font-size: 16px;}
.login-form-main .form-group {margin-bottom: 10px;}
.cont-scn-panel{ padding: 10px 0px 0px 0px }
h1{font-size: 30px;}
.cont-scn-panel h2{ margin-top: 10px; font-size: 20px; }
.nav-panel-main ul li a{ font-size: 16px; padding: 5px 45px 5px 15px; height: 50px; }

.nav-panel-main .navpanel-drow {
    height: 155px;
}
.custom-scrollbar, .nav-panel-main {
    height: calc(100vh - 277px);
}
.custom-pupup .modal-content .modal-body {
    padding: 1rem 30px;
}
.custom-pupup .activity-content .drag-conteiner li, .custom-pupup .answers-wrapper ul li{ font-size: 16px; padding-right: 30px; }
.custom-pupup .activity-content .drag-conteiner li:after, .custom-pupup .answers-wrapper ul li:after{font-size: 16px;right: 8px; top: 8px;}

}
@media screen and (max-width:599px){
.percent-progress-txt{ font-size: 18px; }
.logo {display: block;width: 40%;text-align: center;margin: auto;}
.usernametxt{ font-size: 18px; }
.useredit{ font-size: 14px; }
.username-edittxt{ padding-left: 10px; }
.userlogin-info {width: 100%;text-align: center;padding-top: 10px;}
.wlc-status-txt{ width: 100%;   }
.nav-toggle{position: absolute;
    top: 50px;}
 .check-panel-main .checkbox-label{ width: 100%;}
 .checkbox-label{ margin-bottom: 15px; } 
 .tab-list li{ border-top: #fff 1px solid; border-radius: 0px; min-width:100%; margin-left: 0; } 
 .left-title{ font-size: 16px; } 
}