@media (max-width: 1800px) {
	#media .services-wrap>div{
		width: 100%;
	}
	#media .services-wrap {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
}

@media (max-width: 1400px) {
	header {
		padding-right: 32px;
		padding-left: 32px;
	}
	.whitespace-nowrap {
		white-space: normal;
	}
}

@media (max-width: 1200px) {
	#std-life .pl-34 .w-100.h-100{
		width: 200px;
		height: 200px;
	}
	#std-life .pl-30.pr-36{
		flex-direction: column-reverse;
		align-items: center;
		padding: 30px 30px;
	}
	.admission-pages .border-t-2, .nobt .border-t-2{
		display: none;
	}
	.admission-pages>div.items-start{
        gap: 0;
        flex-direction: column;
	}
	.admission-pages .menu-item{
        padding: 15px;
		min-width: 170px;
		border-bottom: none;
	}
	.admission-pages .menu-item .text-md{
		font-size: 14px;
	}
	.admission-pages div.menu{
		display: flex;
        width: 100%;
        overflow-x: scroll;
        text-align: center;
	}
	.viz-mis>div.pl-30 .right-0.top-20{
		position: relative;
		top: 0;
		left: 0;
		width: 94%;
		padding: 30px;
		border-radius: 13px;
	}
	.w-full.content.pb-8.hidden.text-center.dean-content.active-section.px-10{
		padding: 0 20px;
	}
	.viz-mis>div.pl-30 img{
		width: 94%;
	}
	.viz-mis>div.px-30 .pl-6{
		padding-right: 0;
	}
	.viz-mis>div.pl-30 {
		padding: 30px 0 0 0;
	}
	.viz-mis .flex.flex-col.gap-2.w-full.px-4{
		padding: 0;
	}
	.viz-mis>div.pr-30 .left-0.top-20{
		position: relative;
		top: 0;
		left: 0;
		width: 94%;
		padding: 30px;
		border-radius: 13px;
	}
	.viz-mis .w-\[60\%\]>div img{
		width: 60px !important;
	}
	.viz-mis .w-\[60\%\]>div{
		flex-direction: column;
	}
	.viz-mis>div.pr-30 img{
		width: 94%;
	}
	.viz-mis>div.pr-30 {
		padding: 30px 0 0 0;
	}
	#std-life .pr-50 .w-full p.text-justify{
		padding: 10px;
	}
	#std-life .pr-50 .w-full.flex.justify-between>div{
		width: 100%;
		padding: 0;
	}
	#std-life .pr-50 .w-full {
		flex-direction: column;
		align-items: center;
		padding: 0;
	}
	#std-life .px-50, #std-life .pr-50 {
		padding: 0px 30px;
	}
	#std-life .pl-30 .max-h-96{
		width: 200px;
		height: auto;
	}
	.snap-start.py-12.px-30 .flex.gap-6>div{
		width: 100%;
	}
	.flex.gap-6>div .gap-6.p-20 input, .flex.gap-6>div .gap-6.p-20 select{
		width: 100%;
	}
	#media .gap-4.px-20 {
		padding: 0 20px;
	}
	#news-container {
		flex-wrap: wrap;
	}
	#news-container>div{
		width: 32%;
	}
	#newswrap {
		padding-right: 32px;
		padding-left: 32px;
	}
	.flex.gap-6>div .gap-6.p-20{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 20px;
	}
	#chancellor .pr-34 .w-100.h-100{
		width: 200px;
		height: 200px;
	}
	.jobs-page .container-sub .job-list .vacancy h3 {
		text-align: right;
	}
	.jobs-page .container-sub .filters div {
		padding: 20px 5px 15px 5px;
	}
	.jobs-page .container-sub .filters {
		gap: 1px;
	}
	.jobs-page .container-sub .job-list .vacancy .details{
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
	}
	div.card-body{
		padding: 0 20px;
	}
	div.w-4\/12.bg-teal-950.contacts {
		gap: 40px;
		min-height: auto;
	}
	.snap-start.py-12.px-30 .flex.gap-6>div .gap-6.p-20{
		width: 100%;
	}
	.snap-start.py-12.px-30 .flex.gap-6{
		flex-direction: column;
	}
	.snap-start.py-12.px-30{
		padding-right: 32px;
		padding-left: 32px;		
	}
	#std-life .pl-34, #chancellor .pl-34.pr-34 {
		gap: 20px;
		flex-direction: column-reverse;
		align-items: center;
	}
	
	div.section.pr-30, div.px-30, #std-life .pl-34, #chancellor .pl-34.pr-34 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.w-full.content.pb-8.hidden.text-justify.about-content.active-section h2{
		padding-right: 10px;
	}
	div.section.pl-30, div.px-30, #std-life .pl-34 {
		padding-left: 30px;
		padding-right: 30px;
	}
	.mmini-page .p-6{
		padding: 5px;
	}

	#calendar .max-w-\[517px\] {
		text-align: center;
	}
	header {
		padding-right: 16px;
		padding-left: 16px;
		gap: 0px;
	}
	header nav li.pr-10 {
		padding-left: 22px;
		padding-right: 0px;
	}
	header nav li.pr-10 a i {
		left: 5px;
	}
	header nav li.pr-8 {
		padding-left: 0px;
		padding-right: 8px;
	}
	header nav li.pl-10 {
		padding-left: 22px;
		padding-right: 0px;
	}
	header nav li.pl-10 a i {
		left: 5px;
	}
	header nav li.pl-8 {
		padding-left: 6px;
		padding-right: 6px;
	}
	footer {
		padding: 28px 30px 0 30px;
	}
	#media .w-full.px-20 {
		padding-right: 30px;
		padding-left: 30px;
	}
	#news div.p-20 {
		padding: 20px;
	}
	#news div.max-w-\[1400px\]>div.flex.gap-6{
		max-width: 100%;
	}
	#news div.max-w-\[1400px\]{
		max-width: 94%;
        flex-direction: column;
	}
	.city-wrap {
		padding: 25px 45px;
	}
	.px-\[120px\]{
		padding: 13px 40px 16px 0;
	}
	#std-life .rounded-3xl {
		width: 100%;
	}
	#std-life .pr-30.py-10>.flex{
		flex-direction: column;
	}
	#std-life .pr-30.py-10 {
		padding-right: 30px;
	}
	#std-life .pl-30.py-10>.flex{
		flex-direction: column;
	}
	#std-life .pl-30.py-10 {
		padding-right: 30px;
	}
	#std-life .stoner::before {
		position: relative !important;
	}
	#std-life .pr-30.py-10 img.absolute{
		position: relative !important;
		width: 94%;
		margin-right: 10px;
		top: 0;
	}
	#std-life .pl-30.py-10 img.absolute{
		position: relative !important;
		width: 94%;
		margin-right: 10px;
		top: 0;
	}
	#std-life .stoner {
		padding: 30px 40px 30px 30px;
		width: 100%;
	}
	#std-life .px-30.py-10 .w-1\/2{
		width: 100%;
		padding: 0;
	}
	#std-life .px-30.py-10 {
		padding: 30px 40px 15px 30px;
		flex-direction: column-reverse;
	}
	#top-news {
		flex-direction: column;
	}
	#top-news.relative.rounded-2xl{
		width: 100%;
	}
	#top-news>div img.h-60{
		height: auto;
	}
	#top-news, #top-news>div, #top-news>div .text-sm {
		width: 100%;
		max-width: 100%;
	}
	#news-container .lds-spinner {
		width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 100px;
	}
	#top-news .text-lg {
    	white-space: normal;
	}
	#top-news {
		padding: 0px 30px;
	}
	.jobs-page {
		padding: 10px 30px;
	}
}

@media (max-width: 1000px) {
	header nav {
		display: none;
	}
	header>button {
		display: block;
		margin-right: 15px;
		margin-left: 15px;
        height: 75px;
        width: 75px;
	}
	.privacy-content.active div.w-full.absolute::after, .about-content.active div.w-full.absolute::after, .faq-content.active div.w-full.absolute::after, .terms-content.active div.w-full.absolute::after {
        content: '';
        position: absolute;
        left: 36%;
        bottom: -38%;
        top: auto;
        border-top: 20px solid #B3916C;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
	}
	#std-life .pl-40.pr-48{
		padding: 0 30px;
	}
	#std-life .px-40 {
		padding: 0 30px;
	}
	.jobs-page .top-view .top-view-pic{
		display: none;
	}
	.jobs-page .top-view {
		flex-direction: column;
		gap: 30px;
	}
	.jobs-page {
		padding: 10px 30px;
	}
	.admission-pages .faq-content .border-l-4, .admission-pages .faq-content .rounded-xl{
		border-radius: 0px;
	}
	#admission-sec .h-96 {
		height: 200px;
	}
	section#std-life .flex.items-center.w-full.h-96 h4.text-2xl {
		font-size: 17px;
	}
	section#std-life .flex.items-center.w-full.h-96 {
		height: 200px;
	}
	div.px-\[120px\].pr-\[130px\].gap-2.pb-4 {
		padding: 13px 20px 16px 0;
	}
	div.px-\[120px\].pr-\[130px\].gap-2.pb-4 a.text-lg{
		font-size: 14px;
	}
	.college-page .section.pr-30.pl-32>div.menu img{
		border-radius: 0px;
        height: 100%;
	}
	.college-page .section.pr-30.pl-32>div.menu span.text-lg {
		font-size: 15px;
	}
	.college-page .section.pr-30.pl-32>div.menu{
		flex-direction: row;
		display: flex;
		width: 100%;
        height: 120px;
	}
	.college-page .section.pr-30.pl-32 div.terms-content {
		padding: 0;
	}
	.college-page .section.pr-30.pl-32 div.terms-content.px-10{
		padding: 0 30px;
	}
	.college-page div.menu>div.menu-item, .college-page div.menu>a.faq-content.border-b-0{
        border: 1px solid white;
	}
	.college-page .content.pb-8.privacy-content {
		padding: 0 10px 0 0;
	}
	.college-page .content.pb-8.privacy-content h2{
		font-size: 17px;
		padding: 0 20px;
	}
	.college-page .content.pb-8.privacy-content .collage-wrap a .text-md{
		font-size: 15px;
	}
	.college-page .content.pb-8.privacy-content .collage-wrap a{
		width: 100%;
	}
	.college-page .content.pb-8.privacy-content .collage-wrap{
    	flex-direction: column;
		padding: 0 20px;
	}
	
	.college-page .section.pr-30.pl-32 .terms-content img.w-80{
		width: 160px;
	}
	.college-page>div:first-of-type{
		padding-bottom: 0px;
	}
	.college-page .section.pr-30.pl-32{
		padding: 0px 0px 10px 0px;
		margin-top: 0px;
		flex-direction: column;
		gap: 0;
	}
	.college-page div.h-96 {
    	height: 200px;
	}
	.admission-pages .faq-content .rounded-xl {
		margin-right: 5px;
		margin-left: 5px;
	}
	.admission-pages .faq-content strong{
		padding-right: 35px;
	}
	.admission-pages .faq-content .list-decimal, .admission-pages .faq-content .list-disc{
		padding-right: 35px;
        padding-left: 20px;
        padding-bottom: 20px;
	}
	.admission-pages .faq-content{
		padding: 0;
        padding-bottom: 10px;
	}
	#top-news .text-lg {
    	white-space: normal;
	}
	#top-news {
		flex-direction: column;
	}
	#news-container {
		flex-wrap: wrap;
        width: 100%;
	}
	#news-container>div{
		width: 48%;
	}
	#slider .swiper.h-full, #slider {
		height: 500px;
		min-height: 500px;
	}
	footer {
		padding: 30px;
		padding-bottom: 0px;
	}
	#media .services-wrap>div{
		width: 100%;
	}
	#media .services-wrap {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	#media .w-full.px-20 {
		padding-right: 30px;
		padding-left: 30px;
	}
	#calendar .h-82 *{
        align-items: center;
        justify-content: center;
	}
	#calendar .h-82 {
		height: 460px;
	}
	#calendar .p-4.w-full {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#calendar img.h-42 {
		height: 120px;
	}
	#calendar .p-20 {
		padding: 50px 18px 18px 18px;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#news div.p-20 {
		padding: 20px;
	}
	#news div.max-w-\[1400px\]>div.flex.gap-6{
		max-width: 100%;
	}
	#news div.max-w-\[1400px\]{
		max-width: 94%;
        flex-direction: column;
	}
	.city-wrap {
		flex-direction: column;
		padding: 25px 45px;
	}
	.city-wrap .w-1\/2{
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 768px) {
	header {
		padding-right: 5px;
		padding-left: 5px;
	}
	#slider .swiper.h-full, #slider {
		height: 400px;
		min-height: 400px;
	}
	.jobs-page .container-sub .job-list .vacancy {
		flex-direction: column;
	}
	.jobs-page .container-sub .job-list .view-btn {
		border-radius: 10px;
		margin: 20px 20px;
		padding: 10px 0px;
		flex-direction: row;
		gap: 10px;
	}
	footer>div div.gap-4.pr-10 {
		padding-left: 0px;
		padding-right: 0px;
	}
	footer>div:first-of-type{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	#news-container {
		flex-wrap: wrap;
	}
	#news-container>div{
		width: 100%;
	}
	#media .services-wrap>div{
		width: 100%;
	}
	.jobs-page .container-sub .filters div span {
		font-size: 14px;
	}
	.colleges-swiper.collage-wrap {
		padding-right: 30px;
	}
	.w-screen.py-20 .text-2xl{
		font-size: 18px;
	}
	.w-64.text-xl {
		font-size: 16px;
	}
	.w-64.text-5xl {
		font-size: 32px;
	}
	.jobs-page .container-sub .filters div b {
		display: none;
	}
	#media .services-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	#media .w-full.px-20 {
		padding-right: 30px;
		padding-left: 30px;
	}
	#calendar .h-82 *{
        align-items: center;
        justify-content: center;
	}
	#calendar .h-82 {
		height: 460px;
	}
	#calendar .p-4.w-full {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#calendar img.h-42 {
		height: 120px;
	}
	#calendar .p-20 {
		padding: 50px 18px 18px 18px;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#news div.p-20 {
		padding: 20px;
	}
	#news div.max-w-\[1400px\]>div.flex.gap-6{
		max-width: 100%;
	}
	#news div.max-w-\[1400px\]{
		max-width: 94%;
        flex-direction: column;
	}
	.city-wrap {
		flex-direction: column;
		padding: 25px 45px;
	}
	.city-wrap .w-1\/2{
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 568px) {
	#slider .swiper.h-full, #slider {
		height: 300px;
		min-height: 300px;
	}
	#slider h3.text-white {
		font-size: 22px;
        margin-top: -10px;
	}
	#slider p.max-w-128 {
		font-size: 18px;
	}
	.swiper-button-prev, .swiper-button-next {
		top: 62%;
	}
	footer>div:first-of-type{
		display: grid;
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 15px;
	}
	#media .services-wrap>div{
		width: 100%;
	}
	#media .services-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
	#media .w-full.px-20 {
		padding-right: 30px;
		padding-left: 30px;
	}
	.numbers-wrap{
		gap: 0;
		padding: 0;
        width: 100%;
	}
	.numbers-wrap>div.gap-8>div{
		max-width: 33%;
		gap: 0;
		padding: 0;
	}
	.numbers-wrap>div.gap-8{
		max-width: 90%;
		gap: 0;
		padding: 0;
	}
	#calendar .h-82 *{
        align-items: center;
        justify-content: center;
	}
	#calendar .h-82 {
		height: 460px;
	}
	#calendar .p-4.w-full {
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#calendar img.h-42 {
		height: 120px;
	}
	#calendar .p-20 {
		padding: 50px 18px 18px 18px;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        justify-content: center;
	}
	#partners .w-60 div{
		font-size: 16px;
	}
	#partners .w-60 img{
		height: 70px;
	}
	#partners .w-60 {
		width: 200px;
		height: 200px;
	}
	#partners .gap-12 {
		gap: 25px;
	}
	#news div.p-20 {
		padding: 20px;
	}
	#news div.max-w-\[1400px\]>div.flex.gap-6{
		max-width: 100%;
	}
	#news div.max-w-\[1400px\]{
		max-width: 94%;
        flex-direction: column;
	}
	.city-wrap {
		flex-direction: column;
		padding: 25px 45px;
	}
	.city-wrap .w-1\/2{
		width: 100%;
		padding: 0;
	}
}