@charset "utf-8";
/* CSS Document */

@media only screen and ( max-width:1000px) {
.wrapper { width:94%; margin:0 2%;}
.menu { background:#22358c;}
.header { margin-top:40px;}
.menu-inn { width:100%;}
.services-box li { margin:0 5px 0 0;}
.header { text-align:center;}
.logo, .header-mid, .header-right { display: inline-block;float: none; width: auto;}
.booking-left { width:78%;}
.booking-right { width:22%;}
.menu { position: fixed;}
.box-1 { margin:0 20px 0 0;}
.header-right { margin:15px 0;}
.footer-2 { width:14%;}
.contact-right .address ul { width:100%;}
}


@media only screen and ( max-width:768px) {
.booking2 p { padding:0px;}
.booking2 h1,.booking-left h1 { font-size:22px;}
.booking { text-align:center;}
.booking-left,.booking-right { float:none; display:inline-block; width:100%; padding:10px 0; margin:0px; text-align:center;}
.boiler-left,.boiler-right,.row-left,.row-right { float:none; display:inline-block; width:100%;}
.services-box { text-align:center;}
.services-box li { float:none; display:inline-block; width:46%; vertical-align:top;}
.logo { float:none; display:inline-block; width:100%;}
.header-mid, .header-right { margin:10px 0;}
.content-left,.content-right,.accreditation-left,.accreditation-right,.footer-1,.footer-2,.footer-3,.footer-4,.contact-left,.contact-right { margin:0px; padding:0px; border:0px;float:none; display:inline-block; width:100%; }
.pic-img img { width:auto;}
.footer-4 li { float: left; margin:10px 0; width:auto;}
.copyright p { text-align:center;}
.home-img { float:none; display:inline-block; text-align:center; width:100%;}
.contact-right .address h2 { font-size:30px;}
.contact-right .address p { font-size:18px; line-height:25px;}
.offers ul { float:none; display:inline-block; width:auto; text-align:left;}
.offers p { text-align:center;}
.offers { text-align:left;}
.btn,.accreditation { text-align:center;}
.box-pen { text-align:center;}
.box-1 { float:none; display:inline-block; width:42%; margin:10px 0;}
.box-1:last-child { float:none;}
.header-mid li { text-align:left;}
#cssmenu > ul > li > a {font-size: 16px; font-weight: normal;}
.contact-right .address .call {font-size:25px;}
.contact-right .address .addr {font-size:20px; line-height:25px;}
.contact-right .address img {width:100%; height:auto;}
.copyright p {font-size:12px;}
}
@media only screen and ( max-width:620px) {
.box-1 { float:left; display:inline-block; width:50%; margin:10px 0;}
.box-text p { min-height:auto;}
.logo img {width:100%; height:auto;}
.header-mid {padding:0;}
.header-right {padding:0;}
}
@media only screen and ( max-width:520px) {
.pic-img img { width:100%;}
}

@media only screen and ( max-width:480px) {
.services-box li { float:none; display:inline-block; width:100%; vertical-align:top;}
.pic-img img { width:100%;}
.header-mid li { font-size:24px;}
.header-mid li a { font-size:19px;}
}

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