/*
@media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){
*/
@media
screen and (max-width:1280px){

.container {
width: 100% !important;
}

#footer {
width: 100% !important;
}

}

/*
@media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){
*/
@media
screen and (max-width:1065px){

#top {
width: 100% !important;
}

#logo {
margin-left: 30px;
}

#content {
width: 95% !important;
}

#nav {
margin-right: 30px;
}

.open {
display:  none;
}

#opening-times {
text-align: right !important;
margin-right: 30px !important;
}

#intro-text {
width: 55% !important;
margin-left: 0px !important;
}

#intro-text h2, #opening-times h2 { 
font-size: 23px !important;
margin-bottom: -6px !important;
}

#content {
margin-left: 30px !important;
}

.images {display: none;}
}


/*
@media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){
*/
@media
screen and (max-width:882px){
#logo {
float: none !important;
margin: auto !important;
}

.container {
padding-top: 10px !important;
}

#nav {
width: 560px !important;
float: none !important;
margin: auto !important;
}

#nav ul li { 
margin-left: 14px !important; margin-right: 14px !important;
}

#nav ul {
margin-left: 0px !important; padding-left: 0px !important;
}

.flexslider, #banner {
margin-top: 65px !important;
height: 230px !important;
}

.flexslider img, #banner img {
height: 230px !important;
}

#content {width: 95% !important;
}

.section-1, .remit {
width: 100% !important;
}

.quote {
margin-left: 380px !important;
}



p.intro {
width: 90% !important;
}

.yes-please {
width: 30% !important;
}

.no-thanks {
width: 30% !important;
}


.other-charities {
width: 140% !important;
}

.other-charities ul li {
font-size: 15px !important;
line-height: 18px  !important;
padding-bottom: 5px  !important;
}



.contact-details {
position:  absolute !important;
margin-top: -20px !important; margin-left: 35px !important;
}

.map {
margin-top: 230px !important;
}



}

/*
@media (min-device-width:1024px) and (max-width:509px),(max-device-width:480px) and (orientation:portrait) {
*/
@media
screen and (max-width: 675px),
all and (max-device-width:480px){

 .flexslider, .flexslider img, #banner {
height: 210px !important;
}

#nav {
width: 100% !important; text-align: center; line-height: 30px;
}
#intro-text {
float: none !important;
width: 80% !important;
margin-left: 10px !important;
}

#opening-times {
float: none !important;
margin-left: 10px !important; margin-top: 20px !important;
text-align: left  !important;
}

#opening-times h2 {
font-size: 22px !important;
}

}

/*
@media (min-device-width:1024px) and (max-width:509px),(max-device-width:480px) and (orientation:portrait) {
*/
@media
screen and (max-width: 555px),
all and (max-device-width:480px){
 .flexslider, #banner {
 margin-top: 95px !important;
}

 .flexslider, .flexslider img, #banner img, #banner {
height: 180px !important;
}

#intro-text {
margin-top: 00px !important;
margin-left:0px !important;
}

#opening-times {
margin-left: 0px !important;
}

#content {
margin-left: 20px !important;
width: 94% !important;
margin-top:20px !important;
}


h4 {
font-size: 20px !important; 
margin-top: 0px !important; padding: 0px;
}

.section-1 {
width: 95% !important;
}

.logo {
font-size: 17px;
}

.logo, .remit {
width: 95% !important;
}

.remit img {
width: 95% !important;
}

.remit, .logo {
margin-top: 30px !important;
}

.quote {
display: none !important;
}

.item {
width: 40% !important;
}

.item img {
width: 100% !important;
}

.yes-please {
float: none !important;
width: 100%  !important;
}

.no-thanks {
float: none !important;
width: 100%  !important;
}

.other-charities {
margin-left: 40px !important;
width: 75%  !important;
}

.map {
margin-top: 260px !important;
}

}