@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1620px) {

}
@media only screen and ( max-width:1150px) {
.wrapper { width:96%; margin:0 2%;}
.box_pen { margin:0px;}
.logo { width:40%;}
.logo img { width:100%;}
.header_right { width:60%;}
.header_right li { float:none; display: inline-block;}
.header_right p { font-size:27px !important;}
.box_pen { margin:15px 0;}
.box_pen li { margin:0 8px 0 0;}
.box_pen li h2 { padding:0 22px;}
.box_pen li { border-radius:0px;}
.space { margin:26px 0;}
.title1,.title2,.title3{ float:none; display:inline-block; width:100%;}
.booking_right { width:14%;}
.footer_3 { width:38%;}
.text p img {  width: 100%;}
.boiler_1_left img { width:100%;}
.address li b { font-size:40px;}
.contactstrip_left { width:40%;} 

}

@media only screen and ( max-width:768px) {
.header { margin-top:40px;}
.home_img { float:none; margin-bottom:15px;}
.box_pen li { float: none; display:inline-block; width:47%;}
.logo,.header_right,.contactstrip_left {float: none; display:inline-block; width:100%;}
.pic_img img { width:auto;}
.header_right li { float:none;}
.box_pen li,.box_pen li:last-child { vertical-align:top; float:none; display:inline-block; width:46%; margin:10px 0;}
.space { margin:14px 0;}
.box_pen li h2 { font-size:16px;}
.contactstrip { background:#00376f;}
.content_left,.content_right,
.core_services_left,.core_services_right,
.accreditations_left,.accreditations_right,
.booking_left,.booking_right,
.boiler_1_left,.boiler_1_right,
.boiler_2_left,.boiler_2_right,
.boiler_full_left,.boiler_full_right,
.boiler_services_left,.boiler_services_right,
.boiler_services2_left,.boiler_services2_right,
.worcester_left,.worcester_right,
.worcester_full_left,.worcester_full_right,
.finance_left,.finance_right,
.contact_left,.contact_right {float: none; display:inline-block; width:100%;}
.contact_details,.booking_left,.copyright p { text-align:center;}
.title1 h2, .title2 h2, .title3 h2 { font-size:28px;}
.booking_right .btn a { float:none; display:inline-block; margin:10px 0;}
.offers ul { float:none; display: inline-block; width:auto; margin:10px 0;}

.footer_1,.footer_2,.footer_3 { float:none; display:inline-block; width:auto; border:0px;}
.footer_1 li .social_icon { width:6%;}

.text p img,.logo img,.boiler_1_left img  { width: auto;}

}


@media only screen and ( max-width:620px) {
h1 { font-size:22px !important;}
p { font-size:16px !important;} 

.pic_img img { width:100%;}

}

@media only screen and ( max-width:550px) {
.header_right p { font-size:20px !important;}
.logo img { width:100%;}
.footer_3_left,.footer_3_right,.title1,.title2,.title3 { float: none; display:inline-block; width:100%; margin:5px 0;}
.text p { padding:5px 0;}
}

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

}