
@media(max-width:1420px){
	
	.logo { left: 9px; width: 270px;}
	.dropdown.menu > li > a { font-size: 25px;}
	.toplinks { padding-right: 15px;}
	.nav-outer {padding:0px;}
	.nav-outer-main { padding-right: 15px;}
	header {min-height:130px; }
	.top-bar-right ul {margin-top:27px;}
	.slider-sec { margin-top: 130px;}

	
}


@media(max-width:1279px){	
	
 .dropdown.menu > li > a { font-size: 24px;}
	.logo {width:auto; top:0px;}
	.logo img {/*width: 210px;*/}	
	.header {min-height:600px;}
	.header-content-box {left:100px;}
	.time-row { padding: 0px 15px;}
	.toplinks .grid-container {padding: 0px 15px;}
	.top-bar-right ul {padding-right: 10px;}
	
}

@media(max-width:1199px){
.dropdown.menu > li {margin-left: 10px; margin-right:0px;}
.vertical.menu.submenu a {font-size: 16px;}
.dropdown.menu > li > a { font-size: 20px;}	
.logo img {/*width: 200px;*/}
.toplinks { padding-right: 8px;}
	.header-content-box h1 {font-size:62px; line-height:64px;}
	.header-content-box {width:400px;}
	.freequoteform { width: 100%; margin-top: 0px;}
.header {min-height:520px;}
}

@media(max-width:1024px) {
	.quoteform .large-4.cell:nth-child(2) { padding: 0px 15px;}
	
}

@media(max-width:1023px){
.title-bar {float: right; margin-right:7px; margin-top:0px; padding:14px 7px; background:#fff;}
.is-drilldown {max-width: 100% !important;}
.top-bar-right ul {margin-top: 25px;width: 100%;}
.vertical.menu.submenu {margin-top: 0;}
.nav-outer {padding:20px 0px 0px;}
.logo { padding-left: 5px; top: -15px;}
.title-bar .title-bar-title {display: none;}
.drilldown a{font-family:'Poppins', sans-serif; font-size:16px; text-transform:uppercase; color:#fff; background:transparent; font-weight: 600;position: relative; padding-left: 18px;}
.drilldown a:hover { color: #fff; background:#970f0a;}
	
.is-drilldown li {width: 100%; padding-left:0px;}
.vertical.medium-horizontal.menu.drilldown { background: #000; padding:0px 0px 0px; border-top: 1px #fff solid;}	
	
.vertical.menu.submenu a {font-size: 17px;}
.drilldown .js-drilldown-back > a::before{ display: none;}	
li.js-drilldown-back {padding-left: 5px;}
.vertical.medium-horizontal.menu.drilldown {position: relative; margin-top:40px; left: 0; text-align: left;}
.nav-outer-main { padding-right: 0px;}	
.logo img {/*width: 250px;*/}
.grade-wrap ul.no-border-mobile {border:0px;}
	.eisted-text {padding:30px;}	
	.eisteddfod p { font-size: 18px; line-height: 25px; }
	.eisteddfod h2 { font-size: 44px; line-height: 50px; padding-bottom: 10px;}
	
	.concert-text {padding:30px 30px 30px 45px;}	
	.concert-text p { font-size: 18px; line-height: 25px; }
	.concert-text h2 { font-size: 44px; line-height: 50px; padding-bottom: 10px;}
	
}

@media(max-width:991px){

.header { background-position: 50% 100% !important;}	
.header-content-box {left:60px;}
.week h3 { font-size: 18px;}	
.days { padding: 13px 6px; font-size: 16px;}
.eisteddfod img {width:100%; height:100%; object-fit:cover; min-height: 500px;}
.concert img {width:100%; height:100%; object-fit:cover; min-height: 500px;}
.term-date .large-3 { width: 100%; margin-bottom: 20px;}	
.term-heading {min-height:auto; padding:10px 0px;}	
.term-date .large-9 { width: 100%;}	
	.termdates ul li {width:49.3%;}
	.payment-term {width:94%;}	
	
}

@media(max-width:767px){

.freequoteform .large-4 { width: 100%;}
.msg-box { width: 100% !important; padding:0px 15px !important;}
.capt-box { width: 100% !important; text-align: center;}
.freequoteform input[type="submit"] { display: block; width: 200px; margin: 15px auto 10px;}
.header { min-height: 450px;}
.header-content-box h1 span { display: block; font-size: 32px; line-height: 40px;}
.header-content-box {width:330px;}
.header-content-box h1 { font-size: 54px; line-height: 60px;}	
.class-wrap .grid-x {display:flex; flex-direction: column-reverse;}	
	.class-wrap .medium-6 {width:100%;}
.class-wrap p { padding: 20px 0px 0px;}	
.classes-pic { margin-bottom: 10px;}
	.classes-pic img { width: 100%;}
	.time-row {display:block;}
	.week { width: 100%; height: auto; float: left; display: block;}
	.days-wrap { width: 100%; }
	.week h3 {padding: 10px 0px;}
	.days { width: 50%;}
	.term-date .large-3 { margin-bottom: 10px;}
	.eisteddfod .cell { width: 100%;}
	.eisteddfod img {min-height:auto;}
	.eisted-text { padding: 30px 40px; position: relative; max-width: none;}
	
	.concert .cell { width: 100%;}
	.concert img {min-height:auto;}
	.concert-text { padding: 30px 40px; position: relative; max-width: none; transform: none;}
	.concert .grid-x { display: flex; flex-direction: column-reverse;}
	
	.get-quote-section .medium-5 { width: 100%;}
	.address { padding: 20px 20px 20px; text-align:center;}
	.address p { padding-bottom: 10px; text-align:center;}
	.address ul li:nth-child(1)::before { position: relative; margin-right: 12px;}
	.address ul li:nth-child(2)::before { position: relative; margin-right: 12px;}
	.address h2 { text-align: center;}
	.get-quote-section .medium-7 { width: 100%; margin-top: 30px;}
	.get-quote-section h2 { text-align: center; padding-bottom: 10px;}
	.quoteform .large-4.cell:nth-child(2) { padding: 0px 15px;}
	
.logo img {width:118px;}
	
}

@media(max-width:639px){

	.toplinks ul li { padding: 10px 0px 10px 15px; font-size: 14px;}
	.header { min-height: 370px; background-position: 70% 100% !important;}
	.header::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0;}
	.freequoteform .large-4 { width: 100%; padding: 0px 15px;}
	.freequoteform input[type="submit"] { width: 170px; }
	.days-wrap hr {display:none;}
	.price { padding: 0px 20px;}
	.price ul li {font-size:16px;}
	.term-para p { font-size: 19px; line-height: 28px;}
	.payment-term p { font-size: 16px; line-height: 24px; padding: 10px 15px;}
	.eisteddfod p { font-size: 16px; line-height: 25px;}
	.concert-text p { font-size: 16px; line-height: 25px;}
	.quoteform .large-4.cell { padding: 0px 15px;}
	.quoteform .large-12.cell { padding: 0px 15px; text-align:center;}
	.quoteform input[type="submit"] { display: block; float: none; margin: 16px auto 0;}
	.copy p { text-align: center; padding: 0px 0px 20px; margin: 0px;}
	.footer-logo { text-align: center;}
	.map-section iframe { display: block; height: 390px;}
	
	
}

@media(max-width:479px){

	.toplinks { padding-right: 0px;}
	.toplinks ul {text-align:center;}
	.toplinks ul li { padding: 10px 2px 10px 2px; font-size: 13px;}
	.logo img { width: 94px;}
	.logo { padding-left: 5px; top: -2px;}
	.drilldown a {padding-left:15px;}
	.header-content-box { width: 210px; left: 30px;}
	.header-content-box h1 { font-size: 35px; line-height: 38px;}
	.header-content-box h1 span { font-size: 27px; line-height: 34px;}
	.slider .slick-prev {display:none !important;}
	.slider .slick-next {display:none !important;}
	.header { background-position: 60% 100% !important; min-height:280px;}
	.freequoteform h2 { margin-bottom: 10px; font-size: 34px; line-height: 40px; letter-spacing: 1px;}
	.freequoteform textarea {height:130px;}
	.classes-offer h2, .timetable h2, .uniforms h2, .term-date h2, .gallery h2 { font-size: 34px; line-height: 40px; padding-bottom: 10px; margin-bottom: 30px; letter-spacing: 1px;}
	.grade-wrap h3 { font-size: 28px; line-height: 30px; padding: 15px 0px 10px;}
	.grade-wrap ul li {font-size:16px;}
	.termdates ul li { width: 100%;}
	.price ul li { text-align: center;}
	.eisteddfod h2, .concert-text h2 {font-size: 34px; line-height: 40px; letter-spacing: 1px;}
	.get-quote-section h2 { font-size: 26px; line-height: 34px;}
	.quoteform input[type="submit"] { font-size: 22px; font-weight: 500; padding: 0px 30px; height: 50px;}
	.toplinks .grid-container {padding:0px;}
	
}






























