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

#admission .titleSection {
    height: 50vh;
}

#home .mainBannerSection.homeSwiper {
    height: 60vh;
}




/*=================================================== contact us===================================================*/
	#contactUs .contactCopy {
		order: -1;
		margin-bottom: 5em;
	}
/*=================================================== GLOBAL ===================================================*/
	.customContainer{
		max-width: 100%;
	}
	.slidesBackground .slideImg {
    background-position: center;
	}


	.leftBg{
		background-position: center left !important;

	}
	
	.rightBg{
		background-position: center right !important;
	}



/*=================================================== HEADER ===================================================*/
	.scrolled header .mainMenu,
	header .mainMenu{
		padding: .5em 1em;
	}


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


/**************** Main Banner ****************/
.mainBannerSection .bannerContent{
	
}

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

/**************** Why Clarendon ****************/
#home .whyUsSection .whyItemsRow{
	margin: 0;

}

/**************** Events ****************/
#home .eventSection{
	margin: 0;
}
#home .eventSection .admissionCol{
	padding-top: 3em;
	padding-bottom: 3em;
}

#home .eventSection .eventsDescription{
	max-width: 90%;
}
#home .eventSection .eventsDescription h1{
	font-size: 2.5em;
}
#home .eventSection .eventsDescription h1 br{
	display: none;
}
#home .eventSection .upcomingEvents{
	/* padding-left: 2.5em; */
	/* padding-right: 2.5em; */
	padding: 2.5em 2em;
}
#home .eventSection .upcomingEvents .eventItem .eventDescription{
	padding-left: 1em;
	padding-bottom: 1em;
}
#home .eventSection .upcomingEvents .eventItem .eventDescription h6{
	font-size: 1.2em;
}

#home .eventSection .upcomingEvents .eventItem .eventDescription:before{
	width: 1.3em;
	height: 1.3em;
	left: -.7em;
}

/*=================================================== FACILITIES ===================================================*/
#facilities .nav .navItem{
	font-size: 1em;
}

#facilities .tab-content {
    margin-top: 2em;
    margin-bottom: 4em;
}

/*=================================================== ADMISSION ===================================================*/
#admission .customWrapper{
	justify-content: flex-start;
}



/*=================================================== OLD GIRLS ===================================================*/
#oldGirls .mainBannerSection .bannerContent{

}
/*=================================================== EVENTS ===================================================*/
#events .accordionTerms .eventDiscription{
    flex: 0 0 70%;
    max-width: 70%;
}
#events .accordionTerms .accordionItem .eventItem .addTCalendar{
	font-size: 1em;
}

#events .upcomingEvents .eventsWrapper .eventItem{
	display: flex;
}
#events .upcomingEvents .dateBox{
	margin-bottom: 1em;
}
#events .upcomingEvents a{
	display: inline-block;
}



/*=================================================== CONTACT US ===================================================*/
#contactUs .contentSection .contactWrapper{
	margin-top: 3.5em;
}

/*=================================================== FOOTER ===================================================*/
footer .footerTop .logoImg{
	text-align: left;
}
footer .footerTop .logoImg img{
  width: 50%;
}


footer .footerTop .schoolsSec{
	margin-top: 1.5em;
}

footer .footerTop .schoolsSec .schoolItem {word-break: break-word;}
}
@media all and (min-width: 768px) and (max-width: 980px) {
	#admission .addSizeFix {
	  font-size: 0.8em !important;
	}
   }