@media (min-width: 768px){
	/*.sidebar-mini.sidebar-collapse .main-header{margin-left: 0;width: 100%}*/
	.sidebar-mini.sidebar-collapse .main-sidebar{width: 0 !important}
	/*.sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 0;}*/
}
@media screen and (max-width: 1280px){
	/*Responsive-table-listing*/
	.responsiveListing-table .responsive-table-listing{width:760px;margin:0 auto;}
	.responsiveListing-table .responsive-table-listing li{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);padding: 15px 12px;margin:5px 0 25px 0;border-radius: 5px;list-style: none;display: flex;align-items: center}
	.responsiveListing-table .responsive-table-listing li:last-child{margin-bottom:0}
	.responsiveListing-table .responsive-table-listing li span{display: inline-block;text-transform: capitalize;text-align: center;margin: 0 10px 0 0;color: #000;font-weight: 500;}
	.liveClasss-main .responsiveListing-table .status-btn{background: none;min-width: auto;color: #14BE8B;font-size: 12px;text-align: right;min-width: 75px;padding: 3px 0}
	.liveClasss-main .responsiveListing-table .live{color: #14BE8B;}
	.liveClasss-main .responsiveListing-table .running{color: #14BE8B}
	.liveClasss-main .responsiveListing-table .upcoming{color:#FF9933}
	.liveClasss-main .responsiveListing-table .past{color:#0E8DC9}
	.list-left, .list-right {display: flex;align-items: center;width: 50%}
	.list-right{justify-content:flex-end;}
	.liveClasss-main .status-btn.start-now{padding:3px 15px;text-align:center;}
	.responsiveListing-table .responsive-table-listing  li .user-menu span{transform: rotate(90deg);margin: 0;color: #333C4E;font-size: 16px;}
    .responsiveListing-table .responsive-table-listing ul.dropdown-menu{    min-width: 115px;right: 0;left: auto;margin-top: 10px;box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.141), 0 1px 3px 0 rgba(0,0,0,0.122);-webkit-border-radius: 4px;border-radius: 4px;max-width: 280px!important;padding: 5px 0!important}
    .responsiveListing-table .responsive-table-listing ul.dropdown-menu li {padding: 0;box-shadow: none;margin: 0}
    .responsiveListing-table .responsive-table-listing ul.dropdown-menu li{padding:0}
    .responsiveListing-table .responsive-table-listing ul.dropdown-menu li button{background: none;
    box-shadow: none;padding: 6px 12px;margin: 0;color: #000;border:none;display: inline-block;width: 100%;text-align: left;font-weight:500;font-size:12px}
    /*Sidebar*/
	.main-sidebar {width: 0 !important;}
	.sidebar-mini.sidebar-collapse .main-sidebar{width:220px !important}	
	.skin-blue .main-header{width:100%;}
	.skin-blue .main-header .navbar{margin-left:0}
	.skin-blue.sidebar-collapse .main-header .navbar{margin-left:220px}
	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .right-side,
	.sidebar-mini.sidebar-collapse .main-footer{margin-left:220px}
	.content-wrapper, .main-footer{margin-left:0}	
	.sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
	.sidebar-mini.sidebar-collapse .sidebar-form,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
	.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
	.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display: inline-block !important}
	.content-header{top:initial;}
}
@media screen and (max-width: 1140px){

}
@media screen and (max-width: 1024px){
	.webListing-table{display: none;}
	.responsiveListing-table{display:block;}
	.login-icon h1{font-size: 30px;margin:15px 0;}
	.login button {padding: 8px 5px;font-size: 16px;float: none !important;
    width: 100%;display: inline-block;}

}
@media screen and (max-width: 991px){
	/*Sidebar filter*/
	#collapse-filter{width:380px;}
	#collapse-filter .box-content{position: relative}
	:root {
	--box-top: 59px;
	--box-footer: 71px;
	--fullvh: 100vh;
	--fullvw: 100vw;    
	}
	#collapse-filter .box-content .box-top{position: relative;height: 59px;}
	#collapse-filter .box-content .box-body{padding: 0px 0 0 20px}
	#collapse-filter .box-content .filter-body {
	height: calc(var(--fullvh) - (var(--box-top) + var(--box-footer))) !important;
	overflow-y: auto;overflow-x: hidden;padding-right: 10px}
	#collapse-filter .box-content .filter-body form {padding:20px 0}
	#collapse-filter .box-content .box-footer{position: relative;}
}
@media screen and (max-width: 990px){
	.schdule-recurring-classes label{top:0;margin-top:0}
}
@media screen and (max-width: 900px){

}
@media screen and (max-width: 840px){
	/*Responsive-table-listing*/
	.responsiveListing-table .responsive-table-listing{width:auto}
	.left-limiter-login{width:40%;padding:0 5%}
	.left-limiter-login img{width:100%;}
	.limiter.login{width:60%;left: 40%;padding: 0 12%;}
	.login-icon p{font-size: 16px}
}
@media screen and (max-width: 768px){
	.text-report-box .question-list, .results-inner .question-list, .question-list {
    height: calc(100vh - 0px);padding: 0 3px;overflow: inherit !important;}
    .responsiveListing-table .responsive-table-listing ul{margin-bottom:30px}
}
@media screen and (max-width: 767px){
	/*Sidebar and header*/
	.main-header .logo, .main-header .navbar{float:left;}
	.sidebar-open .content-wrapper, .sidebar-open .main-footer {
    -webkit-transform:none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform:none !important}
    .sidebar-open .main-sidebar{width:220px !important}
}
@media screen and (max-width: 667px){
	/*Responsive-table-listing*/
	.responsiveListing-table .responsive-table-listing li span.r-liveclassName{    white-space: nowrap;
    width: 100%;overflow: hidden;text-overflow: ellipsis;min-height: initial;text-align: left;}
	.responsiveListing-table .responsive-table-listing li{position: relative;}
	.liveClasss-main .status-btn{position: absolute;top: -9px;right: -18px;background: #f1f1f1 !important;
	text-align: center !important;font-size: 11px !important;}
	.liveClasss-main .status-btn.start-now {position: relative;right: auto;top: auto;}
	.text-report-box .question-list, .results-inner .question-list, .question-list {
    height: calc(100vh - 120px);padding: 0;margin-right: -32px;padding: 5px 32px 0 3px;}
    /*Sidebar and header*/
    .main-header .logo{display: none;}
    .skin-blue .main-header .navbar .sidebar-toggle .ti-menu{color: #000}
    /*.titleBreadcrum{padding-left:65px}
    .skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: rgba(40, 48, 61, 0.04) !important;}*/
	.sidebar-open .main-sidebar{ background: #fff !important;   box-shadow: 0 4px 4px 0 rgba(60,64,67,0.302), 0 8px 12px 6px rgba(60,64,67,0.149);padding:0; z-index: 9999;}
	.sidebar-menu{padding:0}
	.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {color: #000;background: #eaeaea;font-weight: 500}
	.skin-blue .sidebar-menu>li a{color: #28303d;font-weight:500}
	.footer-copright,.sidebar .sidebar-menu li.tables .tablesDropdown li{background: #fff;color: #000;font-weight: 500;}
	.sidebar .sidebar-menu li.tables .tablesDropdown li>a{font-size:13px;color: #000}
	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgb(234, 234, 234);}
	.skin-blue .sidebar-menu>li a{padding:16px 30px 16px 16px}
	.main-header .navbar-custom-menu{display: none;}
	.content-header {top: 0;z-index: 9999;padding:15px 15px 5px}
	.skin-blue .sidebar-menu>li.profile-respo {text-align: center;padding: 20px 0 10px;}
	.skin-blue .sidebar-menu>li.profile-respo img{margin-bottom: 5px}
	.skin-blue .sidebar-menu>li.profile-respo p{text-transform: capitalize;font-weight: 600;}
	.mob-nav{display: block;}
	.sidebar .sidebar-menu li.tables .tablesDropdown li>a{padding-left:52px}
	.skin-blue .sidebar a.logo{display: none;}

	.nav-tabs-custom > .nav-tabs{margin: 0 !important;left: 0;}
	.scrolling-wrapper {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0 -10px;}
	.nav-tabs-custom > .nav-tabs > li {float: none;display: inline-block}


	.left-limiter-login, .limiter.login {width: 100%;float: none;min-height: auto;padding: 35px;
	height: auto;position: relative;}
	.left-limiter-login img {width: auto;height: 150px}
	.login-icon img {height: 50px;margin-top: 10px}
	.limiter.login {padding: 0 150px;left: 0;/* padding: 0; */display: block;}
	.login button{float: none !important}
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 568px){
	.limiter.login{padding:0 100px}
}
@media screen and (max-width: 500px){
	.liveClasss-main .status-btn.start-now{padding:3px}
	
}
@media screen and (max-width: 480px){
	/*Sidebar filter*/
	#collapse-filter{width:340px}
	#collapse-filter .box-content .box-footer{text-align:center}
	#collapse-filter .box-content .box-footer .pull-left,
	#collapse-filter .box-content .box-footer .pull-right{float: none !important}

	.limiter.login{padding:0 50px}
}
@media screen and (max-width: 420px){
	/*Sidebar filter*/
	#collapse-filter{width:300px}

	.list-left{width:65%}.list-right{width:35%}
	.content{padding:10px 15px 0}
	.content-header {padding: 15px 15px 5px}
	/*.skin-blue .main-header .navbar .sidebar-toggle {
    padding: 13px 7px; margin: 5px 0}
    .titleBreadcrum {padding-left: 50px}*/
    .skin-blue .main-header .navbar .sidebar-toggle:hover {background: none !important}
    .responsiveListing-table .responsive-table-listing li{padding:10px 12px}
    .lesson-name span img{height:30px !important;height: 30px !important}
}
@media screen and (max-width: 414px){

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

}
@media screen and (max-width: 375px){
	.content.screen-online-package .nav-tabs>li>a, .content.screen-online-package .nav-tabs>li.active>a, .content.screen-online-package .nav-tabs>li.active>a:focus, .content.screen-online-package .nav-tabs>li.active>a:hover, .nav-tabs-custom > .nav-tabs>li>a, .nav-tabs-custom > .nav-tabs>li.active>a, .nav-tabs-custom > .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs-custom > .nav-tabs>li>a, .nav-tabs-custom > .nav-tabs>li:hover>a{font-size:14px}
	.left-limiter-login img {height: 150px;}
	.login-icon p,.login-icon h1{text-align: center;font-size: 14px}
	.login-icon h1{font-size: 25px;margin-bottom: 0}
	.login #login-form input.input100,.login button{border-radius:5px;}
	.login #login-form input.input100{padding-left: 40px}
	.limiter.login .ti-email, .limiter.login .ti-lock{top:15px}
}
@media screen and (max-width: 320px){
	.limiter.login {padding: 0 20px;}
}