@charset "utf-8";
/* CSS Document */
@media only screen and ( max-width:1030px) {
#header { margin-top: 30px; padding-top:25px; }
.wrapper,.footer_inn,.copyright_inn1,.box_pen_inn,.full_row_inn,.testimonials_inn { width: 96%; margin: 0 2%; }
.logo { width:38%; }
.header_right { width:60%; }
.logo img { width: 100%; }
.top_img li { font-size: 20px; }
.boxes li span img { width: 100%; }
.box_pen { float: none; display: inline-block; width: 100%; margin:0px;}
.box_pen_inn li,.box_pen_inn li:last-child { margin:10px 2px 10px 0 !important;}

.a5_box { margin: 0 13px 0 0;}
.home_images li{ margin:0 24x 0 0;}

.booking_left { width:68%;}
.booking_right { width:22%;}
}

@media only screen and ( max-width:768px) {
.booking_left,.home_images p { text-align:center;}
#header { margin: 0px; }
.logo, .header_right, .top_img, .phone { float: none; display: inline-block; width: 100%; text-align: center; }
.logo { margin-top: 40px; }
.logo img { width: auto; }

.header_right p { text-align:center;}
.box_pen_inn li,.box_pen_inn li:last-child { display:inline-block; width:32%;}
.box_pen_inn li img { width:100%;}

.top_img li { display:inline-block; float:none;}
.content { float: none; margin:15px 0 0 0; padding: 0; text-align: left; width: 100%; }
.header, 
nav,
.row_left,
.row_right,
.slider,
.box_pen,
.content_left,
.content_right,
.content_mid,
.content_mid_left,
.content_mid_right,
.footer,
.footer_left,
.contact_left,
.contact_right,
.footer_right,
.a1_left,
.a1_right,
.a3_left,
.a3_right,
.a4_left,
.a4_right,
.bathroom_left,
.bathroom_right,
.general_plumbing_left,
.general_plumbing_right,
.a6_left,
.a6_right,
.worcester_left,
.worcester_right,
.booking_left,
.booking_right,
.home_images li,
.booking.booking4 .booking_left,
.booking.booking4 .booking_right,
.booking.booking5 .booking_left,
.booking.booking5 .booking_right,
.video_left,
.video_right { float: none; display: inline-block; width: 100%; }
.content_mid_right .pic_img img,.home_images li img { width: auto; }

.general_plumbing_right ul { float:none; display:inline-block; width:auto;}


.btn { display: inline-block; float: none; text-align: center; width: 100%;}
.bathroom_right .btn a { display:inline;}


.offers_box { float:none; display:inline-block;  width:auto; margin:0px; text-align:left;}
.full_inn_left,.full_inn_right { float:none; display: inline-block; width:100%;}
.full_inn_right li { width:auto !important; }

.worcester { text-align: center;}
.content_left li { display: inline; }
.content_right .pic_img img { width: auto; }
.footer_1, .footer_2, .footer_3, .footer_4 { display: inline-block;  width: auto; }
.footer_4 li { float: none; display: inline-block; width: auto; }
.footer_right p { text-align: left; }
.pic_img img,.a5_box img,.worcester_left img,.worcester_right img  { width:auto;}

.a5_box,.a5_box:last-child { float:none; display: inline-block; width:100%; margin-bottom:15px; text-align:center;}
.a5_box h1,.a5_box h2,.a5_box p { text-align:left;}
.contact_right .top_img p { text-align: left; margin:0px;}
ul.services li { text-align:left;}
.booking.booking3 h1 { font-size:22px;}
} 

@media only screen and ( max-width:480px) {
.content_mid_right .pic_img img,.worcester_left img,.worcester_right img,.home_images li img { width: 100%; }
.logo img { width: 100%; }
.text_inn_left,.text_inn_right { float:none; display:inline-block; width:100%; text-align:center;}
.row h3 { font-size: 20px; }
.footer_3_1 { float: none; display: inline-block; width: auto; margin: 0 20px; }
.content_left img { float: none; width: 100%; padding-bottom: 12px; }
.content_left h1 { text-align: center; }
.copyright_inn p { float: none; padding: 10px 0 0 0; }
.full_inn_right li { float: none; display: inline-block; text-align: center; width: 55%; margin: 10px 0; }
.full_inn_right li:nth-child(even) { width: 40%; }
.content_right .pic_img img, .heating_left img, .renewable li, .renewable li:last-child, .renewable li img { width: 100%; }
.social_icon p img,.pic_img img,.a5_box img { width: 100%; }
.general_plumbing_right ul { width:100%;}
.text1, .text2 { width:48%;}
.text1 h2, .text2 h2 { font-size:18px; line-height:20px;}
.text1 h3, .text2 h3 { font-size:16px; line-height:20px;}

}