#boiler-installation-banner { float:left; width:100%; margin:0px; padding:0; 
background:url('../images/boiler-installation/boiler-installation-banner.png'); background-repeat:no-repeat; background-position:right 0 bottom 75%; background-size:cover;}
#boiler-installation-banner .wrapper { display:table;height:500px;}
.boiler-installation-text { display:table-cell; vertical-align:middle; text-align:right; height:500px;}
.boiler-installation-text h1 { color:#0b5aa0; font-size:60px; line-height:60px; font-weight:900;}
.boiler-installation-text h1 span {color:#4d2e92;}

#boiler-ins-row { float:left; width:100%; margin:80px 0 50px;}
.boiler-ins { float:left; width:100%;}
.boiler-ins-left { float:left; width:52%;}
.boiler-ins-left h2  { color:#0b5aa0; font-size:35px; line-height:40px; font-weight:700; margin:0 0 0 80px;}
.boiler-ins-left h2 span {color:#4d2e92;}
.boiler-ins-left ul { margin:0px; padding:0px;}
.boiler-ins-left li { list-style:none; font-size:16px; line-height:22px; color:#000; display: inline-block; margin:0 0 25px; vertical-align: middle;}
.boiler-ins-left li span { float:left; width:80px; height:80px; margin:5px 0 0 0;}
.boiler-ins-right { float:right; width:38%;}

.boiler-ins1 { float:left; width:100%; margin:80px 0;}
.boiler-ins1-left { float:left; width:45%; margin:0 0 0 80px;}
.boiler-ins1-right { float:right; width:40%; margin:7% 0 0;}
.boiler-ins1-right h2  { color:#0b5aa0; font-size:50px; line-height:50px; font-weight:700;}
.boiler-ins1-right h2 span {color:#4d2e92;}
.boiler-ins1-right p { font-size:16px; line-height:22px; color:#000; }


#boiler-ins-mid { float:left; width:100%; margin:0;}
.boiler-ins-mid-left { float: left; width:50%;background:url('../images/boiler-installation/midpage-banner-image.png'); background-repeat:no-repeat; background-position:right 0 bottom 0%; background-size:cover; height:500px; border-radius:30px 0 0 30px;}
.boiler-ins-mid-right { float: right; width:50%;background:#0b5aa0 url('../images/boiler-installation/midpage-banner-logo.png'); background-repeat:no-repeat; background-position:right 0 bottom 0%; background-size: contain; height:500px; padding:5%;}
.boiler-ins-mid-right h2  { color:#fff; font-size:38px; line-height:48px; font-weight:700;}
.boiler-ins-mid-right p { font-size:16px; line-height:22px; color:#fff; }
.boiler-ins-mid-right .btn { float:left; width:100%; margin:15px 0 0;}
.boiler-ins-mid-right .btn a { display:inline-block; background:#fff; color:#0b5aa0; padding:8px 20px; font-size:17px; border-radius:8px;}
.boiler-ins-mid-right .btn a:hover { background:#4d2e92; color:#fff;}

#boiler-ins2 { float:left; width:100%; margin:80px 0;}
.boiler-ins2 { float:left; width:100%;}
.boiler-ins2-left { float:left; width:40%; margin:4% 0 0 0;}
.boiler-ins2-left h2  { color:#0b5aa0; font-size:30px; line-height:40px; font-weight:700;}
.boiler-ins2-left h2 span {color:#4d2e92;}
.boiler-ins2-left p { font-size:16px; line-height:22px; color:#000; }
.boiler-ins2-left .queit-logo {float:left; width:100%; margin:20px 0 0;}
.boiler-ins2-right { float:right; width:45%; margin:0 80px 0 0;}


.boiler-ins3 { float:left; width:100%; margin:0;}
.boiler-ins3-left { float:left; width:45%; margin:0 0 0 80px;}
.boiler-ins3-right { float:right; width:40%; margin:4% 0 0;}
.boiler-ins3-right h2  { color:#0b5aa0; font-size:30px; line-height:40px; font-weight:700;}
.boiler-ins3-right h2 span {color:#4d2e92;}
.boiler-ins3-right p { font-size:16px; line-height:22px; color:#000; }

#boiler-worcester {float:left; width:100%; background:#0b5aa0;border-radius: 22px; margin:0px;}
.boiler-worcester-left { float:left; width:35%; margin:15px 0 0 20%;}
.boiler-worcester-left h2  { color:#fff; font-size:25px; line-height:35px; font-weight:700;margin:0px; padding:0 0 10px;}
.boiler-worcester-left p { font-size:15px; line-height:22px;  color:#fff; margin:0px; padding:0px;}
.boiler-worcester-left h4 { font-size:13px; line-height:22px; color:#fff; margin:0px; padding:0px; font-weight:500;}
.boiler-worcester-left h4 a { color:#fff;}

.boiler-worcester-mid { float:left; width:16%; margin:20px 0 0;}
.boiler-worcester-mid img { margin:0 0 -3px 0;}
.boiler-worcester-right { float:right; width:16%; margin:40px 10% 0 0;}


#we-offer { float: left; width:100%;
background:#0b5aa0 url('../images/boiler-installation/lower-page-banner.png'); background-repeat:no-repeat; background-position:right 0 bottom 0%; background-size:cover; height:450px; border-radius:22px;}

.we-offer { float:right; width:40%; margin:8% 0 0;}
.we-offer h2  { color:#fff; font-size:38px; line-height:48px; font-weight:700;}
.we-offer p { font-size:16px; line-height:22px; color:#fff; }
.we-offer .btn { float:left; width:100%; margin:15px 0 0;}
.we-offer .btn a { display:inline-block; background:#fff; color:#0b5aa0; padding:8px 20px; font-size:17px; border-radius:8px;}
.we-offer .btn a:hover { background:#4d2e92; color:#fff;}

#we-gassafe { float:left; width:100%; margin:80px 0;}
.we-gassafe { float:left; width:100%; margin:0;}
.we-gassafe-left { float:left; width:45%; margin:0 0 0 80px;}
.we-gassafe-left h2  { color:#0b5aa0; font-size:60px; line-height:70px; font-weight:700;}
.we-gassafe-left h3  { color:#000; font-size:20px; line-height:28px; font-weight:600;}
.we-gassafe-left p { font-size:16px; line-height:22px; color:#000; }
.we-gassafe-right { float:right; width:40%; margin:4% 0 0;}
.we-gassafe-right .we-gassafe img { border-radius:15px;}


@media only screen and ( max-width:1400px) {
#we-offer {background-position: left 0 bottom 0;}
}

@media only screen and ( max-width:1100px) {
#boiler-installation-banner .wrapper,.boiler-installation-text { height:400px;}
#boiler-ins-row,.boiler-ins1,#boiler-ins2,.boiler-ins3,#we-gassafe { margin:60px 0;}
br { display: none;}
.boiler-ins-left h2,.boiler-ins1-right h2,.boiler-ins2-left h2,.boiler-ins3-right h2,.we-gassafe-left h2 {font-size:30px !important; line-height:40px !important;}
.boiler-ins-left li { font-size:15px; line-height:20px;}

.we-gassafe-right .we-gassafe img { width: 90%;}

.boiler-ins-mid-right { padding:5% 2%;}

.boiler-ins-mid-left,.boiler-ins-mid-right { height:400px;}

.boiler-worcester-left { margin:2% 2% 0 5%; width:35%;}
.boiler-worcester-mid { width:25%; margin:44px 0 0 0;}
.boiler-worcester-mid img { margin-bottom:-5px;}
.boiler-worcester-mid img,.boiler-worcester-right img { width:100%;}
.boiler-worcester-right { width:22%; margin:5% 2%;}
.boiler-worcester-left h2 {  font-size:17px;  line-height: 25px; margin:0px; padding:0px;}

.we-offer { width:50%; margin-right:30px;}
}

@media (max-width:767px) {
#boiler-installation-banner .wrapper,.boiler-installation-text { height:300px; text-align:center;}
.boiler-installation-text h1 {font-size: 40px; line-height: 50px;}
.boiler-installation-text h1 br { display:none;}
.boiler-ins-left li i {
    color: #0b5aa0;
    font-style: normal;
}
#boiler-ins-row,.boiler-ins1,#boiler-ins2,.boiler-ins3,#we-gassafe,#boiler-worcester { margin:30px 0; text-align:center;}

.boiler-ins-left,.boiler-ins-right,.boiler-ins1-left,.boiler-ins1-right,.boiler-ins2-left,.boiler-ins2-right,.boiler-ins3-left,.boiler-ins3-right,.we-gassafe-left,.we-gassafe-right,.boiler-worcester-left,.boiler-worcester-mid,.boiler-worcester-right { float:none; display: inline-block; width:100%; margin:0px; padding:0px;}

.boiler-ins-left h2,.boiler-ins1-right h2,.boiler-ins2-left h2,.boiler-ins3-right h2,.we-gassafe-left h2,.boiler-ins-mid-right h2,.we-offer h2 { margin:0 0 10px; padding:0px; font-size:25px !important; line-height:30px !important;}
.boiler-ins-left li span { text-align: left;}
.boiler-ins-left li { text-align: left;}

.boiler-ins-mid-left,.boiler-ins-mid-right { width:100%; float: none; display:inline-block;}
.boiler-ins-mid-right { margin: -32px 0 0 0;}
.boiler-ins-mid-right { text-align:center; padding:10% 2% 0 2%; height:350px;}

#boiler-worcester { padding:20px 15px; margin:0px;}
.boiler-worcester-mid { padding:20px 0;}
.boiler-worcester-mid img, .boiler-worcester-right img {  width: auto;}


#we-offer { padding:0 20px; text-align:center; height:350px;}
.we-offer { width:100%; margin:10% 0 0px;}

.we-gassafe-left h3 {font-size:18px; line-height:25px;}

.we-gassafe-left { margin:0 0 20px 0;}
}

@media (max-width:520px) {
#boiler-installation-banner .wrapper,.boiler-installation-text { height:250px; text-align:center;}
.boiler-installation-text h1 {font-size: 30px; line-height:40px;}

.boiler-ins-left li { font-size:13px; line-height:18px;}
.boiler-ins-left h2,.boiler-ins1-right h2,.boiler-ins2-left h2,.boiler-ins3-right h2,.we-gassafe-left h2,.boiler-ins-mid-right h2,.we-offer h2 {font-size:20px !important; line-height:25px !important;}

.boiler-ins-mid-right { height:300px;}

#we-offer { height:250px;}

.we-gassafe-left h3 {font-size:16px; line-height:22px;}

}