.common_margin {
	max-width: 1025px !important;
}

@media only screen and (min-width: 1366px) {
	.login-image {
		width: 35%;
		left: 5%;
	}
	.login-video {
		width: 35%;
		left: 5%;
	}
	.start-class-wrap {
		flex-basis: 17%;
	}
	
}
@media only screen and (min-width: 1439px) {
	.attendance-main .syllabus-image img {
		width: 60px;
	}
	.uploaded-img {
		height: 220px;
	}
	.container-fluid {
		width: 1370px;
	}
	.main-wrap { 
		width: 100%;
	}
	.syllabus-modal .modal-dialog { 
		height: 92vh;
	}
}
@media only screen and (min-width: 1440px) {
	.main-wrap { 
		width: 100%;
	}
	.container-fluid {
		max-width: 1140px;
	}
	.login-image {
		width: 35%;
		left: 10%;
	}
	.login-video {
		width: 35%;
		left: 10%;
	}
	.start-class-wrap {
		flex-basis: 18%;
		margin-right: 20px;
	}
	.attendance-main .syllabus-tab {
		width: 180px;
	}
	.attendance-main .syllabus-image img {
		width: 60px;
	}
	.class-Sec h4 { 
		margin: 5px 0;
	}
	.eval-wrap-right {
		width: 52%; 
	}
}
@media only screen and (min-width: 1500px) {
	.calendar-cover .calendar-dates .days .day {
		padding: 4%;
	}
	.container-fluid {
		max-width: 1140px;
	}
	.login-box {
		width: 420px;
	}
	.login-body {
		padding: 80px 140px;
	}
	.login-box h3 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.login-form-row input[type="text"],
	.login-form-row input[type="password"] {
		padding: 8px;
	}
	.header-menu-wrap ul li {
		font-size: 14px;
	}
	.header-menu-wrap .join-class-btn {
		font-size: 14px;
	}
	.login-image {
		width: 35%;
		left: 10%;
		top: 15%;
	}
	.login-video {
		width: 35%;
		left: 10%;
		top: 15%;
	}
}
@media only screen and (min-width: 1600px) {
 
}
@media only screen and (min-width: 1920px) {
 
	.ui-datepicker td span,
	.ui-datepicker td a {
		height: 58px;
	} 
	.upcoming-section-wrap {
		margin-left: 26px;
		width: 51%;
	}
}
@media only screen and (min-width: 2000px) {
	.calendar-cover .calendar-dates .days .day {
		padding: 4%;
	}
	.upcoming-section-wrap {
		width: 26%;
	} 
	.container-fluid {
		width: 1870px;
	}
	.login-image {
		width: 35%;
		left: 10%;
	}
	.login-video {
		width: 35%;
		left: 10%;
	}
	.calendar-main {
		width: 48%;
	}
	.upcoming-section-wrap {
		width: 34%;
	} 
	.upcoming-section-wrap {
		width: 48%;
		margin-left: 22px;
	}
}
@media only screen and (min-width: 2560px) {
	.calendar-cover .calendar-dates .days .day {
		padding: 5%;
	}
	.upcoming-section-wrap {
		width: 26%;
	} 
	.upcoming-section-wrap {
		width: 47%;
		margin-left: 30px;
	}
}
@media only screen and (max-width: 1300px) {
	.main-wrap { 
		width: 100%;
	}
	.class-Sec h4 { 
		margin-top: 6px;
	}
	.upcoming-classes-tab .class-Sec img {
		width: 50px;
	}
	.teacher-flow-class-one { 
		width: 180px;
	}
	.noti-wrap-sec-right {
		width: 48%; 
	}
	.login-wrap-open { 
		padding: 5px 5px; 
	}
	.common_margin { 
		width: 78%;
	}
}
@media only screen and (max-width: 1280px) {
	.user-login-section {
		width: 20%;
		margin-left: 2%;
	}
	.class-tab-img {
		width: 90px;
		height: 90px;
	}
	.join-class-btn {
		padding: 6px 30px;
	}
	.todays-assignments-tab-details p {
		font-size: 12px;
	}
	.class-tab-details h6 {
		font-size: 12px;
	}
	.class-tab-details p {
		font-size: 12px;
		width: 115px;
	}
	.grade-wrap img {
		width: 40px;
	}
	.grade-wrap .grade-achieved img {
		width: 50px;
	}
	.grade-progress-bar p {
		font-size: 13px;
		margin: 12px 0;
	}
	.main-wrap {
		width: 100%;
	}
	.grade-bar {
		margin-top: 15px;
	}
	.assignment-subj {
		margin-right: 25px;
	}
	.assignmt-detail {
		font-size: 12px;
	}
	.assignmt-sub-detail h4 {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.assignmt-sub-detail p {
		font-size: 12px;
	}
	.assignmnt-tab-head h3 {
		font-size: 16px;
	}
	.todays-assignments-tab-details h4 {
		font-size: 16px;
	}
	.upcoming-subject h4 {
		font-size: 16px;
	}
	.upcoming-subject p {
		font-size: 12px;
	}
	.upcoming-tab img {
		width: 25px;
	}
	.calendar-cover .calendar-dates .days .day {
		width: 12%;
	}
	.calendar-cover .calendar-btn {
		font-size: 11pt;
	}
	.syllabus-tab .join-class-btn {
		padding: 6px 20px;
	}
	.syllabus-tab h5 {
		font-size: 13px;
		margin-bottom: 9px;
	}
	.syllabus-main {
		margin-top: 10px;
	}
	.syllabus-image img {
		width: 34px;
	}
	.syllabus-image {
		height: 60px;
	}
	.check-syllabus h5 {
		font-size: 13px;
	}
	.remark-detail {
		font-size: 12px;
	}
	/****************Teachers flow*******************/
	.upcoming-classes-tab .class-Sec img {
		width: 30px;
		height: 30px;
	}
	.class-det {
		padding: 10px 10px;
	}
	.calendar-cover {
		padding: 10px;
	}
	.attendance-main .syllabus-image img {
		width: 50px;
		height:50px;
	}
	.attendance-main .syllabus-tab {
		padding: 15px;
		margin-right: 20px;
	}
	.cleate-assignmt .re-submit-btn .join-class-btn {
		padding: 6px 18px;
	}
	.attendance-main .syllabus-tab {
		width: 180px; 
	}
	.assignment-class-main .assignment-subj {
		margin-right: 18px;
		width: 37%;
	}
	.assignmt-submit-head h3 {
		font-size: 14px;
	}
	.assignmt-submit-head p,
	.assignmt-submit-head span {
		font-size: 12px;
	}
	.assignmt-bott {
		font-size: 12px;
	}
	.assignmt-detail {
		font-size: 11px;
	}
	.assignmt-bott {
		font-size: 10px;
	}
	.attendance-list {
		width: 80%;
	}
	.test-wrap {
		width: 90%;
	}
	.test-tab {
		width: 48%;
		margin-right: 12px;
	}
	.login-box {
		margin-left: 36%;
		margin-top: 44px;
	}
	.calendar-main {
		width: 45%;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		height: 37px;
	}
	.common_margin {
		width: 76%;
	}
	.main-right-evaluate {
		position: absolute;
		right: 0px;
		top: 0;
	}
}
@media only screen and (max-width: 1200px) {
 
	.ui-datepicker td span,
	.ui-datepicker td a {
		height: 32px;
	}
	.test-subj h4 { 
		width: 137px; 
	}
	.test-details { 
		flex-basis: 84%;
	}
	.quest-added-one li:nth-child(4) { 
		font-size: 12px;
	}
	.quest-added-one li:nth-child(2) {
		font-size: 12px;
		width: 63%;
		line-height: 21px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.marks_text{ 
		font-size: 12px;
	}
}
@media only screen and (max-width: 1100px) {
	.test-subj h4 { 
		width: 137px; 
	}
	.text-truncate { 
		top: -14px;
	}
	.test-tab-img { 
		width: 66px;
	}
	.common_margin {
		width: 74%;
		margin-left: 245px;
	}
	.login-wrap-open ul li { 
		padding: 2px 3px; 
	}
	.test-footer h5 { 
		margin-right: 10px;
	}
	.user-login-section {
		width: 22%; 
	}
	.ui-state-default {
		height: 34px !important;
		width: 34px !important; 
	}
	.class-Sec h4 {
		font-size: 13px;
	}
	.class-det {
		padding: 12px 10px !important;
	}
	.assignment-review-cover {
		width: 45%;
	}
	.noti-wrap-sec-left {
		flex-basis: 49%; 
	}
	.content-last-sec li { 
		width: 33%;
	}
	.content-last-sec li:nth-child(2) {
		width: 26%;
	}
	.date-month-picker .test-exam-datepicker {
		right: -36px;
	}
	.insert-prop { 
		margin: 5px 0; 
	}
	.quest-foot-marks li { 
		text-align: center;
	}
	.mark-around {
		height: 15px;
		width: 16px !important;
	}
	.quest-added-one li:nth-child(4) {
		width: 23%; 
	}
	.quest-added-one li:nth-child(2) { 
		width: 59%;
	}
}
@media only screen and (max-width: 1024px) {
	.user-login-section {
		width: 22%;
		margin-left: 2%;
	}
	header {
		margin-left: 125px;
	}
	.main-wrap {
		margin-left: 0px;
	}
	.class-tab-img {
		width: 80px;
		height: 80px;
	}
	.class-tab-details h4 {
		font-size: 13px;
	}
	.join-class-btn {
		padding: 6px 25px;
	}
	.common-heading {
		font-size: 16px;
		font-weight: 600;
	}
	.todays-assignments-tab-details h4 {
		font-size: 14px;
	}
	.todays-assignments-tab img {
		width: 30px;
	} 
	.logo-name h3 {
		line-height: 20px;
		font-size: 28px;
	}
	.logo-name {
		margin-left: 15px;
	}
	.sideMenu ul li.list {
		font-size: 13px;
	}
	.sideMenu ul li img {
		margin-right: 17px;
		width: 18px;
	}
	.grade-wrap img {
		width: 35px;
	}
	.grade-wrap .grade-achieved img {
		width: 45px;
	}
	.view-more-link {
		font-size: 13px;
	}
	.grade-wrap {
		margin: 17px 0;
	}
	/****************Teachers flow*******************/
	.calendar-cover .calendar-dates .days .day {
		width: 11%;
	}
	.attendance-list {
		width: 88%;
	}
	.test-details {
		padding: 10px;
	}
	.calendar-cover .calendar-dates .days .day {
		padding: 2%;
	}
	.admission-cover {
		width: 75%;
	}
	.login-image {
		width: 46%;
	}
	.login-video {
		width: 46%;
	}
	.login-body {
		padding: 30px 60px;
	}
	.login-box-wrap {
		width: 60%;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		padding: 14px;
	}
	.login-image {
		width: 35%;
		top: 25%;
	} 
	.login-video {
		width: 35%;
		top: 25%;
	} 
	.ui-datepicker td {
		padding: 5px;
	}
	.calendar-cover {
		width: 100%;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		height: 43px;
	}
	.upcoming-section-wrap {
		width: 47%;
		margin-left: 22px;
	}
	.calendar-main {
		width: 48%;
	}
	.syllabus-main {
		flex-wrap: wrap;
	} 
	.attendance-main .syllabus-tab {
		margin-bottom: 30px;
		padding: 26px;
	}
	.main_fullLength {
		width: 100%;
	} 
	.start-btn-wrap {
		width: 30%;
	}
	.cleate-assignmt .re-submit-btn .join-class-btn {
		padding: 6px 6px;
		font-size: 11px;
	}
	.syllabus-wrap {
		width: 100%;
	}
	.test-tab-img img {
		width: 40px;
	}
	.test-footer {
		display: block;
	}
	.test-footer h5 {
		margin-bottom: 7px;
	}
	.teacher-flow-class-one {
		
		margin-bottom: 15px;
	}
	.content-exam-box-one,
	.content-exam-box-blue {
		margin: 2% 0 5% 0;
	}

	.content-last-sec li {
		width: 32%;
	}
	.my-class-btn-wrap {
		margin: 10px 0 20px;
	}
	.start-class-wrap .syllabus-tab {
		margin-bottom: 12px;
	}
	.my-class-btn-wrap h5 {
		margin-top: 15px;
	}
	.common_margin {
		width: 76%;
		margin-left: 210px;
	}
	.main-right-evaluate {
		right: -14px;
	} 
	.test-tab-img { 
		width: 58px;
	}
	.test-subj h4 {
		font-size: 15px;
	}
	.test-details {
		padding: 12px 10px;
	}
	.class-det {
		padding: 8px 10px !important;
	}
	.upcoming-classes-tab .class-Sec img {
		width: 47px;
	}
	.class-Sec h4 {
		font-size: 13px; 
	}
	.class-Sec { 
		width: 29%;
	}
	.ui-state-default { 
		margin: 2px auto !important;
	}
	.sideMenu { 
		width: 180px;
	}
	.noti-para-sec {
		font-size: 13px;
	}
	.quest-box-header { 
		margin: 0px; 
	}
	.quest-box-ouuter {
		padding: 0px;
	}
	.stud-wrap-left {
		width: 312px;
	}
	.stud-wrap-right {
		width: 394px; 
		margin: 0 0 0 20px; 
	}
}
@media only screen and (max-width: 992px) {
	header {
		position: relative;
		margin-left: 70px;
		padding: 20px 0 15px;
	} 
	.search-bar-wrap {
		width: 63%; 
	}
	.user-login-section {
		width: 28%;
		margin-left: 8%;
	}
	.side-menu-open {
		width: 220px;
		left: 0;
	}
	main {
		margin-left: 40px;
	}
	.main-wrap {
		width: 100%;
	}
	.upcoming-subject h4 {
		font-size: 14px;
	}
	.assignmt-sub-detail h4 {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.date-month-picker {
		font-size: 14px;
	}
	.uploaded-img {
		height: 120px;
	}
	.syllabus-tab {
		margin-right: 10px;
		padding: 16px;
	}
	.down-btn-wrap {
		right: -127px;
	}
	/****************Teachers flow*******************/
	.upcoming-section-wrap {
		width: 48%;
	}
	.start-btn-wrap .join-class-btn {
		padding: 6px 15px;
	}
	.class-det h5 {
		font-size: 15px;
	}
	.attendance-main .syllabus-tab {
		width: 180px;
	}
	.syllabus-head .date-month-picker {
		margin-right: 5%;
	} 
	.assignmt-submit-head {
		padding: 12px 5px;
	}
	.assignment-review-cover .due-date h5 {
		font-size: 11px;
	}
	.calendar-cover .calendar-dates .days .day {
		padding: 3%;
	}
	.admission-start {
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	.admission-right img {
		width: 37%;
	}
	.admission-right {
		margin-bottom: 30px;
	}
	.admission-process-wrap {
		padding: 50px 30px;
	}
	.admission-cover {
		width: 90%;
	}
	.test-wrap {
		width: 100%;
	}
	.test-footer .join-class-btn {
		padding: 6px 8px;
	}
	.notifications {
		width: 300px;
	}
	.login-box-wrap {
		width: 100%;
	}  
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-button,
	html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {
		margin: 8px auto;
	}
	.login-video {
		width: 35%;
	}
	.ui-datepicker td {
		padding: 5px 0px;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		height: 53px;
	}
	.common_margin {
		margin-left: 205px;
		width: 72%;
	}
	.test-subj h4 { 
		width: 148px; 
	} 
	.sel-quest-type label {
		font-size: 13px;
	}
	.quest-add-inside { 
		font-size: 13px;
	}
	.selected-ans-type { 
		font-size: 14px;
	}
	.stud-wrap-right { 
		margin: 0 0 0 20px; 
	}
	.stud-table-wrap h4, h6 { 
		font-size: 16px;
	}
	.noti-wrap-sec-right-inner p:nth-child(2) { 
		width: 39%; 
	}
	.noti-wrap-sec-right-inner p:nth-child(1) {
		font-weight: 600;
		font-size: 14px;
		text-overflow: ellipsis;
		width: 145px;
		overflow: hidden;
		white-space: nowrap;
	}
	.sideMenu { 
		width: 180px;
	}
	.stud-table-wrap table tr { 
		height: 35px;
	}
	.noti-para-sec {
		font-size: 13px;
	}
	.syllabus-tab {
		width: 166px !important;
	}
	.teacher-flow-class-one {
		width: 166px;
	}
	.ui-state-default {
		height: 32px !important;
		width: 32px !important;
		font-size: 13px !important;
	}
	.assignment-class-main .assignment-subj {
		margin-right: 15px;
		width: 37%;
	}
	.assignmt-submit-table table td:nth-child(4) { 
		padding: 0;
	}
	.assignmt-submit-table .join-class-btn {
		padding: 4px 2px;
		font-size: 10px;
	}
	.assignmt-submit-head h3 { 
		width: 120px; 
	}
	.assignmt-submit-head p { 
		width: 82px; 
	}
	.assignmt-submit-head span { 
		width: 108px; 
	}
	  .ui-datepicker .ui-datepicker-next span { 
		left: 13%; 
	}
	.ui-datepicker .ui-datepicker-prev {
		left: -14px;
	}
	.date-month-picker .test-exam-datepicker {
		right: -60px;
	}
	.main-right-evaluate {
		right: 0px;
	}
	.test-tab {
		flex-basis: 47%; 
	}
	.test-tab-img img {
		width: 26px;
	}
	.test-tab-img {
		width: 46px;
	}
	.test-details {
		padding: 20px 10px;
	}
	.test-subj h4 { 
		margin-top: 10px;
	}
	.text-truncate {
		top: -18px;
	}
	.test-subj h4 {
		width: 172px;
	}
	.stud-row-one h6 {
		width: 73%; 
	}
	.eval-wrap-right { 
		margin: 0 0 0 15px;
	}
	.phy-evlauate  { 
		padding: 5px 9px; 
	}
	
}
@media only screen and (max-width: 992px) {
	.calendar-main {
		width: 46%;
	}
	.quest-box-header p:first-child { 
		font-size: 13px;
	}
	.quest-added-row { 
		margin: 5px;
	}
	.quest-added-row { 
		align-items: center;
	}
	.quest-added-one li:nth-child(2) { 
		width: 62% !important;
	}
	.quest-added-one li:nth-child(4) {
		width: 22% !important;
	}
	.quest-added-one li:nth-child(3) { 
		font-size: 12px;
	}
	.mid-paper-sec-right { 
		width: 46%; 
	}
	.sel-quest-type label {
		font-size: 11px;
	}
	.sel-multiple { 
		font-size: 12px;
	}
	.quest-info-header p:nth-child(2) { 
		font-size: 13px;
	}
	.quest-info-header p:nth-child(1) { 
		font-size: 13px;
	}
	.insert-prop { 
		margin: 7px 0;
		font-size: 12px;
	}
	.quest-add-inside {
		font-size: 12px;
	}
	.sub-quest-btn, .done-btn { 
		font-size: 13px;
	}
	.selected-ans-type {
		font-size: 13px;
	}
	.add-opt-ans { 
		font-size: 13px;
		padding: 0 6px;
	}
	.selected-ans-type label {
		font-size: 12px;
	}
	.quest-added-one li:nth-child(1) { 
		font-size: 13px;
	}
	.date-month-picker .test-exam-datepicker {
		right: -44px;
	}
	.stud-wrap-left {
		width: 284px;
	}
	.login-video { 
		bottom: 0; 
		width: 50%;
		top:auto;
	}
	.login-wrap .logo-wrap img {
		width: 160px;
	}
}
@media only screen and (max-width: 800px) {
	.calendar-section-wrap {
		display: block;
	}
	.upcoming-section-wrap {
		margin-left: 17px;
		width: 80%;
		margin-top: 35px;
	} 
	.user-login-section {
		width: 30%;
		margin-left: 6%;
	}
	.sideMenu {
		width: 160px;
	}
	.common_margin {
		margin-left: 180px;
		width: 74%;
	}
	.assignment-main {
		display: block; 
	}
	.assignment-class-main .assignment-subj {
		margin-right: 15px;
		width: 56%;
	}
	.assignmt-submit-list { 
		width: 100%; 
	}
	.ui-datepicker .ui-datepicker-prev span {
		left: 72%;
	}
	.ui-datepicker .ui-datepicker-next span {
		left: 30%;
	}
	.stud-table-wrap table th { 
		font-size: 11px !important;
	}
	.view-detail-notify {
		font-size: 11px;
	}
	.content-last-sec li {
		width: 32%;
		font-size: 11px !important;
	} 
	.sel-multiple{
		margin:0;
	}
	.quest-add-inside {
		margin: 0 5px; 
		height: 120px;
	}
}
@media only screen and (max-width: 768px) {
	.user-login-section {
		width: 40%;
		margin-left: 2%;
	}
	.search-bar-wrap {
		width: 56%;
	}
	.class-section-main {
		display: block;
	}
	.class-tab {
		width: 48%;
		display: inline-block;
		margin-bottom: 10px;
	}
	.todays-assignments-tab {
		width: 100%;
	}
	.att-grade-section {
		display: block;
	}
	.att-section-wrap {
		width: 100%;
	}
	.grade-section-wrap {
		width: 100%;
		margin-top: 20px;
	}
	.calendar-section-wrap {
		display: block;
	} 
	.calendar-cover {
		padding: 10px;
	}
	.calendar-cover .calendar-dates .days .day.label {
		font-size: 12px;
	} 
	.assignment-main {
		display: block;
	}
	.assignment-subj {
		width: 100%;
	}
	.assignment-sub-tab {
		padding: 10px;
	}
	.assignment-detail-main {
		width: 100%;
	}
	.class-section-main {
		display: block;
	}
	.class-tab {
		width: 48%;
		margin-bottom: 10px;
	}
	.syllabus-tab {
		width: 180px;
		display: inline-block;
		margin-bottom: 20px;
	}
	.breadcrumb-section .breadcrumb-item {
		font-size: 14px;
	}
	.modal-content {
		width: 80%;
		margin: 30px auto;
	}
	.down-btn-wrap {
		right: auto;
		left: 0;
		bottom: -70px;
	}
	.page-number {
		margin-bottom: 3px;
	}
	/****************Teachers flow*******************/
	.attendance-main .syllabus-tab {
		width: 180px;
		margin-right: 10px;
	}
	.assignmt-submit-head h3 {
		font-size: 13px;
	}
	.assignment-view {
		width: 83%;
		margin: auto;
	}
	.assignment-review-cover {
		width: 100%;
	}
	.attendance-main .syllabus-image img {
		width: 60px;
	}
	.attendance-list {
		width: 95%;
		padding: 14px;
	}
	.att-name-div {
		font-size: 13px;
	}
	.att-main .att-row {
		padding: 0 10px;
	}
	.att-present,
	.att-absent {
		width: 24%;
	} 
	.calendar-cover .calendar-dates .days .day {
		padding: 4%;
	}
	.admission-cover {
		width: 100%;
	}
	.register-form {
		width: 100%;
	}
	.upload-doc {
		width: 90%;
	}
	.payment-cover {
		display: block;
	}
	.admission-cover ul.tabs {
		margin-bottom: 20px;
	}
	.syllabus-main {
		display: flex;
	}
	.test-wrap {
		display: block;
	}
	.test-tab {
		width: 100%;
		margin-right: 20px;
	}
	.test-footer {
		display: block;
		justify-content: space-between;
	}
	.test-footer h5 {
		margin-bottom: 5px;
	}
	.test-footer h5 {
		margin-bottom: 8px;
	}
	.notifications {
		width: 250px;
	}
	.login-body {
		padding: 0;
	}
	.login-header:after {
		right: -198px;
	}
	header.login-header {
		padding: 25px 10px;
	}
	.header-menu-wrap ul li {
		padding: 0 10px;
	} 
	.login-box {
		margin-top: 70px;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		padding: 12px;
	}
	.login-image {
		width: 40%;
	}  
	.common_margin {
		margin-left: 37px;
	}
	.sideMenu { 
		width: 180px;
	}
	.common_margin {
		margin-left: 200px;
		width: 70%;
	}
	.start-class-wrap {
		flex-basis: 34%; 
	}
	.attendance-main .start-class-wrap .syllabus-tab { 
		width: 100% !important;
	}
	.start-class-wrap .mt-3 { 
		text-align: center;
	}
	.syllabus-modal .down-btn-wrap {
		right: -130px;
		left: auto;
		bottom: 6px;
	} 
	.calendar-main {
		flex-basis: 45%;
	}
	.ui-state-default {
		height: 30px !important;
		width: 30px !important; 
		font-size: 13px !important;
	} 
	.class-det h5 {
		font-size: 14px;
		margin-bottom: 8px;
	}
	.assignment-class-main .assignment-subj {
		margin-right: 14px;
		flex-basis: 45%;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: -13px !important;
	}
	 .ui-datepicker .ui-datepicker-next span { 
		left: 22%; 
	}
	.assignment-class-main .assignment-subj { 
		width: 53%;
	}
	.ui-datepicker .ui-datepicker-prev span {
		left: 61%;
	}
	.mid-paper-sec {
		display: block; 
	}
	.mid-paper-sec-left {
		width: 100%;  
		margin: 0 3% 20px 0; 
	}
	.quest-box-body-scroll { 
		height: auto;
	}
	.mid-paper-sec-right { 
		width: 100%; 
	}
	.stud-dev-wrap {
		display: block !important; 
	}
	.stud-wrap-right {
		width: 100% !important; 
		margin: 10px 0 0 0 !important; 
	}
	.stud-info-list {
		height: auto !important; 
	}
	.stud-table-wrap {
		width: 100%; 
	}
	.noti-wrap-sec {
		display: block;
	}
	.noti-wrap-sec-left {
		width: 100%; 
	}
	.noti-wrap-sec-right {
		width: 100%; 
	}
	.date-month-shower .test-exam-datepicker {
		top: 11px;
		right: -326px;
	}
	.test-subj h4 {
		width: 310px;
	}
	.test-details {
		padding: 11px 10px;
	}
}
@media only screen and (max-width: 600px) {
	.mobileMenu {
		top: 20px;
		left: -25px;
		font-size: 20px;
		display: block;
		position: absolute;
	}
	.sideMenu {
		width: 0;
		left: -17px;
		top: 65px;
	}
	.common_margin {
		margin-left: 34px;
		width: 85%;
	}
	main.common_margin {
		margin-left: 15px;
		width: 90%;
	}
	.side-menu-open { 
		left: 0; 
		width: 169px; 
	}
	.syllabus-main {
		display: block;
	}
	.start-class-wrap {
		width: 100%;
		margin: 19px 0px 0 0;
	}
	.check-syllabus { 
		right: 0px;
		top: 8px;
	}
	.user-wrap { 
		width: 76px;
	}
	.search-bar-wrap {
		width: 53%;
	}
	.user-wrap h5 span { 
		width: 35px;
	}
	.user-wrap h5 {
		font-size: 12px;
	}
	.user-login-section {
		width: 45%; 
	}
	.login-wrap-open { 
		padding: 5px 3px; 
	}
	.login-wrap-open ul li { 
		font-size: 12px; 
		padding: 2px 3px; 
	}
	.login-wrap-open ul li span {
		margin-right: 1px;
		font-size: 10px;
	}
	.calendar-section-wrap {
		display: block;
	}
	.calendar-main {
		width: 100%;
	}
	.upcoming-section-wrap {
		width: 100%; 
		font-size: 13px;
		margin-left: 0;
	}
	.assignment-class-main .assignment-subj {
		width: 100%;
		margin-top: 36px;
	}
	.syllabus-modal .modal-dialog { 
		height: auto;
	}
	.modal-content {
		width: 94%;
		margin: 30px auto;
	}
	.subject {
		display: block; 
	}
	.create-assignmt-head { 
		display: block; 
	}
	.due-date {
		margin-top: 0 !important;
		width: 100% !important;
	}
	.date-month-picker .test-exam-datepicker {
		right: 0;
	}
	.assignmt-submit-table table {
		margin: 0px 0 13px; 
	}
	.assignmt-submit-table .join-class-btn {
		padding: 6px 6px;
	}
	.grade-container-sec {
		display: block;
	}
	.test-tab-img img {
		width: 28px;
	}
	.test-tab-img {
		width: 46px;
		padding: 3px;
	}
	.test-subj h4 {
		width: 103px;
	}
	.sel-multiple { 
		font-size: 11px;
	}
	.test-details {
		padding: 12px 9px;
	}
	.stud-wrap-left {
		width: 100%;
	}
	.eval-wrap-right {
		width: 100%;
		margin: 0;
	}
	.eval-sub li { 
		margin: 7px 0; 
	}
	.exam-evl-action {
		width: 100%;
	}
	.tabl-evl-btn {
		width: 46px;
		padding: 5px 6px;
	}
	.btn-previous-sec { 
		width: 100%;
	}
	.option-select-right {
		width: 8%;
	}
	.test_score {
		font-size: 12px;
	}
	.stud-wrap-left {
		width: 100% !important;
	}
	  .phy-evlauate  { 
		padding: 5px 6px; 
	}
	.stud-table-wrap { 
		box-shadow: none;
		padding: 15px 0px;
		border-radius: 10px;
	}
	.stud-table-wrap table th { 
		font-size: 13px;
	}
	.date-month-shower .test-exam-datepicker { 
		right: -181px;
	}
	.view-detail-notify{
		padding: 3px 5px;
	}
	p.dis-notif-desc { 
		text-overflow: ellipsis;
		width: 250px;
		overflow: hidden;
		white-space: nowrap;
	}
	.login-video { 
		width: 70%; 
	}
}
@media only screen and (max-width: 500px) {
 
	.login-box {
		margin-top: 60px;
	}
	.login-box h3 {
		font-size: 18px;
	}
	.login-video { 
		width: 85%; 
	}
}