@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
}
@media only screen and (max-width:1024px)
{	

}
@media only screen and (max-width:960px)
{
	.header-contact
	{
		display: none;
	}
	.container
	{
	    padding-top: 35px;
	    padding-bottom: 35px;
	}
	.row
	{
		padding-left: 20px;
		padding-right: 20px;
	}
	.footer article
	{
		padding: 30px 20px;
        display: flex;
        flex-wrap: wrap;
	}
	.footer article aside, .footer-content
	{
		margin-right: 0%;
		width: 50%;
		float: left;
	}
	.staffs ul
	{
	    grid-template-columns: 1fr 1fr 1fr;
	}
}
@media only screen and (max-width:768px)
{
	.flashnews h3
	{
	    padding: 10px 5px;
	    width: 136px;
	}
	.header-strip
	{
	    padding: 5px 10px;
	}
	.header-strip
	{		
	    display: flex !important;
	    align-items: center !important;
	    gap:5px;
	}
	.admission a, .online-fees a
	{
	    font-size: 14px;
	    padding: 12px 10px;
	}
	.alignmiddle
	{
		display: block;
	}
	.header-strip nav, .current-news:before, .current-news:after, #my-welcome-message aside
	{
	    display: none !important;
	}
	.header-top
	{		
	    display: flex !important;
	    align-items: center !important;
	    padding: 10px 10px;
	}
	.header-top h1 a span
	{
	    font-size: 22px;
	}
	.header-top h1 a span small
	{
	    font-size: 14px;
	}
	.intro aside, .intro figure, .home-staffs article, .current-news, .school figure, .school aside, .sidebar, .content, .houses article figure, .houses article aside
	{
		width: auto;
		float: none;
	}
	.intro figure
	{
		position: static;
	}
	.section-tab
	{
    	margin-top: 35px;
	}
	.section-tab ul
	{
	    grid-template-columns: 1fr 1fr;
	}
	.current-news
	{
		position: static !important;
	}
	.awards ul li
	{
	    width: 50%;
	}
	.team ul li
	{
	    width: 96%;
	}
	.our-focus ul, .grid-color-three ul
	{
	    grid-template-columns: 1fr 1fr;
	}
	.aims ul
	{
	    grid-template-columns: 1fr;
	}
	.staffs ul
	{
	    grid-template-columns: 1fr 1fr;
	}
	.photo-gallery-four ul li
	{
	    width: 33.333333%;
	}
	.gallery-page ul li, .events ul li
	{
	    width: 50%;
	}
	.houses article
	{
	    padding: 15px 30px;
	    display: block;
	}
	#my-welcome-message
	{
	    width: 90%;
	    height: 400px;
	    overflow: auto;
	}
	#my-welcome-message .formfield
	{
	    width: 100%;
	}
}
@media only screen and (max-width:520px)
{	
	.header-top h1 img
	{
	    height: 80px;
	}
	.header-top h1 a span
	{
	    font-size: 17px;
	}
	.header-top h1 a span small
	{
	    font-size: 11px;
	}
	.section-tab ul
	{
	    grid-template-columns: 1fr;
	}
	.awards ul li
	{
	    width: 100%;
	}
	.footer
	{
		text-align: center;
	}
	.footer article aside, .footer-content
	{
		width: 100%;
		float: none;
	}
	.footer-content
	{
		padding: 0 0 20px 0;
	    border-bottom: solid 1px #fff;
	    border-right: none;
	}
	.social-icons a
	{
	    display: inline-block;
	    float: none;
	    margin: 0 1px;
	}
	.page-title
	{
	    margin-top: 184px;
	}
	.page-title h2
	{
	    font-size: 30px;
	}
	.team ul
	{
	    display: block;
	}
	.team ul li
	{
	    width: 100%;
	}	
	.our-focus ul, .grid-color-three ul
	{
	    grid-template-columns: 1fr;
	}
	.our-focus ul li, .grid-color-three ul li
	{
	    border-right: none;
	    border-top: solid 1px #0459a2;
	}
	.our-focus ul li:first-of-type, .grid-color-three ul li:first-of-type
	{
	    border-left: none;
	    border-top: solid 1px #0459a2;
	}
	.staffs ul
	{
	    grid-template-columns: 1fr;
	}
	.photo-gallery-four ul li
	{
	    width: 50%;
	}
	.video-gallery ul li
	{
	    width: 100%;
	}
	.video-gallery ul .videoWrapper
	{
	    padding-bottom: 60.25%;
	}
	.gallery-page ul li, .events ul li
	{
	    width: 100%;
	}
	.ac-calendar ul
	{
	    grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width:360px)
{
	.header-top h1 img
	{
	    height: 60px;
	}
	.header-top h1 a span
	{
	    font-size: 14px;
	}
	.header-top h1 a span small
	{
	    font-size: 10px;
	}
	.photo-gallery-four ul li
	{
	    width: 100%;
	}
	.ac-calendar ul
	{
	    grid-template-columns: 1fr;
	}
}