@charset "utf-8";

/* CSS Document */
@media (max-width:3000px) {
.top-footer ul li:nth-child(3) {display:none;}
}
@media (max-width:1700px) {
.galler-banner::after { width: 770px; background-size: 100%; }

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (max-width:1540px) {
.gas-boiler::before { right: 10%; }
.bathroom-banner-image:after { right: 0px; }
.blue-bg.plumbing-banner { padding-bottom: 300px }
.galler-banner::after { width: 670px; background-size: 100%; }

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (max-width:1340px) {
.gas-boiler::before { right: 0%; }
.worcester-banner-image:after { right: 10%; }
.bathroom-banner-image:after { width: 600px; background-size: 100%; }
.galler-banner::after { width: 570px; background-size: 100%; }
.blog-banner-image::after { right: 0%; }

.finance-banner-image:after {background-position: right 0 top 0%; background-size: cover;}

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (max-width:1169px) {
.top-bar ul li { font-size: 15px; }
.header .navbar-brand { width: 280px; }
.wsmenu-list > li a.nav-link { font-size: 16px; }
.wsmenu-list > li { padding: 0px 8px; }
.wsmenu-list > li ul.submenu { left: -30px; }
.wsmenu-list > li.heatingmenu ul.submenu { left: -10px; }
.home-banner-bg { max-width: 950px; }
.right-top-info { width: 68%; }
.easy-steps-sec::before { top: 290px; }
.home-review-cont { min-height: 370px; }
.map iframe { width: 100%; }
.accreditations-wrap { padding-bottom: 150px; }
.inner-banner:before { right: 50px; }
.contact-but { margin-left: 0px; margin-top: 5px; }
.galler-banner::after { width: 500px; background-size: 100%; }
.gas-boiler:before { right: 0%; }
.servicing-repairs-banner:after { width: 600px; background-size: 100%; right: 0px; }
.heating-images:after { right: 0px; }
.smart-controls-wrap:before { right: 0px; width: 55%; background-size: 100%; }
.smart-controls-wrap { padding-bottom: 250px }
.worcester-banner-image:after { right: 0; }
.blue-bg { font-size: 18px; }
.inner-banner p { line-height: 25px; }
.bathroom-banner-image:after { width: 500px; }
.blue-bg.bathroom-banner { padding-bottom: 240px; }
.blue-bg.plumbing-banner::before { right: 0; }
.plumbing-banner-image:after { right: 10%; }
.appointment-banner-image:after { right: 5%; width: 500px; background-size: 100%; }
.contact-banner:before { right: 0px; }
.gallery-cont p br { display: none; }
.smart-controls-wrap::before { display: none; }

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (min-width:768px) and (max-width:991px) {
.header { padding-top: 37px; }
.carousel-item.slide1 { background-position: -550px 0px; }
.carousel-item.slide2 { background-position: -550px 0px; }
.carousel-item.slide3 { background-position: -550px 0px; }
.carousel-item.slide4 { background-position: -650px 0px; }
.deta-text { font-size: 89px; line-height: 74px; }
.month-text { font-size: 21px; }

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (max-width:991px) {
.top-bar ul{text-align:left;}	 
.top-bar ul li { font-size: 11px; margin: 8px 7px; line-height: 21px; }
.top-bar ul li.facebook::before, .top-bar ul li.followus::before, .top-bar ul li.payment::before { top: 0; }
.top-bar { margin-bottom: 20px; }
/*.header-quote-button { display: none; }*/
.header .navbar-brand { margin: 5px 0px 10px 0px; }
.header .navbar-toggler { background-color: #be1e2d; border-color: #be1e2d; color: #fff; align-self: flex-end; padding: 4px 9px; float: right; font-size: 24px; margin-top: 30px; border-radius: 0px; }
.header .navbar-toggler { position: absolute; right: 0; top: 0px; margin: 0px; }
.right-top-info { padding-top: 0px; padding-right: 0px; padding-bottom: 10px; width: 100%; }
.right-top-info ul li { font-size: 15px; }
.right-top-info ul li .phoneno a { font-size: 23px; line-height: 22px; }
.right-top-info ul li { font-size: 15px; line-height: 20px; }
.wsmenu { padding: 0; display: block; clear: both; border: none; }
.wsmenu-list > li { padding: 0px; }
.wsmenu-list > li ul.submenu { left: 0; }
.wsmenu-list > li a.nav-link { font-size: 15px; }
.wsmenu-list > li.heatingmenu ul.submenu { left: 0px; }
.home-banner-bg h1 { font-size: 35px; }
.home-banner-bg h4 { font-size: 22px; margin-bottom: 10px; }
.home-banner-bg p { font-size: 18px; }
.easy-steps-sec .click-here { line-height: 45px; font-size: 22px; }
.welcome-home-sec h2 { font-size: 32px; }
.welcome-home-sec, .welcome-home-sec h4 { font-size: 1.2rem; }
.easy-steps-info ul li h4 { font-size: 22px; }
.accreditations-wrap ul li { padding: 5px 10px; }
.accreditations-wrap::before { height: 160px; }
.accreditations-wrap { padding-bottom: 115px; }
.home-review { font-size: 15px; }
.home-review-cont { padding: 30px 15px; }
.aresa-cover-home { font-size: 18px; }
.aresa-sub { font-size: 15px; }
.aresa-cover-list ul li { width: 49%; }
.aresa-cover-home h3 { font-size: 35px; }
/***********inner page**********/	
.inner-banner { padding-bottom: 200px; }
.blue-bg { font-size: 18px; }
.review-star { font-size: 18px; }
.customers-feedback { font-size: 15px; }
.customer-wrap h3 { font-size: 25px; }
.customer-star { font-size: 24px; line-height: 20px; }
#dyna_box_1{padding:0 20px;}
.customer-wrap { font-size: 16px;}
.blue-bg h2 { font-size: 30px; }
.galler-banner::after { width: 400px; background-size: 100%; }
.boiler-images { right: 0%; }
.gas-boiler:before { right: -10%; }
.servicing-repairs-banner:after { width: 450px; background-size: 100%; }
.servicing-repairs-wrap { padding-top: 100px; }
.heating-images:after { width: 400px; background-size: 100%; }
.smart-controls-cont { margin: 20px 0px; font-size: 16px; }
.smart-controls-cont h3 { font-size: 25px; }
.worcester-banner-image::after { width: 400px; background-size: 100%; }
.bathroom-banner-image:after { width: 400px; }
.blue-bg.bathroom-banner { padding-bottom: 200px; }
.blue-bg.bathroom-banner::before { right: -50px; }
.blue-bg.plumbing-banner { padding-bottom: 200px; }
.plumbing-banner-image:after { right: 0%; }
.blue-bg.plumbing-banner::before { right: -161px; }
.appointment-banner-image:after { right: 0; width: 440px; }
.contact-form .form-group { margin-bottom: 15px; }
.contact-info li p.phone { font-size: 30px; }
.aresa-cover-contact .aresa-sub { font-size: 15px; }
.blog-banner-image:after { background: none; }

.desktop-version {
display: inline;
}

.smartphone-version {
display: none;
}

}
 @media (max-width:767px) {

.redtag{display: none;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}

.smartphone-version p {
width: 90%; margin: 10px 5% 0 5%; font-size: 24px; color: #252161;line-height: 24px; text-align:center;
}

.smartphone-version span {
font-size: 24px; color: green;line-height: 24px; text-align:center;
}


.header-quote-button { width: 100%; float: left; margin: 10px auto 0 auto; padding: 0 0 5px 0; text-align:center;}
.header-quote-button .get-but2 { margin: 5px auto 5px auto; width: 100%;}

.right-top-info { float: left; width: 100%; margin: 0 auto; text-align:center;}
.right-top-info ul li { float: left; width: 100%; vertical-align: top; font-size: 18px; line-height: 24px; margin: 0 auto; padding: 2px 0px; text-align:center;}
.right-top-info ul li span { float: left; width: 100%; margin: 0 auto; text-align:center;}


.call-today-text { float: left; width: 100%; margin: 20px auto 0 auto; padding: 0; font-size: 24px; color: #252161; line-height: 24px; text-align:center;}
.right-top-info ul li .phoneno a { float: left; width: 100%; font-size: 27px; color: #be1e2d; font-family: 'Montserrat-Bold'; line-height: 28px; text-align:center;}


.header { position: relative; }
.top-bar { float: none; padding: 5px 0px 4px 0px; margin-bottom: 0px; }
.top-bar ul li { float: left; width: 50%; margin: 3px 0px; text-align: left; font-size: 13px; }
.header .navbar-brand { width: 45%; }
.easy-steps-sec .click-here { font-size: 17px; }
h2 { font-size: 28px; }
.home-instant-but { padding: 20px 0px; }
.home-instant-but a { min-width: 190px; margin: 5px 0; }
.accreditations-wrap { font-size: 16px; }
.our-tag { font-size: 20px; line-height: 24px; }
.our-servies-home h4 { font-size: 22px; }
.our-servies-list { flex-wrap: wrap; padding-left: 10%; }
.header .navbar-brand { margin-top: 20px; }
.welcome-home-sec { padding: 40px 0px; }
.welcome-home-sec h2 { font-size: 28px; padding: 0 0 20px 0;}
.easy-steps-info ul { flex-wrap: wrap; }
.easy-steps-info { padding: 30px 0px; }
.easy-steps-info ul li { flex-basis: 50%; }
.home-instant-boiler-sec { padding: 50px 0px; }
.easy-steps-sec::before { top: 240px; background-position: -452px 0; }
.easy-steps-sec::after { content: ""; background: url(../images/home-line-graphic.png) no-repeat center center; position: absolute; height: 127px; width: 100%; left: 0px; right: 0px; top: 450px; background-position: -452px 0; z-index: -1; }
/*.accreditations-wrap ul {
	flex-wrap: wrap;
}*/
.accreditations-wrap ul li { padding: 5px 3px; }
.accreditations-wrap { padding-bottom: 70px; }
.our-servies-list > ul { padding-right: 0px; }
.aresa-cover-home { text-align: center; }
.loctionicon { float: none; padding-right: 0; padding-top: 0; display: block; padding-bottom: 30px; }
.aresa-cover-list { padding-left: 10%; }
.aresa-cover-list ul li { width: 100%; text-align: left; }
.aresa-cover-list ul li::before { top: 2px; }
ul.social-icon { padding: 15px 0px; text-align: center; }
.social-icon li { display: inline-block; padding: 0px 10px; margin-bottom: 10px; text-align: left; }
.top-footer h4.text-left { text-align: center !important; }
.top-footer ul.footer-link { text-align: center; }
.home-review-cont { min-height: 100px; }
.worcester-banner.blue-bg::before { display: none; }
/************slider************/
	
.carousel-item { height: 300px; }
.home-banner-bg h1 { font-size: 22px; color: #fff; }
.home-banner-bg h4 { font-size: 17px; margin-bottom: 10px; line-height: 21px; color: #fff; }
.home-banner-wrap::after { background-color: rgba(0,0,0,0.6); background-image: none; width: 100%; }
.home-banner-wrap::before { display: none; }
.home-banner-cont { text-align: center; color: #fff; }
.get-but { font-size: 14px; margin-top: 10px; }
.get-but2 { font-size: 14px; margin-top: 10px; }
.home-banner-bg p { font-size: 16px; line-height: 20px; color: #fff; }
.carousel-item.slide1 { background-position: -900px 0px; }
.carousel-item.slide2 { background-position: -800px 0px; }
.carousel-item.slide4 { background-position: -808px 0px; }
.inner-banner { padding-bottom: 100px; padding-top: 40px; text-align: center; }
.inner-banner .point { text-align: left; padding-bottom: 20px; }
.contact-info { text-align: left; }
.webimage { display: none; }
.inner-banner.blue-bg p { line-height: 22px; }
.blue-bg:before { display: none; }
.contant-list h2 { font-size: 30px; }
.contant-list { font-size: 16px; }
.inner-banner::before { display: none; }
.galler-banner:after, .gas-boiler:before, .servicing-repairs-banner:after, .servicing-repairs-wrap:before, .heating-images:after, .smart-controls-wrap:before, .worcester-banner-image::after, .bathroom-banner-image:after, .blue-bg.bathroom-banner::before, .plumbing-banner-image:after, .blue-bg.plumbing-banner::before, .appointment-banner-image:after { display: none; }
.safe-registered { background-image: none; }
.smart-controls { padding-top: 0px; }
.blue-bg.bathroom-banner { padding-bottom: 100px; }
.blue-bg.plumbing-banner { padding-bottom: 100px; }
.plumbing-servies-list { flex-wrap: wrap; padding-left: 10%; padding-top: 10px; padding-bottom: 0px; }
.request-form { padding: 20px 0px; }
.contact-form .form-group .form-control { font-size: 17px; }
.aresa-cover-contact .aresa-cover-list ul { text-align: left; }
.blue-bg.blog-banner { padding-bottom: 75px; }

.finance-banner-image:after {background:none;}

.coventry-inner-banner { z-index:-1; background: #eab7bb url(../images/local/coventry-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.coventry-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.coventry-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.coventry-inner-banner h2 { color: #fff; }
.coventry-inner-banner p { line-height: 28px; color: #fff; }

.kenilworth-inner-banner { z-index:-1; background: #eab7bb url(../images/local/kenilworth-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.kenilworth-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.kenilworth-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.kenilworth-inner-banner h2 { color: #fff; }
.kenilworth-inner-banner p { line-height: 28px; color: #fff; }

.leamington-inner-banner { z-index:-1; background: #eab7bb url(../images/local/leamington-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.leamington-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.leamington-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.leamington-inner-banner h2 { color: #fff; }
.leamington-inner-banner p { line-height: 28px; color: #fff; }

.nuneatonbedworth-inner-banner { z-index:-1; background: #eab7bb url(../images/local/nuneatonbedworth-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.nuneatonbedworth-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.nuneatonbedworth-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.nuneatonbedworth-inner-banner h2 { color: #fff; }
.nuneatonbedworth-inner-banner p { line-height: 28px; color: #fff; }

.rugby-inner-banner { z-index:-1; background: #eab7bb url(../images/local/rugby-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.rugby-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.rugby-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.rugby-inner-banner h2 { color: #fff; }
.rugby-inner-banner p { line-height: 28px; color: #fff; }

.stratford-inner-banner { z-index:-1; background: #eab7bb url(../images/local/stratford-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.stratford-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.stratford-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.stratford-inner-banner h2 { color: #fff; }
.stratford-inner-banner p { line-height: 28px; color: #fff; }

.warwick-inner-banner { z-index:-1; background: #eab7bb url(../images/local/warwick-banner.png) repeat-x left top; padding: 100px 0px 100px 0px; color: #252161; font-size: 16px; position: relative; overflow: hidden; }
.warwick-inner-banner:after { content: ""; background: url(../images/page-background.png) no-repeat center bottom; width: 100%; height: 100px; position: absolute; bottom: 0px; left: 0px; right: 0px; background-size: 100%; z-index: 1; }
.warwick-inner-banner:before { content: ""; background: url(../images/inner-banner-blue-icon.png) no-repeat center bottom; width: 100%; height: auto; position: absolute; top: 0px; right: 0 }
.warwick-inner-banner h2 { color: #fff; }
.warwick-inner-banner p { line-height: 28px; color: #fff; }

.left-col {
float: left;
margin: 0;
padding: 25px 20px 75px 20px;
text-align: left;
width: 100%;
}

.right-col {
float: left;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}

.right-col img {
display: block;
margin: 0 0 50px 0;
padding: 0;
width: 100%;
}

}

@media (max-width:620px) {

.redtag{display: none;}
.top-bar ul { text-align: left;}
.top-bar ul li { float: none;  width: auto;}
.top-bar ul li span {  display: none;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}
.call-today-text { font-size: 16px; line-height: 24px;}
.right-top-info ul li .phoneno a { font-size:24px; line-height:30px;}	

#form .rating > a{width:auto !important;
}

 @media (max-width:575px) {

.redtag{display: none;}
.header .navbar-brand { margin: 5px 0px 10px 0px; width: 100%; text-align: center; }
.header .navbar-brand img { width: 100%; }

.trusttrader { width:24%; padding:0; margin-right:10px;}

.top-bar ul li:nth-child(3) { clear: both; }
.smart-controls-info { min-height: 10px; padding-bottom: 20px; }

/*.right-top-info ul{float:right; width:33%;}*/
.right-top-info ul {
    float: none;
    width: 100%;
}

.right-top-info ul li { font-size: 13px; line-height: 16px; }
.right-top-info { padding-right: 0px; }
.call-today-text { font-size: 18px; line-height: 24px; }
.right-top-info ul li .phoneno a { font-size: 19px; }
.right-top-info ul li { font-size: 11px; line-height: 13px; }

.get-but {font-size: 11px;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}
#mainslider .carousel-control-next, #mainslider .carousel-control-prev,.slide-button {display: none;}
.header-quote-button { float:none; display:inline-block; width:auto;}

.home-banner-bg h1 { font-size: 26px; }
.home-banner-bg p { font-size:19px; line-height:25px;}
.home-banner-bg h4 { font-size: 18px; margin-bottom: 10px; line-height:25px; }
.home-banner-bg p br { display: none; }

.res-img img  {  width:100%;}

}

@media (max-width:479px) {

.redtag{display: none;}
/************slider************/	
.carousel-item { height: 260px; min-height: 260px; }
/*.home-banner-bg h1 {
 font-size: 18px;
 margin-bottom: 10px;
}*/

.get-but { font-size: 11px; margin-top: 5px; }
/*.carousel-item.slide1 {
 background-position: -820px -70px;
}*/


.animated-arrow { top: -280px; }

.get-but {font-size: 9px;}
.trusttrader { margin-right:20px;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}

}

@media (max-width:450px) {

.redtag{display: none;}
.trusttrader  { width:22%;}
.trusttrader img { width:100%;}
.right-top-info ul { width:auto;}
.right-top-info ul li { font-size: 10px; line-height: 10px;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}

.res_tabal_2 {width:25%; float:left;}
.res_tabal_2 {width:73%; float:left; text-align:left;}
#form textarea { width:auto !important; height:auto !important;}
#form .rating > a{width:auto !important;}

}

@media (max-width:420px) {

.redtag{display: none;}
.easy-steps-sec .click-here { font-size: 13px; }
.easy-steps-sec::before { top: 270px; }
.easy-steps-sec::after { top: 480px; }
.carousel-item.slide4 { background-position: -900px 0px; }
.animated-arrow { top: -268px; }

.top-bar ul li { font-size:10px;}
.top-bar ul li.quote-top::before { background-size:100%;width:20px; height:20px;}
.top-bar ul li.facebook::before { background-size:100%;width:20px; height:20px;}
.top-bar ul li.followus::before { background-size:100%; width:18px; height:22px;}

.get-but { padding:4px 10px;}

.right-top-info ul li { font-size:9px; line-height: 10px;}

.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}

}

 @media (max-width:360px) {

.redtag{display: none;}
.top-bar ul li { font-size:9px;}
.trusttrader { width: 19%;}	
.trusttrader { margin-right: 15px;}
.header-quote-button .get-but { margin:2px 0;}
.get-but { padding:4px 8px; font-size:8px;}


.desktop-version {
display: none;
}

.smartphone-version {
display: inline;
}

}