@media screen and (max-width:1920px) {
}

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

}

@media screen and (max-width:1680px) {
.QuoteForm .gfield_radio{ margin: 0 -20px;}
.QuoteForm .gfield_radio > .gchoice{margin: 0 20px 40px; width: calc(25% - 40px);}
}

@media screen and (max-width:1600px) {
.phoneN{ margin-left: 100px;}
#menu ul li{ padding: 0 20px;}
.HowitSection .flexWrap {padding-bottom: 100px;}
.slickSlider{ margin-left: 60px;}
.products .gchoice{ margin-bottom: 50px;}
.listimg{ margin-right: 20px;}
.RibbonBadges{right: 60px; top: 7%;}
.listCheckBox{ width: 16%;}
#gform_page_2_14 .gfmc-container:last-child{ padding: 30px;}
.productSelected h5, #gform_page_2_14 .preferredBoiler{ font-size: 18px; line-height: 28px;}
}

@media screen and (min-width: 0px) and (max-width: 1440px) {
h1 { font-size:54px; line-height: 64px;}
h2{font-size:44px; line-height:54px;}
h3{font-size:40px; line-height:50px; }
h4{font-size:36px; line-height:46px;}
h5{font-size:28px; line-height:34px;}
#page-wrap{ padding-top: 200px;}
.TextBox h1{ font-weight: 400;margin-bottom: 30px; font-size: 46px; line-height: 52px;}
.BannerText {font-size: 20px;line-height: 32px;}
.TextBox .btn{ padding: 10px 26px;}
.phoneN{ margin-left: 70px;}
#menu ul li{ padding: 0 10px;}
.sameday{ font-size: 20px;line-height: 26px;}
.whychoose {padding: 80px 0 70px;}
.whychoose .col-6 > div h3 {margin: 20px 0 40px 0;}
.QuoteButton{ margin: 26px 0 0;}
.logoSlider .slick-slider{ padding: 0 60px;}
.slick-prev, .slick-next{ background-size: 29px !important; width: 29px; height: 58px;}
footer .col-4 {padding: 0 40px;}
.QuoteForm .gfield-choice-input+label{    font-size: clamp(24px, 28px + (24 - 28) * ((100vw - 1440px) / (320 - 1440)), 28px) !important;}
.banner-slider .slider .slick-slide img{ max-height: 400px;}
.thumb-image{ margin-top: 20px;}
.slickSlider{ padding: 20px;}
.banner-slider .slick-prev, .banner-slider .slick-next{ background-size: 16px !important}
.RibbonBadges img{ max-width: 80px;}
.banner-slider .slick-prev{left: -22px;}
.banner-slider .slick-next{right: -22px;}
#gform_fields_5 .gfmc-container:first-child, #gform_page_2_14 .gfmc-container:first-child{ padding: 60px 80px 20px;}
}

@media screen and (min-width: 0px) and (max-width: 1280px) {
#menu ul li{ padding: 0 8px;}
#menu ul li a{font-size: 17px; line-height: 20px;}
.phoneN a{ font-size: 20px;line-height: 28px;}
.phoneN { margin-left: 30px;}
.quotebtn a{ padding: 8px 20px;}
.whychoose .col-6 > div img{ max-height: 180px;}
.whychoose .col-6 { padding: 20px;}
.whychoose .flexWrap {margin: 0 -20px;}
.whychoose .col-6 > div h3 {margin: 20px 0 30px 0;}
.col-4.SecondBox { padding: 0 80px;}
.page-template-template-howitwork h1 { margin-bottom: 80px;}
.HowitSection h3 {margin-bottom: 20px;}
.HowitSection .flexWrap:nth-child(odd) .howitBox {padding-left: 60px;}
.HowitSection .flexWrap:nth-child(even) .howitBox{ padding-right: 60px;}
.clientLogo{ padding: 6% 0 10% 0px;}
.logoSlider {margin-bottom: 40px;}
.leftSide{ padding-right: 40px;}
footer .col-4 {padding: 0px;}

.QuoteForm .gfield_radio{ margin: 0 -20px;}
.QuoteForm .gfield_radio > .gchoice{margin: 0 20px 40px; width: calc(33.33% - 40px);}
.QuoteForm legend.gfield_label {font-size: clamp(26px, 36px + (26 - 36) * ((100vw - 1440px) / (320 - 1440)), 36px) !important; margin-bottom: 30px !important;}
.samedaySurvey, .samedaySurveyClass {font-size: clamp(26px, 40px + (26 - 40) * ((100vw - 1440px) / (320 - 1440)), 40px) !important; line-height: 1.2;}
.RibbonBadges{ right: 20px;}
.ProductList .col-3{width: 33.33%}
#gform_fields_5 .gfmc-container:first-child, #gform_page_2_14 .gfmc-container:first-child{ padding: 40px 80px 20px 30px;}
#gform_page_2_14 input, #gform_page_2_14 textarea, #gform_wrapper_5 input, #gform_wrapper_5 textarea { padding: 0 0 6px; margin-bottom: 20px;}
}

@media screen and (min-width: 0px) and (max-width: 1180px) {
.listCheckBox { width: 15%;}
}

@media screen and (min-width: 0px) and (max-width: 1100px) {
h1 { font-size:48px; line-height: 56px;}
h2{font-size:42px; line-height:50px;}
h3{font-size:38px; line-height:46px; }
h4{font-size:34px; line-height:42px;}
h5{font-size:26px; line-height:34px;}
.whychoose {padding: 70px 0;}
.whychoose .col-6 > div{ padding: 40px 20px 30px;}
.BannerSec .box::before { padding-top: 64%;}
.HowitSection .flexWrap:nth-child(odd) .howitBox {padding-left: 40px;}
.HowitSection .flexWrap:nth-child(even) .howitBox{ padding-right: 40px;}
.HowitSection h3 {margin-bottom: 16px;}
.howitBox p:last-child{ padding-bottom: 0;}
.howitBox{padding-bottom: 60px;}
.btn{ padding: 10px 30px;}
.NewBoilerSec span{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
footer {padding: 60px 0;}
.socialList {margin: 30px 0 0px;}
.NewBoilerSlider .slick-slide{padding: 0 20px;}
.Subfooter h4{ margin-bottom: 0}
div#gform_page_2_14{ padding: 40px;}
.QuoteForm .gform_page_footer{ margin-top: 0px !important;}
.banner-slider .slider .slick-slide img {max-height: 320px;}
.slickSlider {margin-left: 30px;}
.listContent label{ font-size: 30px; line-height: 40px;}
.listContent li{padding-bottom: 10px; line-height: 26px;}
.TextBox > div { margin-left: 80px;}
.productSelected { padding: 24px 0;}
.productSelected .flexWrap{ padding: 0!important;}
}

@media screen and (min-width:1025px) {
.Menutoggle{ display: none;}
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
header, header.scroll { padding: 26px 0;}
.logo{ width: 75%}
.logo img{ width: 278px;}
.RightSec{width: 25%;}
.MobileView  { display: none;}
.Menutoggle{ display:block;}
.hamburgerOpen.hamburger .top{ margin-top: 10px;}
#menu{ display: none;}
.phoneN{ display: none;}
.Menutoggle label {display: block !important; top: 35px;}
.deskMenu #menu-main-menu{ display: none;}
.mainMenu{ margin: 0; padding: 0 20px; list-style-type: none; border-top: #C4CCCE solid 1px;}
.burgerMenu li{ margin: 0; padding: 10px 0; list-style-type: none; text-align: left; border-bottom:#B9B9B9 solid 1px; position: relative;}
.burgerMenu li a{ text-decoration: none;}
.MobileView{position: fixed; width: 100%; padding-left: 20px;padding-right: 20px;padding-top: 20px;height: 100%;background: #fff;left: 0;right: 0;top:80px;overflow: auto;z-index: 9;display: none; margin: 0;}
.MobileView ul{ margin: 0; padding: 0}
.Scrollhide header{ background: #fff;}
.quotebtn a{margin: 10px 0; display: inline-block;padding: 6px 20px;}
.MobileView .phoneN {display: block;margin: 14px 0 100px; float: left;}
#page-wrap{ padding-top: 140px;}
.accRow h6 {font-size: 22px; line-height: 28px; padding-right: 40px;}
.page-template-template-howitwork h1 { margin-bottom: 60px;}
.ContentB {padding: 0px 0px 20px;}
.TextBox{top: calc(50% - -44px)}
.TextBox > div{ margin-left: 60px;}
.TextBox h1 {margin-bottom: 24px;font-size: 40px; line-height: 48px;}
.clientLogo {padding: 6% 0 12% 0px;}
.leftSide .btn{bottom: calc(0% - -92px);}
footer .col-4:last-child h6 {margin-bottom: 12px;}
footer .col-4 h6 { margin-bottom: 15px;}
footer svg{ margin-bottom: 11px;}
.TBSpace{ padding: 60px 0}
.BSpace{ padding-bottom: 60px;}
.TSpace{ padding-top: 60px;}


}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #gform_fields_5 .gfmc-container:first-child, #gform_page_2_14 .gfmc-container:first-child{ width: 100%;padding: 20px;}
  #gform_fields_5 .gfmc-container:last-child{ display: none;}
  #gform_page_2_14 .gfmc-container:last-child{ width: 100%; border-radius: 10px;}
  .productSelected .flexWrap{ padding-bottom: 14px !important;}
}

@media screen and (min-width: 0px) and (max-width: 991px) {
.BannerSec .box::before {padding-top: 80%;}
.col-4.SecondBox { padding: 0 40px;}
.logoSlider .slick-slide img{ max-width: 80%;}
.clientLogo h2{margin-bottom: 40px;}
.NewBoilerSec .col-5{ width: 100%;}
.leftSide {padding-right: 0;max-width: 100%; text-align: center; padding: 0}
.leftSide .btn {bottom: 0;position: relative; margin: 0;}
.leftSide p{ padding-bottom: 0}
.NewBoilerSec .col-7{width: 100%; margin-top: 60px;}
.NewBoilerSlider .slick-slide{border: 0;}
.NewBoilerSlider .slick-prev{ left: 0; top: 50%;}
.NewBoilerSlider .slick-next{ left: auto; top: 50%;}

.QuoteForm .gfield_radio{ margin: 0 -20px;}
.QuoteForm .gfield_radio > .gchoice{width: calc(50% - 40px);}
}

@media screen and (min-width: 0px) and (max-width:900px) {
  footer .col-4{ width: 37.33%;}
  .col-4.SecondBox{padding: 0 20px; width: 25%;}
  .RibbonBadges{ top: 0;}
  .listCheckBox label > span { width: 40px; height: 40px;}
  .listCheckBox input:checked + label > span::before {
      content: '';
      position: absolute;
      top: 0px;
      left: 8px;
      border-right: 3px solid #fff !important;
      border-bottom: 3px solid #fff !important;
      transform: rotate(45deg);
      transform-origin: 0% 100%;
      width: 9px !important;
      height: 14px !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 850px) {
h1 { font-size:42px; line-height: 50px;}
h2{font-size:36px; line-height:44px;}
h3{font-size:32px; line-height:40px; }
h4{font-size:30px; line-height:38px;}
h5{font-size:25px; line-height:32px;}
h6{font-size:20px; line-height:28px;}
.whychoose .col-6 > div{font-size: 18px;line-height: 28px;}
.accRow h6 {font-size: 20px;line-height: 26px;}

.ProductDetails  .col-5{ width: 100%; margin-left: 0; margin-bottom: 40px;order: 1;}
.ProductDetails  .col-7{order: 2; width: 100%;}
.slickSlider{ margin-left: 0}
.listContent label{font-size: clamp(24px, 30px + (24 - 30) * ((100vw - 767px) / (320 - 767)), 30px) !important; line-height: 1.2;}
.thumb-image{ max-width: 80%; margin: 0px auto;}
.banner-slider .slick-prev { left: -40px;}
.banner-slider .slick-next {right: -40px;}
.thumb-image .box:before { padding-top: 56.25%;}
.thumb-image .slick-slide img{padding: 10px 0}
span.Fittedprice{ padding: 0; width: 100%;}
}

@media screen and (min-width: 0px) and (max-width: 768px) {
.Menutoggle label{top:34px;}
.btn{ padding: 10px 30px}
footer{ font-size: 15px;}
.thumb-image { max-width: 90%;}
}

@media screen and (min-width: 0px) and (max-width: 767px) {
.col-6{ width: 100%;}
.whychoose {padding: 60px 0;}
.Subfooter .flexWrap{padding: 42px 0;}
.Subfooter .col-8 {width: 100%; text-align: center;}
.Subfooter .flexWrap .col-4 {text-align: center; margin: 24px 0 0 0; width: 100%;}
.Subfooter .flexWrap .col-8 span { margin-bottom: 0;font-size: 24px;line-height: 34px; font-weight: 600;}
.btn{ padding: 10px 28px;}
.TextBox > div { margin-left: 20px;}
.BannerSec .box::before { padding-top: 100%;}
.HowitSection .flexWrap:nth-child(odd) .howitBox {padding-left: 0;padding-top: 34px;}
.HowitSection .flexWrap {padding-bottom: 60px;}
.HowitSection .flexWrap:nth-child(even) .col-6:first-child {order: 1;}
.HowitSection .flexWrap:nth-child(even) .col-6:last-child{ order: 2;padding-top: 34px; padding-right: 0}
.HowitSection .flexWrap:nth-child(even) .howitBox {padding-right: 0px;}
.HowitSection h3 {margin-bottom: 10px;}
footer .col-4{ width: 100% !important;padding: 0 0 20px !important; border-bottom: #959595 solid 1px;  margin-bottom: 20px;}
footer .col-4 p{ padding: 0;}
.socialList li { margin: 0px 12px 0 0;}
footer img {height: 36px;}
.socialList { margin: 20px 0 0px;}
.col-4.SecondBox li:last-child{ padding-bottom: 0}
footer .col-4:last-child{ border-bottom: 0 !important}
footer {padding: 50px 0 0;}


.gform_wrapper.gravity-theme .ginput_complex span { flex: auto !important;}
div#gform_page_2_14, #gform_wrapper_5{ padding: 0px;}
#gform_page_2_14 input, #gform_page_2_14 textarea, #gform_wrapper_5 input, #gform_wrapper_5 textarea{padding: 0 0 0px; margin-bottom: 20px;}
.ProductDetails h2 {font-size: clamp(28px, 36px + (28 - 36) * ((100vw - 767px) / (320 - 767)), 36px) !important; line-height: 1.2;}
.listimg {width: 100%;padding-right: 0; position: relative; margin-bottom: 20px;}
.listContent { width: 100%;}
.listCheckBox { width: 100%; position: relative;}
.RibbonBadges {position: absolute; right: 0; top: 0; transform: none;}
.gform_wrapper.gravity-theme .gfield-choice-input+label{ max-width: 100% !important;  margin: 20px 0 30px !important; float: left;}
.listCheckBox label > span{ position: relative; left: 0; transform: none;}
.ValueBadges { width: 100%;}
.products .gchoice{ padding: 20px;}
.listimg img {max-width: 400px; padding-right: 0px;}
.ProductList .col-3{width: 50%; margin-bottom: 20px;}
.ProductList .flexWrap{ margin: 0 -10px;}
.ProductList .col-3 > a > div{ margin: 0 10px 0;}
.ProName{ font-size: 18px;}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.clientLogo {padding: 10% 0 20% 0px;}
}

@media screen and (min-width: 0px) and (max-width:568px) {
body{ font-size: 16px; line-height: 28px;}
h1 { font-size:36px; line-height: 44px;}
h2{font-size:30px; line-height:38px;}
h3{font-size:28px; line-height:36px; }
h4{font-size:26px; line-height:34px;}
h5{font-size:24px; line-height:30px;}
.TextBox h1 {margin-bottom: 24px;font-size: 34px; line-height: 42px;}
.BannerText {font-size: 18px;line-height: 28px;}
.TextBox > div {margin-left: 0;max-width: 100%; padding: 0 20px;}
.whychoose .col-6 > div img {max-height: 160px;}
.whychoose .col-6 > div h3 {margin: 14px 0 20px 0;}
.burgerMenu li a{ font-size: 16px;}
#cookie-law-info-bar{ padding: 20px !important}
.QuoteForm .gfield_radio{ margin: 0 -20px;}
.QuoteForm .gfield_radio > .gchoice{width: calc(100% - 40px);}
#gform_page_2_14 input[type=button], #gform_page_2_14 input[type=submit] {
    background: #0C5B8B !important;
    border: #0C5B8B solid 1px !important;
    padding: 3px 13px;
    color: #fff !important;
    font-size: 15px;
    margin: 0 3px!important;
}
.gform_wrapper.gravity-theme .gfield textarea.large{ height: 140px !important;}
#gform_wrapper_5 input[type=submit]{ margin: 0 auto !important;}
#gform_wrapper_5 .gform_footer { margin-top: 0; padding-top: 0; margin-bottom: 16px;padding-bottom: 40px !important}
#gform_page_2_14 .gfmc-container:last-child { padding: 30px 20px;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
.Subfooter .flexWrap .col-8 span {font-size: 20px; line-height: 28px;}
.BannerSec .box::before { padding-top: 130%;}
.slick-prev, .slick-next {background-size: 20px !important;width: 20px; height: 48px;}
.logoSlider .slick-slider { padding: 0 30px;}
.clientLogo { padding: 10% 0 30% 0px;margin-bottom: -40px;}
.accRow h6 {font-size: 18px; line-height: 24px;}
.ProductList .col-3{width: 100%; }
.banner-slider .slick-prev { left: -30px;}
.banner-slider .slick-next { right: -30px;}
.productSelected { padding: 20px 0 !important;}
}

@media screen and (min-width: 0px) and (max-width:441px) {
  .BannerSec .box::before { padding-top: 140%;}
  .listimg img { max-width: 100%;}
}

@media screen and (min-width: 0px) and (max-width:414px) {
.Menutoggle label{ top:30px;}
}

@media screen and (min-width: 0px) and (max-width:385px) {
  .BannerSec .box::before {padding-top: 150%; }
  .TextBox h1 {margin-bottom: 14px; font-size: 30px; line-height: 34px;}
  .BannerText {font-size: 16px;line-height: 25px; margin-bottom: 20px;}
}

@media screen and (min-width: 0px) and (max-width:345px) {
}