@media (min-width: 1360px) {

.container {
width: 1280px;
}

}

@media (max-width: 1300px) {

#wrapper {
background-size: auto 510px !important;
background-position-y: 95px !important;
}

#wrapper.Home {
background-size: inherit !important;
background-position-y: right !important;
}

}

@media (max-width: 1250px) {

nav#navigation ul li {
padding: 0px 34px 0px;
}

#large-image {
padding: 250px 0px 10px;
}

}


@media (max-width: 1100px) {

#wrapper {
background-size: 1100px auto !important;
background-position-y: center 95px !important;
}

nav#navigation ul li {
padding: 0px 28px 0px;
}

#large-image {
padding: 200px 0px 10px;
}

}


@media (max-width:1045px) {

#wrapper {
background-size: 1045px auto !important;
}

header#masthead .container {
width: 94%;
}

nav#navigation ul li {
padding: 0px 20px 0px;
}

#large-image {
padding: 170px 0px 10px;
}

}


@media (max-width: 900px) {

#wrapper {
background-size: 900px auto !important;
}

header#masthead {
padding: 12px 0px 17px;
border-bottom: 4px solid #003761;
}

body.smaller .header-group {
top: 0px;
}

.searcharea {
margin-right: 16%;
}

#large-image {
padding: 120px 0px 10px;
}

#large-image h1 {
font-size: 29px;
padding: 8px 25px 9px;
}

.entry-content h2 {
font-size: 28px;
}

p {
font-size: 17px;
line-height: 34px;
}

.entry-content iframe, 
.entry-content object,
#embedded-feed {
width: 100% !important; 
}

h2 {
font-weight: 100;
}

}

@media (max-width: 800px) {

#wrapper {
background-size: 800px auto !important;
}

.entry-content img.size-full  {
width: 100%; height: auto;
}

.tag-line {
font-size: 40px;
line-height: 45px;
padding: 15px 25px 20px;
}

video#bgvid {
display: none;
}

.home #hero {
background: url(https://www.holly.notts.sch.uk/background/background-7.jpg) no-repeat;
background-size: auto 310px; background-position-y: 100px; background-position-x: center;
height: 410px;
position: relative;
top: auto;
}


}

@media (max-width: 750px) {

#wrapper {
background-size: 750px auto !important;
background-position: center 90px !important;
}

.home #hero {
background-size: auto 320px; background-position-y: 90px; background-position-x: center;
}


#shiftnav-toggle-main {
top: 30px!important;
}

#large-image {
padding: 80px 0px 10px;
}

.search, nav#navigation, aside#sidebar1 {
display: none;
}

.searcharea {
margin-right: 20%;
margin-top: 15px;
}

.searcharea input {
width: 140px;
}

.searcharea input:focus {
width: 160px;
}

.logo, .logo img {
height: 60px;
}

.Home #content {
width: 100%;
}

#content.mright3p {
margin-right: 0px !important;
float: left;
margin-left: 5%;
width: 90%;
}

iframe,
object {
width: 100%;
}

}

@media (max-width: 700px) {

h2 {
font-size: 26px;
}

}


@media (max-width:650px) {

#wrapper {
background-size: 700px auto !important;
}

#page .container {
width: 90%;
padding-top: 20px;
}

.logo {
width: 80px;
overflow: hidden;
}

.searcharea {
margin-right: 23%;
margin-top: 15px;
display: none;
}

.news-slider {
 padding: 0px 0px 15px;
}

}

@media (max-width: 600px) {

#wrapper {
background-size: 650px auto !important;
}

#large-image {
padding: 140px 0px 10px;
}

#large-image h1 {
display: table;
margin: 115px auto -10px auto;
}

.tag-line {
font-size: 30px;
line-height: 35px;
padding: 13px 23px 18px;
}

}

@media (max-width: 550px) {

.home #hero {
background-position: right 90px;
}

#wrapper {
background-position-x: center 92px !important;
background-size: 620px auto !important;
}

figure {
width: 40%; height: auto;
}

figure img {
width: 90%; height: auto;
}

.entry-header {
width: 90%;
margin: 0px auto;
}	

.searcharea {
margin-right: 27%;
margin-top: 15px;
}

td {
font-size: 13px;
}



}

@media (max-width:505px) {

figure {
width: 50% !important; height: auto;
}

#large-image {
background-size: auto 240px;
}

#large-image h1 {
text-align: center;
font-size: 28px !important; line-height: 30px; letter-spacing: 0px; font-weight: 100;
padding: 18px 30px 19px !important;
}

#content h2 {
font-size: 24px; line-height: 32px;
}

p {
font-size: 16px; line-height: 31px;
}

.tag-line {
width: 100%;
font-size: 28px; line-height: 33px; text-align: center;
left: 0px;
padding: 20px 0px 23px;
border-radius: 0px;
}

}

@media (max-width:425px) { 

.home #hero {
background-position: -300px 92px;
background-size: auto 312px;
height: 400px;
}

}


@media (max-width:405px) { 


}