@media screen and (max-width:1920px) {
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 21%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 23%;
    }
    .headRight {
        width: 60%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 27%;
    }
}
@media screen and (max-width:1900px) {
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 21%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 23%;
    }
    .headRight {
        width: 60%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 27%;
    }
}
@media screen and (max-width:1680px) {
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 21%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 25%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 30%;
    }
}
@media screen and (max-width:1600px) {
    .membApplTopArea .manageTeachTopStatus {
        width: 28%;
    }
    .headRight {
        width: 60%;
    }
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 21%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 25%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 32%;
    }
}
@media screen and (max-width:1480px) {
    .headRight {
        width: 55%;
    }
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 23%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 30%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 34%;
    }
}
@media screen and (max-width:1400px) {
    .headRight {
        width: 55%;
    }
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 23%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 30%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 34%;
    }
}
@media screen and (max-width:1366px) {
    /*-- popup --*/
    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
    .membApplTopArea .manageTeachTopStatus {
        width: 31%;
    }
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 23%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 30%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 37%;
    }
}
@media screen and (max-width:1280px) {
	.headRight {
		width: 50%;
	}
    .membAccutTopArea .AccountViewApp label.first-child {
        max-width: 25%;
    }
    .proReportTopArea .AccountViewApp label.first-child {
        max-width: 32%;
    }
    .adminMangUserTopArea .classRosterTopOption .first-child {
        max-width: 40%;
    }
    /*-- popup --*/
    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
}
@media screen and (max-width:1024px) {
	.headRight {
		width: 41%;
	}
    .membApplTopArea .manageTeachTopStatus {
        width: 40%;
    }
    .invoiceSectionPage {
        max-width: 100%;
    }
    /*-- popup --*/
    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
}
@media screen and (max-width:990px) {
	.manageTeachTopStatus {
		width: 35% !important;
	}
    .membApplTopArea .manageTeachTopStatus {
        width: 52% !important;
    }
	.collapse:not(.show) {
		display: none;
	}
	.mainHeader .navbar .nav-item {
		float: none;
	}
	.mainHeader .navbar .navbar-nav {
		display: block;
	}
	.headRight {
		width: 100%;
		display: block;
		margin-top: 15px;
	}
        .headRight .k-state-default {
            width: 65%;
            display: inline-block;
        }
	.headRight .userNameLog {
		display: inline-block;
		float: right;
	}
	.headRight .userNameLog p {
		display: block;
		margin-right: 0px;
	}
	.mainHeader .navbar .nav-item .dropdown-menu {
		padding: 0px;
		margin-left: 0px;
		margin-top: 5px;
		border-radius: 0px;
		background: #5d6d7e;
		border: 0px;
	}
	.mainHeader .navbar .nav-item {
		background: #5d6d7e;
	}
	.mainHeader .navbar .nav-item .dropdown-menu .dropdown-item {
		border-bottom: 0.5px solid #a6b3c1;
		font-size: 12px;
		padding: 5px 10px;
	}
	.mainHeader .navbar .nav-item .nav-link {
		color: #FFF;
		font-size: 12px;
		cursor: pointer;
	}
	.mainHeader .navbar .navbar-collapse {
		margin-top: 5px;
	}
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 690px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }

    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
}
@media screen and (max-width:800px) {
	.memberDetailTop .memberProYear {
		width: 45% !important;
	}
	.memberDetailsSubLink {
		float: left !important;
		margin: 0px;
	}
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 690px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }
    .popupColResize .col-md-8 {
        max-width: 50%;
    }
    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }

    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}
@media screen and (max-width:768px) {
	.memberDetailTop .memberProYear {
		width: 45% !important;
	}
	.memberDetailsSubLink {
		float: left !important;
		margin: 0px;
	}
    .col-form-label {
        text-align: left !important;
    }
    .minSizeGapBtm {
        margin-bottom: 5px;
    }
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 690px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }
    .popupColResize .form-control {
        height: fit-content;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }

    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}
@media screen and (max-width:600px) {
	.manageTeachTopStatus {
		width: 45% !important;
	}
	.memberDetailTop .memberProYear {
		width: 60% !important;
	}
	.memberDetailsSubLink {
		float: left !important;
		margin: 0px;
	}
	.appStatusLabel {
		width: 170px;
		display: block;
		max-width: 170px !important;
	}
	.appStatusGrid {
		display: block;
		width: 100%;
	}
    .col-form-label {
        text-align: left !important;
    }
    .minSizeGapBtm {
        margin-bottom: 5px;
    }
    .subFieldSection .col-form-label {
        text-align: left !important;
    }
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 510px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }

    .popupColResize .col-md-6 {
        max-width: 100%;
    }

    .popupColResize .col-md-4 {
        max-width: 100%;
    }

    .popupColResize .col-md-8 {
        max-width: 100%;
    }

    .popupColResize .form-control {
        height: inherit;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }

    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}
@media screen and (max-width:414px) {
	.addEditTeacher .col-form-label {
		text-align: left;
	}
	.sectionLabelView .firstLabel {
		text-align: left;
	}
    .col-form-label {
        text-align: left !important;
    }
    .minSizeGapBtm {
        margin-bottom:5px;
    }
    .subFieldSection .col-form-label {
        text-align: left !important;
    }
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 380px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }
    .popupColResize .col-md-6 {
        max-width: 100%;
    }
    .popupColResize .col-md-4 {
        max-width: 100%;
    }
    .popupColResize .col-md-8 {
        max-width: 100%;
    }
    .popupColResize .form-control {
        height: inherit;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }

    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}
@media screen and (max-width:360px) {
	.addEditTeacher .col-form-label {
		text-align: left;
	}
	.sectionLabelView .firstLabel {
		text-align: left;
	}
    .col-form-label {
        text-align: left !important;
    }
    .minSizeGapBtm {
        margin-bottom: 5px;
    }
    .subFieldSection .col-form-label {
        text-align: left !important;
    }
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 330px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }

    .popupColResize .col-md-6 {
        max-width: 100%;
    }

    .popupColResize .col-md-4 {
        max-width: 100%;
    }

    .popupColResize .col-md-8 {
        max-width: 100%;
    }

    .popupColResize .form-control {
        height: inherit;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }

    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}
@media screen and (max-width:320px) {
	.addEditTeacher .col-form-label {
		text-align: left;
	}
	.sectionLabelView .firstLabel {
		text-align: left;
	}
    .col-form-label {
        text-align: left !important;
    }
    .minSizeGapBtm {
        margin-bottom: 5px;
    }
    .subFieldSection .col-form-label {
        text-align: left !important;
    }
    /*-- popup --*/
    div.k-window-content {
        padding: 15px !important;
        width: 290px;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 450px !important;
    }

    .popupColResize .col-md-6 {
        max-width: 100%;
    }

    .popupColResize .col-md-4 {
        max-width: 100%;
    }

    .popupColResize .col-md-8 {
        max-width: 100%;
    }

    .popupColResize .form-control {
        height: inherit;
    }
    /*-- /popup --*/
    .progress-tracker--word-center {
        padding-right: 15px;
        padding-left: 15px;
    }
    .progress-tracker--word .progress-text {
        white-space: normal;
    }
    .progress-tracker--word-center .progress-text {
        transform: translateX(calc(-20% + 14px));
    }
}