@media only screen and (max-width: 320.98px) {
	*{}

header .mainMenu .navLinks {
    
}

/*=================================================== GLOBAL ===================================================*/
	body{
		font-size: 12px;
	}
/*	.customContainer{
		max-width: 90%
	}*/
/*=================================================== HEADER ===================================================*/


/*=================================================== HOME ===================================================*/

#home .mainBannerSection .bannerContent h1{
	font-size: 2.5em;
}

#home .eventSection .upcomingEvents .eventItem .eventDescription h6{
	/* font-size: .9em; */
}

#home .eventSection .upcomingEvents .eventItem .eventDescription p{
	font-size: .7em;
}

	/*partials*/
	.phasesSection .phaseItem{
		    height: 10vh;
		    margin-bottom: .5em;
	}

.phasesSection .phaseItem img{
	height:100%;
	object-fit: cover;
}





	/*admissions*/
	.titleSection h1{}
	#admission .nav .navItem{}

	/*facilities*/
	#facilities .facilityItem{
		min-height: 1px;
	}
	#facilities .schoolsNav .nav{
		max-width: 95%;
	}
	#facilities .nav .navItem{
		font-size: 0.8em;
		padding: 0.8em 0;
	}
	#facilities .facilityItem h4{
		top:50%;
		font-size: 1em;
	}
	
	/*why clarendon*/
	#aboutUs .whyClarendonSwiper .swiperSlide .slideContent h1{
		font-size:3em;
	}

	#aboutUs .whyClarendonSwiper .swiperSlide .slideContent p{
		font-size: 1em;
	}

	/*events*/
	#events .accordionItemLink h3:after{
		top:30%;
	}
	#events .accordionTerms .accordionItem .eventItem .addTCalendar{
		font-size: 0.8em;
		margin-bottom: auto;
		text-align: right;
		border-radius: unset;
		padding: 0.4em 0.8em;
		background-color: #8bc34a52;
	}
	#events .contentSection.customContainer{
		max-width: 90%;
	}


	/*old Girls*/

	#oldGirls .mainBannerSection .bannerContent{
		max-width: 90%;
	}



/*=================================================== ABOUT US  ===================================================*/

#aboutUs .vacanciesSection h1 {
    font-size: 3em;
}
/*=================================================== FOOTER ===================================================*/
footer .footerTop{
	/* padding-left: 0em; */
	/* padding-right: 0em; */
}
footer .footerTop .logoImg{
	padding-right: .5em;
	padding-left: .5em;
}
footer .footerTop .logoImg img{
  width: 100%;
}


}