@media only screen and (min-width: 1200px) and (max-width: 1365px) {}

@media only screen and (min-width: 992px) and (max-width: 1199px) {}

@media only screen and (min-width: 768px) and (max-width: 991px) {}

@media only screen and (min-width: 500px) and (max-width: 767px) {}

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.top-div {
    height: auto !important;
    border-bottom: 10px solid #93a3c8 !important;
}
	.top-div img {
    display: none !important;
}
	.logo{
		display: block;
    margin: 0 auto;
	}
	.social-icons-top {
    float: none !important;
    text-align: center !important;
}
	.social-icons-top ul{
		padding-left: 0 !important;
	}
	.contact-details {
    float: none !important;
    padding-left: 0 !important;
    text-align: center !important;
}
	.divide-one {
    width: 100% !important;
    height: auto !important;
    float: none !important;
}
	.main-content {
    padding-left: 20px !important;
    position: relative !important;
    padding-right: 20px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
	.divide-two {
    width: 100% !important;
    height: auto !important;
    float: none !important;
}
	.main-content h1 {
    margin-bottom: 0 !important;
}
	.main-content h1 br{
		display: none !important;
	}
	.separate-div-one {
    height: auto !important;
}
	.second-section {
    padding-top: 0px !important;
		padding-bottom: 15px !important;
}
	.f-right{
		float: none !important;
		text-align: center !important;
	}
	.backgroundcolor-skyblue a {
    padding: 10px 20px !important;
    font-size: 13px !important;
    display: inline-block !important;
    margin-top: 10px !important;
}
	.backgroundcolor-skyblue p{
		text-align: center !important;
	}
	.video-template{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		width: 100% !important;
	}
	.section-third h2 {
    padding-top: 40px !important;
    text-align: center !important;
}
	.section-third h2 br{
		display: none !important;
	}
	.link-div {
    position: relative !important;
    text-align: center !important;
}
	.padd-top {
    padding-top: 15px !important;
}
	.sep-div-1 {
    width: 100% !important;
    float: none !important;
}
	.sep-div-1 img{
		width: 100% !important;
	}
	.sep-div-2 {
    width: 100% !important;
    float: none !important;
}
	.inside-sep-div {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
		margin-top: 15px !important;
}
	.inside-sep-div a {
    float: none !important;
}
	.div-shade {
    margin-top: 18px !important;
}
	.footer-logo{
		display: block !important;
		margin: 0 auto !important;
	}
	.quick-links {
    padding-top: 20px !important;
}
	.social-icons-footer{
		text-align: center !important;
	}
	.address {
    padding-top: 20px !important;
}
	.newsletter {
    padding-top: 20px !important;
}
	.newsletter button {
    width: 100% !important;
	}
	.map-img{
		display: block !important;
		margin: 0 auto !important;
	}
	.vn-h3:after {
    top: 15px !important;
    width: 145px !important;
}
	#cssmenu>ul>li:before{
		display: none !important;
	}
	.navbar-collapse{
		text-align: left;
    position: absolute;
    z-index: 1;
    right: 0px;
	}
	.navbar-nav{
		background-color: #fff;
    width: 240px;
    padding-left: 15px;
    padding-right: 15px;
	}
	.keystage-insidediv-one {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 50px !important;
}
	.keystage-insidediv-one img{
		display: none !important;
	}
	.keystage-insidediv-two {
    width: 100% !important;
    height: auto !important;
    float: none !important;
}
	.keystage-two-img1 {
    display: none !important;
}
	.key-cont {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
	.keystage-two-img2 {
    position: relative !important;
}
	.keystage-two h3 {
    margin-top: 0 !important;
}
	.keystage-4 h3 {
    margin-bottom: 1rem !important;
}
	.ta-r {
    text-align: center !important;
}
	.icon-1, .icon-2, .icon-3, .icon-4, .icon-5, .icon-6{
		display: none !important;
	}
	.keystage-4 img{
		margin-bottom: 20px;
	}
	.ta-l {
    text-align: center !important;
}
	.curriculam-image3 {
    display: none !important;
}
	.curriculam-image4 {
    display: none !important;
}
	.curriculam-image5 {
    display: none !important;
}
	.lab-1 h2 {
    margin-top: 0 !important;
}
	.admission-one {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}
	.admission-box {
    margin-bottom: 15px !important;
}
	.contactus-one {
    padding: 15px 0 !important;
}
}

@media only screen and (min-width: 100px) and (max-width: 499px) {
	.main-content h1 {
    font-size: 36px !important;
}
	.separate-div-two h2{
		font-size: 24px !important;
	}
	.section-third h2 {
    font-size: 22px !important;
}
	.section-third h2 hr{
    display: none !important;
}
	.section-third a {
    margin-right: 0 !important;
    display: block !important;
    margin-bottom: 15px !important;
}
	.lightblue-div h3{
		font-size: 20px !important;
	}
	.lightblue-div {
    padding: 28px 15px !important;
}
	.footer-logo {
    width: 100% !important;
}
	.keystage-insidediv-one {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
		padding-top: 30px !important;
}
	.keystage-insidediv-one h2 {
    font-size: 20px !important;
}
	.keystage-insidediv-sep2 {
    padding: 20px 20px !important;
}
	.keystage-insidediv-sep2 h2 {
    font-size: 20px !important;
}
	.keystage-4 h3 {
    font-size: 20px !important;
}
	.keystage-3 h3 {
    font-size: 20px !important;
}
	.curriculum-1 h2 {
    font-size: 20px !important;
}
	.bluecolor h3 {
    font-size: 20px !important;
}
	.greencolor h3 {
    font-size: 20px !important;
}
	.bluecolor1 h3 {
    font-size: 20px !important;
}
	.contact-form h1{
		font-size: 20px !important;
	}
	.contact-form h2{
		font-size: 20px !important;
	}
	.lab-1 ul {
    font-size: 14px !important;
    line-height: 27px !important;
}
}