@media only screen and ( max-width:1120px) {
.wrapper { width:94%; margin:0 2%;}
#box-pen { text-align:center;}
h1 { font-size:28px; line-height:30px;}
#header { text-align:center; margin:0px; padding:0 0 20px;}
.phone-no { text-align:center; margin:0px;}
.header-mid { margin:0px;}
.logo,.header-mid,.phone-no,.header-right { float:none; display:inline-block; width:auto; margin:10px 0; padding:0px; vertical-align:middle;}
.box-1 { width:auto;}
.box-pen li,.home-box li { float:none; display: inline-block; margin:0 0 20px;}

#worcester-full { background-size:cover;}

.accreditations-right li:last-child { float:none;}

.booking-left { width:76%;}
.booking-right { width:22%;} 

.images-row-mid { margin:0 8px;}
}

@media only screen and ( max-width:767px) {
#header { margin-top:55px;}

#booking,.booking-left h1,.accreditations { text-align:center;}
.booking-right .btn { margin-top:22px;}
.booking-right .btn a { padding:8px 20px;}

.accreditations-right li { padding:0 10px;}

.box-1 { float:none; display: inline-block; width:45%; margin-bottom:20px;}
.content-left,.content-right,.booking-left,.booking-right,.accreditations-left,.accreditations-right,.footer-1,.footer-2,.footer-3,
.row-left,.row-right,.row2-left,.row2-right,.worcester-left,.worcester-right,.contact-left,.contact-right { margin:0px; padding:0px; float:none; display:inline-block; width:100%;}
.testimonials { text-align:center;}
.testimonials-right .btn { float: none; display: inline-block; margin-top:15px;}
.testimonials-right .btn a { padding:10px 15px; font-size:18px;}
.testimonials-left,.testimonials-right {margin:0px; padding:0px; float:none; display:inline-block; width:100%;}
.footer-1,.footer-2,.footer-3 { margin:15px 0; border:0px;}
.footer-4 {border:0px; display:inline-block; float:none;  width:auto; text-align:center; min-height:auto;}
.footer-4 li { padding:5px 0; display:inline-block; float:none;}
#copyright p { font-size:13px;}
.pic-img img { width:auto;}

.offers ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */  -moz-column-count: 2; /* Firefox */  column-count: 2; }
.pad1 { text-align:center;}
}

@media only screen and ( max-width:620px) {
.pic-img img { width:100%;}
}

@media only screen and ( max-width:520px) {
.offers ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */  -moz-column-count: 1; /* Firefox */  column-count: 1; }
}

@media only screen and ( max-width:420px) {
.box-1 { width:100%;}
}

@media only screen and ( max-width:320px) {

}