/* boiler repairs page styling */

#top.page-template-template-boiler-repairs #header-cta .flex_cell.av_one_full,
#top.page-template-template-boiler-repairs #header-banner .flex_cell.av_one_full{
   max-width: 1210px;
}

#top #main .display-mobile-500{
  display: none;
}

#top .boiler-repair-types .avia-image-container{
  max-width: 100%;
  width: 480px;
  height: auto;
  margin-top: -40px;
}

#top .boiler-repair-icon .avia-image-container{
    max-width: 100%;
  width: 250px;
  height: auto;

}

#top .headline-style-one .av-special-heading-tag {
  color: #0f4d95;
  margin-bottom: 20px;
}

#top .list-style-one ul{
  list-style: square;
  margin-bottom: 25px;
}


#top .banner-headline-h1 h1{
  font-weight: 800;
  line-height: 100%;
  color: #0F4D95;
}

#top #main .banner-headline-h1 .av-subheading{
    color: #34353F;
    width: 550px;
    margin-top: 15px;
    font-weight: 600;
}

#top #main .home-page-banner-section .flex_cell_inner{
position: unset;
}

#top #main .home-page-banner-section{
  position: relative;

}

#top #main .banner-divider{
height: 100px;
position: relative;
}

#top #main .banner-divider svg{
  fill: #fff;
  z-index: 9;
  bottom: 0;
  position: absolute;
}

#top .home-banner-plumber{
position:absolute;
bottom: -22%;
right: 40px;
}

#top .home-banner-plumber img{
  max-width: 100%;
  width: 75%;
  height: auto;
}

#top .home-sub-banner{
  z-index: 2;
}

#top .bold-800 .av-special-heading-tag{
  font-weight: 800;
}

#top .home-banner-quote-form{
  position: relative;
  top: -120px;
  width: 530px;
  position: absolute;
  z-index: 2;
}


#top .home-banner-quote-form .av-special-heading-tag{
  line-height: 130%;
  font-weight: 700;
}

#top .home-banner-featured{
  width: 500px;
  float: right;
  margin-top: -15px;
  margin-right: 15px;
}

#top .home-banner-featured .avia_textblock{
  text-align: left;
}

#top .home-banner-featured .avia-logo-grid{
  margin: -10px 0 0 -40px;
}

#top .home-banner-featured .avia-logo-grid .slide-entry{
  max-width: 100%;
  width: 150px;
  height: auto;
}

#top .home-banner-featured .slide-entry-wrap:last-child{
  margin-top: -15px;
}

#top .home-banner-featured .avia-logo-grid .no-logo-slider-heading{
  display: none;
}

#top #wrap_all #main .flex_column.ukooa-process{
margin-bottom: 40px;

}

#top #wrap_all #main .flex_column.ukooa-process .av-special-heading{
  min-height: 80px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;

}

#top #wrap_all #main .flex_column.ukooa-process .av-special-heading-tag{
position: relative;
margin-left: 85px;
}

#top #wrap_all #main .flex_column.ukooa-process.number-one .av-special-heading-tag{
  margin-left: 70px;
}

#top #wrap_all #main .flex_column.ukooa-process .av-special-heading-tag::before{
 position: absolute;
 left: -85px;
 width: 75px;
 height: 75px;
font-size: 68px;
  visibility: visible;
  color: #0F4D95;
  font-weight: 800;
  line-height: 100%;
top: 50%;
margin-top: -37px;
}

#top #wrap_all #main .flex_column.ukooa-process.number-one .av-special-heading-tag::before{
  content: '1.';
  left: -65px;
}

#top #wrap_all #main .flex_column.ukooa-process.number-two .av-special-heading-tag::before{
  content: '2.';

}

#top #wrap_all #main .flex_column.ukooa-process.number-three .av-special-heading-tag::before{
  content: '3.';

}

#top #wrap_all #main .flex_column.ukooa-process.number-four .av-special-heading-tag::before{
  content: '4.';
}

#top .ukooa-cert-accr-logos{
  margin-left: -30px;
}

#top .ukooa-cert-accr-logos .slide-entry{
  padding: 0 15px;
}

#top .ukooa-cert-accr-logos .no-logo-slider-heading{
  display: none;
}

#top #wrap_all #main #banner-bottom-curve{
  margin-top: -35px;
}


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


#top .home-banner-plumber img {
    width: 80%;
}

#top .home-banner-featured{
  width: 450px;
}


}


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

#top .home-banner-featured{
  width: 400px;
}


#top #wrap_all #header_main .av-logo-container,
#top #wrap_all #header-banner .flex_cell.av_one_full,
#top #wrap_all #header-cta .flex_cell.av_one_full{
  max-width: 1310px;
}


}


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


#top #main #header-banner{
  height: auto;
  display: block;
}

#top #main #header-banner .home-page-banner-section{
  height: auto;
  min-height: 575px !important;
}

#header-banner .home-page-banner-section{
   overflow: visible !important;
}

#top #main .banner-divider{
  margin-bottom: -1px;
}

#top .home-banner-quote-form {
    top: -110px;
    width: 420px;
}

#top #wrap_all #main .home-banner-featured{
  margin-top: -30px;
  width: 36%;
}





#top #main .banner-headline-h1 .av-subheading{
    width: 90%;
    margin-top: 25px;
}

#top #wrap_all #main .home-banner-plumber{
bottom: -18%;
right: 0;
width: 340px;
overflow: hidden;
}


#top .home-banner-plumber img{
  width: 100%;
}

#top #main .home-banner-curve .flex_column{
margin: 0;
}

#header-cta > .flex_cell{
overflow: visible !important;
}

#top #main .home-banner-featured{
  padding-top: 30px;
width: 430px;
}

#header-cta{
  min-height: 170px;
}



#top #main .home-page-banner-section .flex_column.av_three_fifth{
  width: 70%;
z-index: 2;
}


}


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


#top #main #header-banner .home-page-banner-section{
  min-height: 620px !important;
}



#top #header-banner .home-page-banner-section .flex_column.first{
  z-index: 9;
  width: 520px;
}

#top #main .home-banner-featured{
  padding-top: 30px;
  float: none;
  width: 100%;
}



#top #wrap_all #main .tablet-mb-40{
  margin-bottom: 40px;
}

#top #wrap_all #main .tablet-mb-30{
  margin-bottom: 30px;
}


#top #wrap_all #main .home-banner-quote-form {
position: relative;
top: unset;
margin-top: 30px;
}


#top #wrap_all #main .home-banner-featured{
  margin: 0;
  width: 100%;
}

#top #wrap_all #main .home-banner-featured .slide-entry-wrap{
  width: unset;
}

#top .home-banner-featured .slide-entry-wrap:last-child{
  margin: 0;
}


}


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

#top #wrap_all #main .home-banner-quote-form {

margin-top: 0;
}


#top #main #header-banner{
  height: auto;
}

#top #main #header-banner .home-page-banner-section{
  height: auto !important;
  min-height: 550px !important;
}

#top #wrap_all #main #banner-bottom-curve{
  top: -50px;
}


#top #header-banner .home-page-banner-section .flex_column.first{
  width: 380px;
}


#top #wrap_all #main .home-banner-plumber{
bottom: 0;
right: 0;
width: 280px;
}


#top .home-banner-plumber img{
  right: -40px;
}


#top .home-banner-featured .avia_textblock {
    text-align: unset;
}

#top #main .home-banner-featured .avia-logo-grid .slide-entry{
  width: 50%;
}


#top .ukooa-cert-accr-logos{
  margin: 40px 0 0;
}

#top #wrap_all #main .ukooa-cert-accr-logos .slide-entry{
  width: 30%;
  clear: none;
}

#top #wrap_all #main .sub-section-one .template-page{
  padding-top: 10px;
  padding-bottom: 0;
}

#top .boiler-repair-icon{
  display: none;
}

#top .boiler-repair-icon-mobile::after{
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background: url(../images/boiler-repair-icon-mobile.png) 50% 50% no-repeat;
  background-size: 100% auto;
  margin-top: 5px;
}

#top .boiler-repair-types .avia-image-container{
  width: 300px;
  margin: 0 auto;
}

#top .banner-spacer-one{
  display: none;
}


}


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

#top #main #header-banner .home-page-banner-section{
  min-height: 450px !important;
}

#top #main .banner-headline-h1 .av-subheading{
    width: 80%;
}

#top #wrap_all #main .home-banner-plumber{
width: 230px;
}

#top #wrap_all #main #banner-bottom-curve{
  top: -135px;

}

}


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

#top #main .display-mobile-500{
  display: block;
}

#top #main .banner-headline-h1 .av-subheading{
    width: 70%;
}

#top #main #header-banner .home-page-banner-section{
  min-height: 330px !important;
}

#top #wrap_all #main #banner-bottom-curve{
  top: -10px;
  margin-top: -60px;
}

#top #wrap_all #main .home-banner-plumber{
  width: 200px;
  bottom: -10%;
}

#top .home-banner-plumber img{
  right: -30px;
}

#top #main .banner-headline-h1{
  margin-top: 30px;
  width: 70%;
}

#top #main .hide-mobile-500{
display: none;
}



#top #main .home-banner-featured{
  padding-top: 10px;
}

#top #main .banner-headline-h1 .av-subheading{
margin-top: 20px;
}

#top #main .home-banner-featured .avia-logo-grid .slide-entry{
  padding: 0 10px !important;
}

#top .banner-spacer-one{
  display: block;
}


}


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

#top .home-banner-plumber img{
  right: -50px;
}


}
