/* @media (min-width:1440px){
	.sidebar{
	height: 85vh;
    margin-top: 17%;
} */

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

	/********** ADMIN DASHBOARD **********/
	.sidebar {
		height: 85vh;
		margin-left: 14px;
		width: 15%;
		z-index: 10;
	}

	#main {
		margin-top: 6%;
	}

	#main .dashboard {
		padding-left: 0px;
		/* before  padding-left: 8px; */
	}

	#main .dashboard .card {
		width: auto;
		height: auto;
	}

	#sidebarMin .menu-buttons i {
		font-size: 20px;
	}

	.sidebar .menu-buttons a {
		font-size: 12px;
	}

	.reminder-item .resched,
	.reminder-item .start-now,
	#main .dashboard .reminder-wrapper .reminder-item p {
		font-size: 12px;
	}

	.school-pg .banner-img-wrapper {
		width: 31.9%;
	}
}

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

	/********** ADMIN DASHBOARD **********/
	#main .dashboard .card {
		width: 23.7%;
		height: auto;
	}

	#main .reminder-item .col-4 {
		padding-left: 0;
	}

	#sidebarMin {
		width: 6%;
	}


	/**** Not toggled logo only, side bar *****/
	#sidebarMin img {
		width: 100% !important;
		/* height: 100%!important; */
		width: 65px;
		/* height: 65px; */
		/* margin-left: -1px; */
		/* margin-right: 1px; */
		margin-bottom: 0;
		max-width: 65px;
	}

	.border2 {
		flex: 1;
		border: 5px;
		padding-right: 1px;

	}


	#sidebarMin .menu-buttons i {
		font-size: 22px;
		padding: 8px;
	}

	#sidebarMin .menu-buttons a {
		padding: 2px;
		border-radius: 8px;
	}

	.max-main {
		width: 95% !important;
		margin-left: 6% !important;
	}

	.sidebar .menu-buttons {
		/* height: 453px; */
		object-fit: cover;
		vertical-align: middle !important;
		height: auto;
	}

	.school-pg .banner-img-wrapper {
		width: 31.5%;
	}

	.school-pg .email-field-wrapper input,
	.school-pg .contact-field-wrapper input {
		width: 85%;
	}

	.enrollments .viewOtherFeeBtn {
		font-size: 10px !important;
	}

	.students-portal .table tr {
		font-size: 13px;
	}

	.students-portal .select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 11px;
	}
}

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

	/********** ADMIN DASHBOARD **********/
	nav.fixed-top {
		width: 97%;
	}

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

		/********** ADMIN DASHBOARD **********/
		nav.fixed-top {
			width: 124%;
		}


		#main {
			margin-top: 6.5%;
		}

		.sidebar {
			margin-top: 8%;
		}

		.sidebar .menu-buttons a {
			font-size: 10px;
			padding: 8px 16px;
			border-radius: 8px;
		}

		#sidebarMin .menu-buttons i {
			font-size: 18px;
		}

		.sidebar .menu-buttons .collapse a {
			font-size: 10px;
			margin-bottom: 4px;
			padding-left: 37px;
		}

		#sidebarMax .poweredBy {
			font-size: 8px;
			left: 27%;
		}

		#sidebarMin img {

			width: 65px;
			height: 60px;
			margin-left: -2px;
		}

		.accordion-toggle.collapsed:after,
		.accordion-toggle:after {
			font-size: 8px;
			margin-top: 4px;
		}

		#main .dashboard .card {
			width: 23.5%;
		}

		#main .dashboard .card h1 {
			font-size: 2.5rem;
		}

		#main .dashboard .card p {
			font-size: 90%;
		}

		.reminder-item .resched,
		.reminder-item .start-now,
		#main .dashboard .reminder-wrapper .reminder-item p {
			font-size: 10px;
		}

		#main .dashboard .reminder-wrapper .reminder-item h1 {
			font-size: 14px;
		}

		#sidebarMin .menu-buttons {
			height: 600px;
			max-height: 83%;

		}

		.classes-pg .class-nav button,
		.students-portal .print-btn {
			font-size: 11px;
		}

		.students-portal .table {
			width: 150%;
		}
	}

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

		/********** ADMIN DASHBOARD **********/
		.sidebar {
			margin-top: 10%;
		}

		#sidebarMax {
			width: 18% !important;
			margin-left: 11px;
		}

		#main,
		.min-main {
			margin-top: 7.4%;
			width: 81.5% !important;
			margin-left: 19.5% !important;
		}

		#main.max-main {
			width: 92% !important;
			margin-left: 8% !important;
		}

		#main .dashboard .card {
			width: 48.5%;
			margin-bottom: 10px;
		}

		#sidebarMin img {
			width: 38px;
			height: auto;
			/* before height: 38px; */

		}

		.sidebar .menu-buttons a {
			padding: 8px;
		}

		.sidebar .menu-buttons .collapse a {
			font-size: 10px;
			padding: 6px 6px 6px 8px;
		}

		#sidebarMin .menu-buttons i {
			padding: 4px;
		}

		#main .dashboard .reminder-wrapper .reminder-item h1 {
			font-size: 13px;
		}

		#main .dashboard .reminder-wrapper .col-8,
		#main .dashboard .reminder-wrapper .col-4 {
			flex: 0 0 100%;
			max-width: 100%;
			padding-left: 15px;
		}

		.school-pg .email-field-wrapper input,
		.school-pg .contact-field-wrapper input {
			width: 80%;
		}

		.school-pg .upload-banner-imgs {
			width: 230px;
		}

		#whole-year-fees-btns li a,
		.add-fee,
		.manage-fee,
		#add-student-navtabs li a,
		.enrollments .add-other-fees-btn,
		.teachers-grades .grades-wrapper p {
			font-size: 11px !important;
		}

		.class-inner-wrapper table .manage-btn,
		.inner-wrapper table .manage-btn,
		.users table .manage-btn {
			font-size: 10px;
			margin-right: 0;
		}

		.users .table tbody .archive-btn {
			font-size: 15px;
		}

		.users .pfp-wrapper {
			width: 20%;
		}

		#student-info-tab .select2,
		.add-user-teacher-pg .select2-container,
		.add-user-parent-pg .select2-container {
			width: 100% !important;
		}

		.table tbody td .green,
		.table tbody td .red {
			font-size: 10px;
		}

		#student-records-tab {
			overflow: auto;
		}

		#student-records-tab .table-bordered {
			width: 150%;
		}

		.classes-pg .select2-container {
			width: 28% !important;
		}

		.classes-pg .class-nav button {
			font-size: 11px;
			height: 44px;
		}
	}

	@media screen and (max-width: 992px) {
		#main .dashboard .card {
			width: 48.4%;
		}

		.school-pg .upload-banner-imgs {
			width: 220px;
		}

		.school-pg .banner-images-settings {
			height: 200px;
		}

		#whole-year-fees-btns li {
			width: 31.9% !important;
			margin-bottom: 4px;
		}

		.class-inner-wrapper table .manage-btn,
		.inner-wrapper table .manage-btn,
		.users table .manage-btn {
			padding: 6px;
		}

		.users .table tbody .archive-btn {
			margin-right: 0;
		}
	}


	@media screen and (min-width: 768px) {
		#sidebarMax .poweredBy {
			text-align: center;
			font-size: 10px;
			color: #6c757d;
			position: absolute;
			bottom: 0;
			left: 3%;
			font-weight: 300;
			pointer-events: none;
			background-color: #fff;
			overflow-y: visible;
			border-bottom-right-radius: 30px;
			border-bottom-left-radius: 30px;
		}
	}

	@media screen and (max-width: 768px) {
		.sidebar {
			margin-top: 13%;
			height: 87vh;
		}

		#sidebarMin {
			width: 0;
			padding: 0;
		}

		#sidebarMax {
			display: none;
			width: 55%;
			z-index: 999;
			height: 85vh;
			box-shadow: 0px 0px 0px 35rem rgb(0 0 0 / 50%);
		}

		.sidebar .sidebar-logo {
			/* width: auto; */
			margin: 0 17%;
		}

		#main,
		#main.max-main,
		#main.min-main {
			width: 100% !important;
			margin-top: 10%;
			margin-left: 0 !important;
		}

		#main .dashboard .card {
			width: 99.4%;
		}

		.sidebar .menu-buttons a {
			padding: 20px;
			font-size: 18px;
		}

		.sidebar .accordion-toggle.collapsed:after,
		.sidebar .accordion-toggle:after {
			font-size: .625rem;
			margin-top: 4px;


		}

		.sidebar .menu-buttons {
			height: auto;
		}

		.sidebar .menu-buttons .collapse a {
			font-size: 14px;
			padding: 6px 6px 6px 8px;
		}

		#sidebarMax .poweredBy {
			font-size: 12px;
			left: 35%;
		}

		.sidebar .menu-buttons .collapse {
			margin-top: 15px;
		}

		.sidebar .menu-buttons .collapse a {
			padding: 15px 40px;
		}

		body {
			padding: 0;
		}

		.sidebar .menu-buttons::-webkit-scrollbar {
			width: 4px;
		}

		#main {
			width: 100% !important;
			margin-top: 6.25rem !important;
			margin-left: 0 !important;
			padding: 6px 20px 30px 6px;
		}

		#admin-dropdown {
			width: 100%;
			position: relative;
			padding: 10px;
			margin-right: -5px !important;
			font-size: 14px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;





		}

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

			#admin-dropdown {
				width: 48%;
				margin-right: 55px !important;
			}



		}





		#admin-dropdown::after {
			position: absolute;
			right: 8px;
			top: 23px;
		}

		.admin-list-dropdown {
			width: 109px;
		}

		.admin-list-dropdown img,
		.student-nav img {
			display: none;
		}

		.admin-list-dropdown #userNavDropdown {
			right: -22px;
			top: 65px;
			border-radius: 10px;
			box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);

		}

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

			.admin-list-dropdown #userNavDropdown {
				right: 67px;
			}



		}
		#sidebarMax {
			height: 87%;
			margin-top: 78px;
			position: fixed;
			left: 13px;
			width: 32% !important;
		}

		#sidebarMax .menu-buttons {
			height: 100%;
		}

		#sidebarMax .menu-buttons a {
			padding: 10px;
			font-size: 13px;
		}

		#sidebarMax .poweredBy {
			font-size: 10px;
			left: 24%;
		}

		#write-post-modal .modal-body button {
			width: 31%;
			font-size: 10px;
		}

		#main .dashboard .card {
			width: 48.8% !important;
			display: inline-block;
			border-radius: 15px;
			padding: 10px;
		}

		#main .dashboard .fixed-container {
			margin-top: 20px;
			padding-right: 6px !important;
		}

		#main .dashboard .reminder-wrapper .reminder-item h1 {
			font-size: 16px;
		}

		#main .dashboard .reminder-wrapper .reminder-item p {
			font-size: 14px;
		}

		.reminder-item .resched,
		.reminder-item .start-now {
			font-size: 14px;
			width: 100%;
			display: inline-block;
			flex-grow: 1;
		}

		.school-pg,
		.admissions,
		.enrollments-pg,
		.enrollments-settings-pg,
		.users-pg,
		.add-user-student-pg,
		.add-user-teacher-pg,
		.add-user-parent-pg,
		.classes-pg {
			padding: 10px 20px;
		}

		.add-applicant {
			padding-right: 0;
		}

		.admissions .inner-wrapper {
			overflow-x: auto;
		}

		#userNavDropdown {
			width: 215px;
		}

		.school-pg .upload-banner-imgs {
			width: 198px;
		}

		#whole-year-fees-btns li {
			width: 31% !important;
		}

		.feeParentDiv,
		.add-user-parent-pg .class-inner-wrapper .container {
			overflow: auto;
		}

		.class-inner-wrapper table .manage-btn,
		.teachers-grades .select2-container {
			width: 100% !important;
		}

		.users .table tbody .archive-btn {
			font-size: 24px;
		}

		.users .users-nav button {
			width: auto;
		}

		.add-user-parent-pg .class-inner-wrapper .table-bordered {
			width: 150%;
		}

		.add-user-parent-pg .class-inner-wrapper table .manage-btn {
			margin: 0;
		}

		.classes-pg .select2-container {
			width: 26% !important;
		}

		.classes-pg .select2-container--default .select2-selection--single .select2-selection__rendered {
			font-size: 10px;
		}

		.classes-pg .class-nav button {
			width: 30%;
		}

		.classes-pg .class-nav button:first-of-type {
			margin-left: 0;
		}

		.student-nav .dropdown {
			width: 120px;
		}

		.students-portal .fixed-container {
			display: none;
		}

		.students-portal .grades .col-8:first-of-type {
			flex: 0 0 100%;
			max-width: 100%;
			padding-right: 15px !important;
		}

		.teachers-grades .student-img {
			height: 280px;
			width: 280px;
			margin: 15px 0;
		}

		.teachers-grades .select2-container {
			margin-top: 10px;
		}


	}

	@media screen and (max-width: 620px) {
		.school-pg .preview-school-page {
			top: -60px;
		}

		.school-pg #school-page-settings {
			padding-bottom: 10px !important;
		}

		.school-pg #school-page-settings li {
			width: 49%;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.school-pg #school-page-settings li:nth-child(even) {
			margin-right: 0;
		}

		.school-pg .upload-banner-imgs {
			width: 375px;
		}

		.school-pg .banner-img-wrapper {
			width: 47.5%;
		}

		.users-pg .class-inner-wrapper {
			overflow: auto;
		}

		.users-pg .users-nav button,
		.add-user-student-pg .users-nav button,
		.add-user-teacher-pg .users-nav button {
			width: auto !important;
		}

		.users .pfp-wrapper {
			width: 30%;
		}

		#student-records-tab .table-bordered {
			width: 200%;
		}

		.table tbody td .green,
		.table tbody td .red {
			font-size: 10px;
			margin: 0;
			width: 100%;
		}

		.classes-pg .class-nav button {
			width: 31.8%;
			font-size: 14px;
			margin-top: 15px;
		}

		.classes-pg .select2-container {
			width: 28.7% !important;
		}

		.classes-pg .select2-container--default .select2-selection--single .select2-selection__rendered {
			font-size: 14px;
		}
	}

	@media screen and (max-width: 576px) {
		.school-pg .upload-banner-imgs {
			width: 330px;
		}

		#whole-year-fees-btns li {
			width: 47.8% !important;
		}

		.classes-pg .select2-container {
			width: 28.3% !important;
		}

		.classes-pg .class-nav button {
			width: 100%;
		}

		.teachers-grades {
			padding-right: 12px;
			padding-right: 0;
		}

		.teachers-grades .form-check .form-check-label {
			font-size: 12px;
		}
	}

	@media screen and (max-width: 522px) {
		.school-pg #school-page-settings li {
			width: 48.9%;
		}

		.school-pg .upload-banner-imgs {
			width: 100%;
			margin-bottom: 10px;
		}

		.school-pg .banner-img-wrapper {
			width: 47%;
		}

		#whole-year-fees-btns li {
			width: 47.5% !important;
		}

		.add-user-teacher-pg .change-pfp-btn {
			background-color: #6b778c !important;
			font-size: 12px;
			width: 200px;
			color: #fff;
		}

		.add-user-parent-pg .class-inner-wrapper .table-bordered {
			width: 180%;
		}

		.student-nav .notif-wrapper {
			width: 505px !important;
			right: -23px !important;
		}
	}

	@media screen and (max-width: 480px) {
		#sidebarMax {
			height: 89%;
			margin-top: 78px;
			position: fixed;
			left: 13px;
			width: 55% !important;
		}

		#main .dashboard .card {
			width: 48.4%;

		}

		@media (max-width: 300px) {
			#main .dashboard .card {
				width: 98.4%;
			}
		}

		#main .dashboard .card,
		#main .dashboard .f-card {
			border-radius: 10px !important;
			width: 100% !important;

		}

		#main .dashboard .f-card .f-card-header {
			padding: 10px;
			border-radius: 10px;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

		.school-pg #school-page-settings li {
			width: 48.7%;
		}

		.school-pg .inner-wrapper {
			padding: 0 0 10px 0;
		}

		.enrollments-pg .inner-wrapper {
			overflow: auto;
		}

		#saveHomePageBtn,
		#saveAdmissionBtn,
		#saveContactUsBtn,
		#saveSchoolThemeBtn {
			width: 100%;
			height: 42px;
			font-size: 16px;
			font-weight: 500;
		}

		#enrollment-settings li {
			width: 31.7%;
		}

		#enrollment-settings li:last-child {
			margin-right: 0;
		}

		#enrollment-settings li a {
			font-size: 11px;
		}

		.users-pg .users-nav button {
			width: 22% !important;
		}

		#sidebarMax .menu-buttons {
			height: 440px;
		}

		#sidebarMax .poweredBy {
			left: 30%;
		}

		.users .pfp-wrapper {
			width: 40%;
		}

		#student-records-tab .container {
			padding-left: 0;
			padding-right: 0;
		}

		.classes-pg .select2-container {
			width: 27% !important;
		}

		.classes-pg .class-nav button {
			width: 100%;
			font-size: 13px;
		}

		.classes-pg .class-inner-wrapper .row .col-md-12 {
			overflow: auto;
		}

		.student-nav {
			z-index: 999;
		}

		.student-nav .notif-wrapper {
			width: 460px !important;
			right: -22px !important;
		}
	}





	@media screen and (max-width: 425px) {
		#main {
			width: 100% !important;
			padding: 0px 22px 30px 6px;
		}

		.school-pg #school-page-settings li {
			width: 48.5%;
		}

		#userNavDropdown a {
			font-size: 14px;
		}

		.school-pg .banner-images-settings {
			height: 99px;
		}

		.school-pg .banner-img-wrapper {
			width: 29%;
		}

		.school-pg .upload-school-bg {
			width: 72%;
		}

		#enrollment-settings li {
			width: 29%;
		}

		#enrollment-settings {
			justify-content: center;
		}

		#whole-year-fees-btns li:last-child {
			margin-right: 0;
		}

		#whole-year-fees-btns li {
			width: 30.1% !important;
		}

		#payment-methods .row .col-md-12,
		#payment-terms .row .col-md-12 {
			overflow: auto;
		}

		.users-pg .users-nav button {
			width: 90% !important;
			margin-bottom: 10px;
		}

		#student-records-tab .select2-container--default .select2-selection--single .select2-selection__rendered {
			font-size: 10px;
			font-weight: 500;
		}

		#student-records-tab .mr-2:first-child {
			margin-right: 4px !important;
			font-size: 14px !important;
		}

		.add-user-teacher-pg .change-pfp-btn {
			width: 183px;
		}

		.classes-pg .select2-container {
			width: 26% !important;
		}

		.classes-pg .select2-container--default .select2-selection--single .select2-selection__rendered {
			font-size: 11px;
			padding: 0;
		}

		.student-nav .notif-wrapper {
			width: 405px !important;
		}
	}

	@media screen and (max-width: 414px) {
		#sidebarMax {
			height: 88%;
			left: 8px;
		}

		#sidebarMax .menu-buttons {
			height: 420px;
		}

		.admissions .class-nav button {
			width: 100% !important;
			display: inline-block;
			position: relative;
			float: none;
			font-size: 9px;
			margin-left: 0px;
			margin-bottom: 3px;
		}

		#whole-year-fees-btns li {
			width: 100% !important;
			margin-right: 0;
		}

		.add-user-teacher-pg .change-pfp-btn {
			width: 177px;
		}

		.classes-pg .class-nav button {
			width: 100%;
			font-size: 12px;
		}

		.student-nav .notif-wrapper {
			width: 395px !important;
		}
	}

	@media screen and (max-width: 375px) {
		#sidebarMax {
			height: 87%;
		}

		.admissions .class-nav button {
			width: 100% !important;
			display: inline-block;
			position: relative;
			float: none;
			font-size: 12px;
			margin: 0;
			margin-bottom: 4px;
		}

		.school-pg,
		.admissions,
		.enrollments-pg,
		.dashboard {
			padding-right: 4px;
		}

		.school-pg #school-page-settings li {
			width: 48.35%;
		}

		#payment-methods .add-other-fees-btn {
			width: 123px;
		}

		#payment-methods .add-other-fees-btn:last-of-type {
			margin-right: 0;
			margin-top: 4px;
		}

		.users-pg .users-nav button,
		.add-user-student-pg .users-nav button,
		.add-user-teacher-pg .users-nav button,
		.add-user-parent-pg .users-nav button {
			width: 98% !important;
			margin-bottom: 10px;
		}

		#add-student-navtabs .nav-item {
			width: 48%;
		}

		#add-student-navtabs .nav-item a {
			padding: 4px;
		}

		#add-student-navtabs .nav-item:last-of-type {
			margin-right: 0;
		}

		.users .pfp-wrapper {
			width: 50%;
		}

		#student-records-tab .select2-container--default .select2-selection--single {
			width: 100%;
		}

		.add-user-teacher-pg .change-pfp-btn {
			width: 125px;
			font-size: 8px;
		}

		.classes-pg .select2-container {
			width: 25% !important;
		}

		.classes-pg .select2-container--default .select2-selection--single .select2-selection__rendered {
			font-size: 9px;
			padding: 0;
		}

		.classes-pg .class-nav button {
			width: 100%;
			font-size: 11px;
		}

		.student-nav .notif-wrapper {
			width: 345px !important;
		}
	}

	/* <!-- Mobile Views @  min-width: 280px & max-width: 320px--> */

	@media (min-width: 280px) and (max-width: 320px) {

		.sidebar .accordion-toggle.collapsed:after,
		.sidebar .accordion-toggle:after {
			font-size: 10px;
			margin-top: 2px;
		}

		#sidebarMax .menu-buttons a {
			font-size: 11px;
		}

		.admissions .class-nav button {
			width: 100% !important;


		}


	}

	@media (max-width: 320px) {
		#enrollment-settings li {
			width: 100%;
			margin: 0;
			margin-bottom: 4px;

		}

	}


	@media (max-width: 320px) {

		.class-inner-wrapper table .manage-btn,
		.inner-wrapper table .manage-btn,
		.users table .manage-btn {
			margin-right: 18px;

		}

	}

}


@media (max-width: 768px) {
	#sidebarMax .poweredBy {
		left: 0%;

	}
}

@media (max-width: 320px) {
	#sidebarMax {
		width: 60% !important;
	}

}

@media (max-width: 270px) {
	#sidebarMax {
		width: 80% !important;
	}

}