.responsive-width {
	max-width: 1050px !important;
}
@media only screen and (min-width: 1024px) {
	.subject_r .table-responsive {
		display: inline-table;
	}
}
@media only screen and (min-width: 1366px) {
	.common-heading {
		margin-top: 40px;
	}
	.subject_r .table-responsive {
		display: inline-table;
	}
	.subject_r {
		width: 100%;
	}
	.from-group.adding-class {
		width: 100%;
	} 
}
@media only screen and (min-width: 1439px) {
}
@media only screen and (min-width: 1440px) {
	.dashboard-tab-link {
		font-size: 16px;
	}
	.dashboard-tabs img {
		margin-right: 13px;
	}
	.login-box-cover { 
		margin-top: 0px;
	}
	.login-heading { 
		padding-top: 0;
	}
}
@media only screen and (min-width: 1500px) {
	.header-menu-wrap ul li {
		font-size: 14px;
	}
	.header-menu-wrap .join-class-btn {
		font-size: 14px;
	}
	.main-wrap {
		width: 100%;
	}
	.main-wrap-full {
		width: 77%;
	} 
	.login-box-cover { 
		margin-top: 0px;
	}
	.login-heading { 
		padding-top: 0;
	}
	
}
@media only screen and (min-width: 1600px) {
	.application-toggle-btn .nav-pills {
		border: 1px solid #000;
		border-radius: 4px;
		width: auto !important;
	}
	
}
@media only screen and (min-width: 1680px) {
	.login-heading h2 {
		font-size: 40px;
		margin-bottom: 25px;
	}
	.login-box-cover-outter {
		width: 95%;
	}
	.login-box {
		width: 95% !important;
	}
	.login-heading {
		width: 100%;
	}
	.login-lbl {
		font-size: 16px;
	}
	.login-row input[type="Email"],
	.login-row input[type="text"],
	.login-row input[type="number"],
	.login-row input[type="password"] {
		padding: 5px 5px;
		font-size: 16px;
	}
	.passwrd-icon {
		top: 36px;
	}
	.remember {
		font-size: 14px;
	}
	.forget-password a {
		font-size: 14px;
	}
	.login-row .common-btn {
		padding: 8px 45px;
		font-size: 16px;
	}
	.login-box h3 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.login-row {
		margin-bottom: 15px;
	}
	.login-lbl {
		margin-bottom: 5px;
	}
	.login-box-cover {
		margin-bottom: 40px;
	}
	.login-heading {
		padding-top: 0px;
	}
	.common-heading h2 {
		font-size: 26px;
	}
	.tab-sub-sec {
		align-items: center;
	}
	.tab-sub-sec p {
		font-size: 18px;
	}
	.dashboard-tabs {
		width: 230px;
	}
}
@media only screen and (min-width: 1900px) {
}
@media only screen and (min-width: 1920px) {
}
@media only screen and (min-width: 2000px) {
	.td-width1,
	.td-width2 {
		width: 255px;
	}
	.login-heading h2 {
		margin-bottom: 58px;
	}
	.dashboard-tabs {
		width: 290px;
	}
}
@media only screen and (min-width: 2560px) {
	.search-bar-wrap input[type="text"] {
		width: 100%;
	}
}
/**********************************************/
@media only screen and (max-width: 1366px) {
	.login-box {
		margin-right: 80px;
		width: 35%;
	}
	.applicnts-list-wrap .table-responsive {
		display: inline-table;
	} 
	.responsive-width { 
		width: 76%;
	}
	.login-box-cover { 
		margin-top: 0px;
	}
	.login-heading { 
		padding-top: 0;
	}
}
@media only screen and (max-width: 1280px) {
	.sub-list-table th,
	.sub-list-table td {
		font-size: 13px;
	}
	.action-btn-wrap {
		padding: 0 7px;
	}
	.td-width2 {
		width: 180px;
	}
	.ellipsis {
		width: 133px;
	}
	.Weightage-tab label {
		font-size: 14px;
	}
	.syllabus-list-wrap .common-btn {
		padding: 5px 30px;
	}
	.login-box {
		margin-right: 60px;
		width: 35%;
	}
	.login-heading h2 {
		font-size: 35px;
	}
	.login-heading h3 {
		font-size: 30px;
	}
	.admin-search .common-btn {
		padding: 5px 12px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		margin-right: 6px;
	}
	.search-bar-wrap {
		width: 73%;
		margin: 0px 1% 0 0;
	}
	.user-login-section {
		width: 24%;
	}
	.dashboard-tabs { 
		width: 186px; 
	} 
	.login-box-cover { 
		margin-top: 0px;
	}
	
}
@media only screen and (max-width: 1200px) {
	.applicnts-list-wrap .table-responsive {
		display: inline-table;
	}
	.applicnts-list-wrap .table-responsive {
		display: block;
	}
	.long-tbl-main table.dataTable tbody td {
		font-size: 12px;
	}
	#recoveryGraf {
		width: 338px !important;
	}
	#recoveryGraf {
		width: 588px !important;
		margin-left: 245px !important;
	}
	.dashboard-tabs {
		width: 180px;
	}
	/* .report_right_report #recoveryGraf {
		margin-left: 0 !important;
		width: 322px !important;
	}
	.report_right_report .graph_details {
		right: 0;
		top: 272px;
	} */
	.date-fil-row {
		margin-right: 5px;
	}
	.subject-filter {
		margin-right: 5px;
	}
}
@media only screen and (max-width: 1100px) {
	#recoveryGraf {
	  width: 285px !important;
	}
	.responsive-width {
		width: 72%; 
	}
	.dashboard-tabs {
		width: 168px;
		margin-right: 15px;
	}
	.tab-number {
		font-size: 24px; 
	}
	.tab-sub-sec p {
		font-size: 14px;
	}
	.subject_l {
		width: 37%;
	} 
	.action_subject_addbtn { 
		padding: 5px 4px !important; 
		font-size: 12px !important;  
		display: block; 
	}
	.email-width {
		width: 76px; 
	}
	.checkBox .checkmark:after {
		left: 5px;
		top: 1px;
	}
	.filter-reset .subject_addbtn { 
		padding: 9px 1px;
	}
  }
@media only screen and (max-width: 1024px) {
	.manage_btn {
		width: 120px;
	}
	.search-bar-wrap {
		width: 78%;
	}
	.dashboard-tabs {
		width: 170px;
	}
	.dashboard-tabs img {
		width: 28px;
		height: 27px;
	}
	.main-wrap {
		margin-left: 0px;
	}
	.common-heading {
		font-size: 16px;
		font-weight: 600;
	}
	.logo-name h3 {
		line-height: 20px;
		font-size: 28px;
	}
	.logo-name {
		margin-left: 20px;
	}
	.sideMenu ul li.list {
		font-size: 13px;
	}
	.create-sub-label {
		font-size: 14px;
	}
	.sub-form-row input[type="text"],
	.sub-form-row textarea,
	.sub-form-row select,
	.sub-form-row input[type="password"],
	.sub-form-row input[type="date"],
	.sub-form-row input[type="number"] {
		font-size: 13px;
	}
	.subject-search label {
		font-size: 13px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		font-size: 13px;
	}
	.common-btn {
		font-size: 13px;
	}
	.ellipsis {
		width: 160px;
	}
	.action-btn-wrap {
		padding: 0 3px;
	}
	.subject-wrap {
		width: 100%;
	}
	.common-heading h2 {
		font-size: 18px;
	}
	.sub-list-table {
		width: 100%;
	}
	.subject-breadcrumb {
		width: 100%;
	}
	.sub-list-table td {
		padding: 10px 10px;
	}
	.subject-breadcrumb {
		width: 50%;
	}
	.user-login-section {
		width: 22%;
	}
	.add-syllabus label {
		font-size: 13px;
	}
	.student-wrap {
		width: 100%;
	}
	/* .login-heading { 
    margin-left: 333px;
    }*/
	.login-box {
		width: 39%;
	}
	.chart-info-wrap {
		margin: 23px 3px;
	}
	.main-wrap {
		display: block;
	}
	.main-left-sm {
		width: 45%;
	}
	.main-right-sm {
		width: 80%;
	}
	.main-right {
		width: 80%;
	}
	.sideMenu {
		width: 178px;
		z-index:9;
	}
	.sideMenu ul li img {
		margin-right: 12px;
		width: 18px;
	}
	.responsive-width {
		margin-left: 220px;
		width: 75%;
	}
	.responsive-width {
		margin-left: 200px;
		width: 78% !important;
	}
	.report_dashboard #recoveryGraf {
		width: 444px !important;
		margin-left: 252px !important;
	  }
	  .tab-sub-sec {
		margin-left: 9px;
	}
	.tab-number {
		font-size: 23px; 
	}
	.action_subject_addbtn { 
		display: block; 
		padding: 5px 7px !important;
	}
	.online-session-wrap td { 
		font-size: 13px;
	}
	.online-session-wrap { 
		border: 1px solid #ddd;
	}
	.filter-reset .subject_addbtn { 
		padding: 9px 5px;
	}
	.side-list a.dropdown-toggle[aria-expanded="false"]:after {
		right: 25px;
	}
	.subject_addbtn_nobg .fa-redo {
		margin-right: 5px;
	}
	.top-filter .form-control {
		font-size: 11px !important; 
	}
	.login-wrap { 
		background-position: 30%;
	}
}
@media only screen and (max-width: 992px) {
	.search-bar-wrap {
		width: 63%;
	}
	.user-login-section {
		width: 44%;
		margin-left: 5%;
	}
	.side-menu-open {
		width: 220px !important;
		left: 0;
	}
	.main-wrap {
		width: 95%;
	}
	.sub-list-table td {
		font-size: 12px;
	}
	.add-syllabus label {
		margin: 0 10px 0 0;
		font-size: 12px;
	}
	.subject-search label {
		margin-right: 10px;
		margin-bottom: 0;
		font-size: 12px;
	}
	.common-btn {
		font-size: 12px;
		padding: 7px 30px;
	}
	.syllabus-list-wrap .sub-list-table th,
	.syllabus-list-wrap .sub-list-table td {
		font-size: 12px;
	}
	.td-width1,
	.td-width2 {
		width: 150px;
	}
	.syllabus-list-wrap .sub-list-table th a,
	.syllabus-list-wrap .sub-list-table td a {
		width: 100px !important;
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.ellipsis {
		width: 118px;
	}
	.application-toggle-btn .nav-pills li a {
		padding: 5px 10px;
	}
	.application-toggle-btn .nav-pills li {
		width: 33.33%;
	}
	.set-weightage-lbl {
		font-size: 13px;
	}
	.Weightage-tab label {
		font-size: 12px;
	}
	.Weightage-tab label strong {
		font-size: 13px;
	}
	.syllabus-list-wrap .common-btn {
		padding: 5px 16px;
	} 
	.login-box {
		margin-right: 30px;
		width: 60%;
	}
	.login-heading {
		left: 5%; 
		padding-top: 24px;
	}
	.login-wrap {
		height: auto;
	}
	.login-wrap {
		background: url(../images/login-banner.png);
		background-size: cover;
		background-position: 30%;
	}
	.login-row {
		margin-bottom: 10px;
	}
	.login-row p {
		font-size: 14px;
	}
	.backto-login a {
		font-size: 13px;
	}
	.sub-list-wrap {
		display: block;
	}
	.sub-list {
		width: 100%;
	}
	.sub-list-wrap .admin-graph {
		width: 40%;
	}
	.admin-search .common-btn {
		padding: 5px 12px;
	}
	.main-left {
		width: 60%;
	}
	.main-right {
		width: 95%;
	}
	.main-left-sm {
		width: 60%;
	}
	.sideMenu ul li img {
		margin-right: 10px;
	}
	.sideMenu ul li.list {
		font-size: 12px;
	}
	.sideMenu {
		width: 180px;
	} 
	.search-bar-wrap {
		width: 77%;
	}
	.subject_r {
		width: 100%;
	}
	.responsive-width {
		margin-left: 208px;
		width: 72% !important;
	}
	.report_sec_right .report_info {
		width: 34%;
	}
	.address-width {
		width: 150px;
	} 
	.report_tabs { 
		padding: 10px; 
	}
	.report_info li img {
		margin-right: 4px;
		width: 16px;
	} 
	.graph_details ul li { 
		margin-bottom: 4px;
	} 
	.assign_syllabus {
		display: block;
	}
	.assign_syllabus .subject_r {
		width: 80%;
	}
	.subject_l_full_width {
		width: 45% !important;
	}
	.action_subject_addbtn {
		display: block;
		padding: 5px 2px !important;
		font-size: 11px !important;
	}
	.teachers_list_table .table-responsive {
		display: block;
	}
	.notif_filter .date-filter {
		width: 19%;
	}
	.payment-filter .filter_lbl .fa-filter {
		margin-right: 3px;
	}
	.payment-filter .date-filter .form-control { 
		width: 110px;
	}
	.report_dashboard #recoveryGraf {
		width: 398px !important;
		margin-left: 142px !important;
	}
	
	
}
@media only screen and (max-width: 800px) {
	.manage_btn {
		width: 130px;
	}
	.application-toggle-btn { 
		width: 100%;
	}
	.responsive-width { 
		width: 70% !important;
	}
	.student_id_card_wrap { 
		right: 0; 
	}
	.user-info-row-one { 
		width: 100%;
	}
	.responsive-width {
		width: 72% !important;
		margin-left: 200px;
	}
	.dashboard-tabs {
		width: 200px;
	}
	.report_dashboard #recoveryGraf {
		width: 382px !important;
		margin-left: 169px !important;
	}
	.report_info li label { 
		width: 80%;
	}
	.report_sec_right .report_info {
		width: 40%;
	}
	.report_head h5 {
		font-size: 14px; 
	}
}
@media only screen and (max-width: 768px) {
	.search-bar-wrap {
		width: 50%;
	}
	.sideMenu ul li img {
		margin-right: 10px;
	}
	.breadcrumb-section .breadcrumb-item {
		font-size: 14px;
	}
	header.login-header {
		padding: 25px 10px;
	}
	.header-menu-wrap ul li {
		padding: 0 10px;
	}
	.dashboard-tabs {
		margin-right: 12px;
		margin-bottom: 12px;
	}
	.sub-list-table th,
	.sub-list-table td {
		font-size: 12px;
		padding: 15px 10px;
	}
	.action-btn-wrap {
		display: flex;
	}
	::-webkit-scrollbar {
		width: 10px;
		height: 2px;
	}
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px grey;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb {
		background: #032da1;
		border-radius: 10px;
	}
	::-webkit-scrollbar-thumb:hover {
		background: #032da1;
	}
	.search-btn {
		padding: 10px 10px;
	}
	.user-login-section {
		width: 49%;
		margin-left: 0%;
	}
	.search-btn {
		font-size: 11px;
	}
	.edit-subject {
		padding: 0px 0;
	}
	.common-btn {
		padding: 4px 10px;
		font-size: 12px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		font-size: 12px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		font-size: 12px;
		margin-right: 8px;
	}
	.syllabus-wrap-head {
		display: block;
	}
	.add-syllabus {
		justify-content: flex-start;
	}
	.syllabus-wrap-head .subject-search {
		margin-bottom: 10px;
	}
	.subject-search label {
		margin-right: 21px;
	}
	.sub-list-table {
		overflow-x: auto;
	}
	.sub-form-row .common-btn {
		padding: 6px 22px;
		font-size: 12px;
	}
	.passwrd-icon {
		top: 32px;
	}
	.application-toggle-btn {
		margin-bottom: 15px;
	}
	.action-btn-wrap .fa-check-circle {
		margin-right: 5px;
	}
	.login-heading h3 {
		font-size: 20px;
	}
	.login-heading h2 {
		font-size: 23px;
	}
	.login-row button.common-btn {
		padding: 7px 20px;
	}
	.login-heading {
		margin-left: 30px;
		padding-top: 25px;
	}
	.login-box-cover {
		justify-content: center;
		padding-bottom: 30px;
	}
	.login-box h3 {
		font-size: 18px;
	}
	.login-lbl {
		font-size: 14px;
	}
	.login-row {
		margin-bottom: 8px;
	}
	.login-box {
		width: 78%;
		margin-top: 10px;
	}
	.login-row p {
		font-size: 13px;
	}
	.instalment-setup {
		display: block;
	}
	.main-wrap-full .subject-search {
		display: block;
	}
	.main-wrap-full .subject-search select,
	.subject-search input[type="text"] {
		margin-bottom: 5px;
		width: 100%;
	}
	.setup-btn {
		width: 34%;
	}
	.instalment-setup .application-toggle-btn {
		width: 100%;
	}
	.sub-list-wrap .admin-graph {
		width: 72%;
	}
	.graph-head {
		font-size: 17px;
	}
	.graph-mid h2 {
		font-size: 14px;
	}
	.graph-footer h2 {
		margin: 6px 0;
		font-size: 12px;
	}
	.graph-footer h2 span {
		font-weight: 700;
		font-size: 14px;
		margin-top: 15px;
	}
	.main-left {
		width: 80%;
	}
	.main-right {
		width: 100%;
	}
	.main-left-sm {
		width: 100%;
	}
	.main-right-sm {
		width: 100%;
	}
	.login-box {
		width: 100% !important;
	}
	.login-wrap {
		background-position: 30%;
		background-size: cover;
	}
	.login-box-cover-outter {
		justify-content: flex-end;
		padding-right: 45px;
	}
	.login-heading h2 {
		font-size: 30px;
	}
	.login-box-cover {
		padding-bottom: 0;
		height: auto;
	}
	.sideMenu {
		width: 180px;
	}
	.application-toggle-btn .nav-pills li a {
		font-size: 10px;
	}
	div#tbl_length {
		float: left;
	}
	.applicant-docs-row label {
		width: 53%;
	}
	.subject_l {
		width: 70%;
	}
	.logo-wrap img {
		width: 90px;
	}
	.responsive-width {
		margin-left: 200px;
	}
	.filter-reset .subject_addbtn {
		font-size: 12px;
		padding: 9px 11px;
	}
	.report_dashboard #recoveryGraf {
		margin-left: 0 !important;
	  }
	  .responsive-width {
		width: 64% !important;
	}
	.dashboard_graph .report_sec_left .report_tabs {
		flex-basis: 46%; 
	}
	.graph_details {
		position: absolute;
		top: 323px;
		left: 0;
	}
	.report_dashboard #recoveryGraf {
		margin-left: 0 !important;
		width: 400px !important; 
		margin-top: -89px;

	}
	.report_graph_info {
		position: relative;
		height: 140px;
	}
	 
	.from-group.adding-class {
		width: 100%; 
	}
	.table-img img {
		width: 23px;
	}
	.table-responsive {
		display: block;
	}
	.action_subject_addbtn { 
		padding: 4px 24px; 
		white-space: nowrap;
	}
	.subject_l_full_width {
		width: 70% !important;
	}
	
	/***********top filter************/
	.top-filter {
		display: block !important; 
		padding-bottom: 20px;
		float: left;
	}
	.subject-filter { 
		width: 59%;
		margin-top: 10px;
	} 
	.filter-reset {
		float: left;
		margin-top: 20px;
	}
	/******************/
	.application-toggle-btn { 
		width: 504px;
	}
	table .mb-2 {
		width: 460px;
	}
	.dashboard-tabs {
		width: 175px;
	}
	.report_sec_cover { 
		display: block;  
	}
	.report_sec_left {
	width:98%;
	}
	.report_sec_right {
		width: 98%; 
	}
	.subject-filter {
		width: 84%; 
	}
	/* .report_right_report #recoveryGraf {
		width: 335px !important;
	} */
	.common_btn_wrap {
		margin-top: 10px;
	}
	.notification_form-group {
		width: 75%;
	}
	.user-info-row-one { 
		width: 100%;
	}
	ul.sele-sub-opt-two {
		width: 60%;
	}
	.subsec_sec_assign {
		display: block;
	}
	
	.subsec_sec_assign .subject_r_table {
		width: 90%;
		margin-top: 30px;
		margin-left: 0;
	}
	
	.subsec_sec_assign .subject_r_table table {
		display: table;
	} 
	.student_id_card_wrap { 
		right: -10px;
		top: 77px;
	}
	.download_card_btn .subject_addbtn { 
		padding: 6px 16px; 
	}
	.applicant-docs-row { 
		width: 100%; 
	}
	.att-bar {
		margin-left: 9px; 
		width: 200px;
	}
	.attendance-table table {
		width: 90% !important;
	}
	.checkBox .checkmark:after {
		left: 4px;
		top: 1px; 
	}
	.subject-filter {
		width: 94%;
	}
	.notif_filter .subject-filter {
		width: 100%;
	}
	.notif_filter .date-filter {
		width: 107%;
	}
	.top-filter { 
		width: 50%;
	}
	.subsec_sec {
		display: block;
	}
	.date-fil-row { 
		width: 94%;
	}
	.payment-filter .date-filter .form-control {
		width: 100%;
	}
	.report_dashboard #recoveryGraf {
		margin-left: 0 !important;
		width: 348px !important;
		margin-top: -63px;
	}
	.dashboard-tabs {
		width: 170px;
	}
	.tab-number {
		font-size: 20px;
	}
	.report_dashboard .report_info {
		width: 47%;
		position: absolute;
		right: 0;
	}
}
@media only screen and (max-width: 600px) {
	.dashboard-tabs {
		flex-basis: 63.333333%;
	}
	.responsive-width {
		width: 64%;
	}
	.report_dashboard #recoveryGraf { 
		margin-top: -100px;
	}
	.report_sec_left { 
		display: block;
	}
	.report_sec_cover {
		width: 100%;
	}
	.dashboard_graph .report_sec_left .report_tabs {
		width: 215px;
	}
	.report_dashboard #recoveryGraf {
		width: 288px !important;
	}
	.responsive-width {
		width: 65% !important;
	}
	.dashboard-tabs {
		flex-basis: 43.333333%;
	}
	.dashboard-tabs a {
		padding: 10px;
	}
	.tab-sub-sec p {
		font-size: 14px;
	}
	.tab-number {
		font-size: 18px;
	}
	ul.side-list { 
		height: 83%; 
	}
	.report_dashboard .report_info {
		width: 74%; 
		left: 0;
		top: 141px;
	}
	.report_graph_info {
		position: relative;
		height: 261px;
	}
	.subject_lhead {
		font-size: 18px; 
	}
	.subject_addbtn { 
		font-size: 13px; 
	}
	.top-filter {
		width: 78%;
	}
	.assign_filter button.btn.btn-success.btn-sm {
		margin-top: 10px;
	}
	.modal-dialog {
		max-width: 425px; 
	}
	.application-toggle-btn {
		width: 380px;
	}
	.applicant-docs-row label {
		font-size: 13px;
		line-height: 20px;
		flex-basis: 24%;
	}
	.view-reupload-btn .upload-btn {
		padding: 13px 0 !important; 
	}
	.reupload .form-control {
		padding: 12px 0; 
	}
	.view-reupload-btn { 
		flex-basis: 74%;
	}
	.student_id_card_wrap {
		position: relative;
		right: 0;
		top: 0;
	}
	.download_card_btn { 
		width: 200px;
	}
	.attendance-view-sub.d-flex {
		display: block !important;
	}
	.attendance-table table {
		width: 100% !important;
	}
	.attendance-table table td, .attendance-table table th {
		font-size: 13px;
	}
	.attendance-table th, .attendance-table td {
		padding: 5px 10px;
	}
	.user-info-one-fees p:nth-child(1) { 
		font-size: 13px;
	}
	.subject_two_column .form-group {
		width: 75%; 
	}
	p.mb-2 {
		font-size: 13px;
	}
	label { 
		font-size: 13px;
	}
	.application-toggle-btn .nav-pills li a {
		padding: 5px 3px;
	}
	.width_control {
		text-overflow: ellipsis;
		width: 100px;
		overflow: hidden;
		white-space: nowrap;
		cursor: default;
	}
	.width_control_sm {
		text-overflow: ellipsis;
		width: 75px;
		overflow: hidden;
		white-space: nowrap;
		cursor: default;
	}
	.name_width {
		text-overflow: ellipsis;
		width: 120px;
		overflow: hidden;
		white-space: nowrap;
		cursor: default;
	}
}
@media only screen and (min-width: 501px) {
	.mob_screen {
		display: none;
	}
}
@media only screen and (max-width: 501px) {
	.wraper.responsive-width {
		display: none;
	}
	.mob_screen {
		display: block;
	}
	.mobileMenu {
		display: none !important;
	}
	 .mob_bg {
		position: relative;
	} 
	 .mob_bg:before {
		background: #032da1;
		content: "";
		left: 0;
		right: 0;
		height: 100vh;
		width: 100%;
		top: 0;
		border: 0;
		z-index: 4;
		position: absolute;
	} 
	.mob_screen {
		display: block;
		position: absolute;
		z-index: 6;
		left: -18px;
		right: 0;
		top: 102px;
		text-align: center; 
	} 
	.mob_screen img {
		width: 109px;
	} 
	.mob_screen h3 {
		color: #fff;
		font-size: 20px;
		line-height: 27px;
	}  
	.mob_screen a img {
		margin-top: 22px;
	}
}
@media only screen and (max-width: 500px) {
	.mobileMenu {
		display: block;
		position: absolute;
		top: 18px;
		left: -35px;
		color: #032da1;
		font-size: 27px;
		cursor: pointer;
	}
	.mobileMenu {
		top: 16px;
		left: -22px;
		font-size: 20px;
	}
	.user-wrap img {
		width: 13px;
		margin-right: 5px;
	}
	.user-login-head {
		padding: 5px 6px;
	}
	.user-wrap h5 {
		font-size: 13px;
	}
	.notification-icon-wrap img {
		width: 13px;
	}
	.search-bar-wrap {
		padding-left: 0px;
		width: 48%;
	}
	.user-wrap h5 span {
		font-size: 12px;
	}
	.search-bar-wrap input[type="text"] {
		font-size: 12px;
	}
	.user-login-section {
		width: 48%;
		margin-left: 2%;
	}
	.user-wrap h5 span {
		margin-right: 0px;
	}
	.user-wrap {
		margin-left: 5px;
	}
	main {
		padding: 25px 0;
	}
	.notifications {
		width: 210px;
		right: 0;
		padding: 10px;
	}
	.notifications ul li h5 {
		font-size: 11px;
	}
	.notifications ul li p {
		font-size: 11px;
	}
	.fa-trash-alt {
		width: 10px;
		font-size: 14px;
	}
	.header-menu-wrap ul li {
		padding: 0 10px;
		font-size: 13px;
	}
	.header-menu-wrap ul li:last-child {
		margin-top: 12px;
	}
	.logo-name {
		margin-left: 6px;
	}
	.login-mob-menu {
		display: block;
	}
	.login-mob-menu {
		display: block;
		position: absolute;
		right: 0px;
		color: #032da1;
	}
	.mobileMenu {
		display: block;
		position: absolute;
		top: 18px;
		left: -47px;
		color: #ffffff;
		font-size: 27px;
		cursor: pointer;
		background: #032da1;
		padding: 0 8px;
	}
	.mob-menu li .join-class-btn {
		padding: 10px 8px;
		font-size: 12px;
	}
	.mob-menu-open {
		display: block;
		transition: 0.5s;
	}
	.subject-search label {
		margin-right: 5px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		font-size: 12px;
		margin-right: 8px;
		width: 143px;
	}
	.subject-breadcrumb p {
		font-size: 12px;
	}
	.breadcrumb li a {
		font-size: 12px;
	}
	.subject-breadcrumb {
		display: block;
	}
	.application-toggle-btn .nav-pills li {
		width: 100%;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		width: 170px;
	}
	.breadcrumb li:first-child:after {
		left: -7px;
	}
	.breadcrumb li:last-child:after {
		right: -7px;
	}
	.Weightage-tab {
		flex-basis: 41.333333%;
	}
	.dashboard-menu-wrap {
		display: block;
	}
	.dashboard-tabs {
		margin-right: 0px;
	}
	.login-box {
		width: 95%;
		padding: 15px;
	}
	.login-box {
		margin-top: 60px;
	}
	.login-heading h3 {
		font-size: 18px;
	}
	.login-heading h2 {
		font-size: 19px;
	}
	.login-lbl {
		font-size: 14px;
	}
	.login-row input[type="Email"],
	.login-row input[type="text"],
	.login-row input[type="number"],
	.login-row input[type="password"] {
		font-size: 12px;
	}
	.login-box h3 {
		font-size: 17px;
	}
	.rem-paswd label {
		font-size: 12px;
	}
	.forget-password a {
		font-size: 12px;
	}
	.login-row button.common-btn {
		padding: 6px 20px;
	}
	.login-row {
		margin-bottom: 10px;
	}
	.login-heading {
		margin-right: 0;
		width: 70%;
		margin: auto;
	}
	.login-row p {
		font-size: 13px;
	}
	.application-toggle-btn .nav-pills li a {
		padding: 5px 2px;
		font-size: 9px;
	}
	.setup-btn {
		width: 47%;
	}
	.sub-list-wrap .admin-graph {
		width: 100%;
	}
	.subject-search {
		display: block;
	}
	.subject-search label {
		display: block;
		margin-bottom: 5px;
	}
	.subject-search select,
	.subject-search input[type="text"] {
		margin-bottom: 5px;
	}
	.lecture-start {
		margin-right: 0px;
		width: 49%;
	}
	.sub-form-row .lecture-start input[type="number"] {
		width: 43px;
	}
	.login-wrap-open ul li {
		padding: 2px 0px;
		font-size: 12px;
	}
	.login-wrap-open ul li span {
		margin-right: 5px;
		font-size: 10px;
	}
	.login-wrap-open {
		padding: 5px 5px;
	}
	.main-left {
		width: 100%;
	}
	.login-box-cover-outter {
		justify-content: center;
	}
	.login-box {
		width: 94% !important;
		margin: 60px auto 0;
	}
	.login-heading h2 {
		line-height: 28px;
	}
	/*********************NEW********************/
	.sideMenu {
		width: 180px;
		left: -180px;  
		z-index: 8;
	}
	.mobileMenu {
		display: block;
		position: absolute;
		top: 6px;
		left: -36px;
		color: #ffffff;
		font-size: 17px;
		cursor: pointer;
		background: #032da1;
		padding: 0 8px;
		z-index: 9;
	}
	.side-menu-open {
		left: 0;
		width: 180px !important;
	}
	.responsive-width {
		width: 78% !important;
		margin-left: 45px;
	}
	.wraper.responsive-width {
		margin-left: 17px;
		width: 90% !important;
	} 
	.report_dashboard #recoveryGraf {
		width: 228px !important;
	}
	.report_sec_cover {
		width: 100%;
	}
	.user-login-head {
		padding: 8px 3px;
	}
	.subject_l_full_width {
		width: 96% !important;
	}
	.application-toggle-btn {
		width: 288px;
	}
	.application-toggle-btn .nav-pills li {
		width: 33.33%;
	}
	.application-toggle-btn .nav-pills li a {
		padding: 5px 1px;
		font-size: 9px;
	}
	.teacher-info-name {
		font-size: 13px;
	}
	.applicant-detl-wrap ul li .applicant_lbl { 
		width: 132px;  
	}
	.applicant-detl-wrap ul li  {  
		font-size: 13px;
	}
	.applicant-detl-wrap ul li .applicant_detl { 
		font-size: 13px;
	}
	.top-filter {
		width: 100%;
	}
	.date-filter {
		display: block;
	}
	.applicant-docs-wrap { 
		overflow: auto;
	}
	.applicant-docs-row {
		width: 500px;
	}
	.applicant-docs-row label { 
		flex-basis: 27%;
	}
	.reupload .form-control {
		padding: 3px 0;
	}
	.view-reupload-btn .upload-btn {
		padding: 5px 0 !important;
	}
	.syllabus-tab { 
		padding: 16px 13px; 
	}
	.user-info-one-fees p:nth-child(2) { 
		font-size: 13px; 
	}
	.sele-sub-opt-two li { 
		display: block; 
	}
	.outter-pay-wrap {
		width: 41%;
		display: flex;
	}
	.subject_l_new {
		width: 100%;
	}
	.subject_l {
		width: 83%;
	}
	.multiple-fields-fees .form-div { 
		flex-basis: 33%;
	}
	.application-toggle-btn .nav-pills li a { 
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.applicant-docs-row {
		width: 626px;
	}
}
@media only screen and (max-width: 325px) {
	 
	.user-login-head {
		padding: 5px 3px;
	}
}
@media only screen and (max-width: 300px) {
	.rem-paswd {
		width: 54%;
	}
	.rem-paswd label {
		font-size: 11px;
	}
	.forget-password a {
		font-size: 10px;
	}
	.login-box {
		border: 8px solid rgb(245 245 245 / 30%);
		border-top: 8px solid rgb(245 245 245 / 30%);
		padding: 10px;
	}
	.login-heading h2 {
		font-size: 16px;
	}
	.login-heading h3 {
		font-size: 13px;
	}
	.login-row p {
		font-size: 12px;
	}
	.setup-btn {
		width: 66%;
	}
	.application-toggle-btn .nav-pills li a {
		padding: 5px 8px;
		font-size: 8px;
	}
}