@charset "utf-8";
/* CSS Document */

/* media-query
------------------------------------------------*/

@media handheld, only screen and (max-width: 1259px) {
    .blog-listing .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
        margin-right: 0;
    }
    .blog-listing .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper .vc_grid-item {
        padding: 0 10px;
    }
}


@media handheld, only screen and (max-width: 1250px) {
    .container, .container.vc_row,
    .innerbox-shadowdiv.wpb_column > .vc_column-inner{
        /*max-width: 960px!important;*/
    }  
    .vc_row.services-blk .wpb_column > .vc_column-inner > .wpb_wrapper {
        padding: 0 15px;
    }
    .vc_row.bluefullwidth-sec .wpb_text_column p {
        font-size: 32px;
        line-height: 45px;        
    }
    .vc_row.bluefullwidth-sec .callnow-btn button,
    .vc_row.bluefullwidth-sec .callnow-btn a {
        max-width: 235px;
        height: 57px;
        line-height: 57px;
        font-size: 18px;        
    }
    .vc_toggle.faq-blocks,
    .wpb_text_column.faq-toptitle-box{
        padding: 0 20px;
    } 
}

@media handheld, only screen and (min-width: 768px) and (max-width: 1200px){
    footer .wp-block-column .menu-area-we-served-footer-container>.menu{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media handheld, only screen and (max-width: 1025px) {
    .container, .container.vc_row,
    .innerbox-shadowdiv.wpb_column > .vc_column-inner{
        /*max-width: 850px!important;*/
    } 
    .mobilemenu {
        display: flex;
        margin-right: 0;
        margin-left: auto;
    }
    .menubar ul.menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children::after{
        top: 18px;
    }
    .header-part {
        position: relative;
    }

    .header-part .right-header {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        margin: 0px 0 0 0;
        display: none;
    }

    .header-part.open-menu {
        background-color: #f5f5f5;        
    }

    .header-part.open-menu:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: rgba( 0,0,0,0.08 );
    }

    .header-part .right-header .menubar {
        /*max-width: 850px!important;*/
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
    }

    .header-part .right-header .menubar ul.menu > li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #303030;
    }

    .header-part .right-header .menubar ul.menu > li > a {
        padding: 16px 0;
    }

    .header-part .right-header .menubar ul.menu {
        padding: 15px 0;
    }
    .header-part .right-header .menubar ul.menu > li:last-child {
        border-bottom: 0;
    }

    .header-part .right-header .menubar ul.menu > li:last-child a {
        width: auto;
        display: inline-block;
        padding: 7px 20px;
        margin: 15px 0;
    } 
    .open-menu .mobilemenu a.clickmenu span:nth-child(2) {
        opacity: 0;
    }

    .open-menu .mobilemenu a.clickmenu span:first-child {
        transform: rotate(45deg);
        top: 11px;
    }

    .open-menu .mobilemenu a.clickmenu span:last-child {
        transform: rotate( -45deg);
        top: 11px;
    }
    .menubar ul.menu > li.menu-item-has-children span.down-arrows {
        content: "\f107";
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        right: 0;
        font-size: 17px;
        color: rgba(61,61,61,.69);
        top: 30px;
        pointer-events: inherit;
        height: 55px;
        width: 30px;
        text-align: center;
        line-height: 55px;
        cursor: pointer;
    }
    .menubar ul.menu > li.menu-item-has-children span.down-arrows i {
        position: absolute;
        top: -2px;
        right: 0;
        bottom: 0;
        margin: auto;
        line-height: 50px;
        color: var(--nk-color-base);
    }
    .menubar ul.menu > li.menu-item-has-children ul.sub-menu {
        position: relative;
        min-width: inherit;
        opacity: 1;
        background-color: #fff;
        top: 100%;
        z-index: 9;
        list-style: none;
        margin: 0;
        padding: 0 0 0 30px;
        left: 0;
        visibility: visible;
        transition: inherit;
        width: 100%;
        display:none;
    }
    .menubar ul.menu > li.menu-item-has-children ul.sub-menu li a {
        padding: 16px 20px 16px 0;
        border-bottom: 1px solid #303030;
        font-weight: 300;
        font-size: 14px;
    }
    .menubar ul.menu > li.menu-item-has-children ul.sub-menu li:last-child a{
        border-bottom:0px;
    }
    .menubar ul.menu > li.menu-item-has-children ul.sub-menu li:first-child a {
        border-top: 1px solid #303030;
    }
    .wpb_text_column.faq-toptitle-box h2 {
        font-size: 30px;    
        line-height: 44px;    
        margin-bottom: 15px;
    }
    .wpb_text_column.faq-toptitle-box h2 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .vc_toggle.faq-blocks, .wpb_text_column.faq-toptitle-box {
        padding: 0 10px;
    }
    .sticky .header-part {
        position: relative;        
    }
    
}

@media handheld, only screen and (max-width: 1023px) {
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li a, #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li.active a{
        font-size: 14px !important
    }
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li a i {
        display: block;
        margin-bottom: 9px;
    }
    h1, .herobanner-section.no-bannersection .bannerleft-text .vc_column-inner .wpb_wrapper h1{
        font-size: 28px;
        line-height: 38px;
    }
    h2,
    .wpb_text_column.titlewith-cont-box h2 {
        font-size: 24px;
        line-height: 34px;
    }
}

@media handheld, only screen and (max-width: 991px) {
    .vc_tta.vc_general .vc_tta-tabs-container ul.vc_tta-tabs-list li .vc_tta-icon {
        display: block;
        margin-bottom: 10px;
        line-height: 1;
    }
    .vc_tta.vc_general .vc_tta-tabs-container ul.vc_tta-tabs-list li span.vc_tta-title-text {
        margin-left: 0;
    }

    footer .wp-block-columns{
        margin: 0;
    }
}

@media handheld, only screen and (max-width: 800px) {
    .vc_row.herobanner-section .bannerleft-text > .vc_column-inner h1 {
        margin-top: 0;
    }
	.home .vc_row.herobanner-section .bannerleft-text > .vc_column-inner h1{
		        margin-top: 43px;
        margin-bottom: max(50px, 54vw);
	}
	.home .vc_row.herobanner-section .bannerleft-text > .vc_column-inner h1 ~ p{
		display: none;
	}
	.home .callnow-btn.quote-btn a {
    	font-size: 20px;
	}
	.home-banner-sec::after{
		opacity: 0.35;
	}
    .bannerleft-text.wpb_column.vc_column_container {
        padding-right: 0;
        display: block !important;
        width: 100%;
    }
    .postcode-cta-temp .form-postcode{
        max-width: 400px;
        margin: 0 auto;
    }
    .postcode-cta-temp .vc_row.bluefullwidth-sec .wpb_text_column.wpb_content_element{
        margin-bottom: 20px;
    }
    .container, .container.vc_row {
        /*max-width: 600px!important;*/
    }
    .banner-rightform.wpb_column ,
    .vc_row.container.boiler-blockbox .wpb_column{
        width: 100%;
    } 
    section.vc_section {
        margin: 0;
        padding: 0;
    }

    .innerbox-shadowdiv .wpb_wrapper {
        max-width: 600px;
        margin: 0 auto;
    }

    .vc_row.services-blk .wpb_column {
        width: 100%;
        border-right: 0px;
    }
    .innerbox-shadowdiv.wpb_column > .vc_column-inner{
        padding-right:0px;
        padding-left:0px;
    }
    .vc_row.bluefullwidth-sec.vc_row-flex .wpb_column {
        width: 100%;
    }

    .vc_row.bluefullwidth-sec.vc_row-flex .wpb_column .vc_btn3-right {
        text-align: center;
        margin-top: 30px;
    }
    .vc_row.steps-section-main > .wpb_column > .vc_column-inner > .wpb_wrapper:before{
        left:202px;
    }
    .wpb_gmaps_widget .wpb_map_wraper iframe{
        height:600px;
    }
    .site-info.wp-block-columns .wp-block-column {
        width: 100%;
        flex-basis: inherit !important;
        margin-left: 0;
        margin-bottom: 30px;
    }
    footer {
        padding: 50px 0;
    }
    footer .site-info.wp-block-columns {
        margin-bottom: 0;
    }
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li a, #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li.active a{
        font-size: 12px !important
    }
    .vc_row.fullwidth-faq .vc_toggle .vc_toggle_title h4{
        font-size: 18px;
    }

    .contact-detail-right {
        padding: 0 !important;
    }
    
}

@media handheld, only screen and (max-width: 799px) {
    .vc_row.container.steps-container {
        max-width: 100% !important;
        padding-left: 70px;
        margin-bottom: 25px;
        padding-right:10px;
    }
    .vc_row.steps-section-main > .wpb_column > .vc_column-inner > .wpb_wrapper:before {
        left: 30px;
    }
    .vc_row.container.steps-container .vc_column-inner .steps-label {
        padding: 0px 00px 10px 0px;
        margin-bottom: 0px;
    }
    .steps-container .steps-content-block:before{
        top: -36px;
    }
    .vc_row.steps-section-main > .wpb_column > .vc_column-inner > .wpb_wrapper:before{
        top: 8px;
    }
    .vc_toggle.faq-blocks, .wpb_text_column.faq-toptitle-box {
        padding: 0;
    }
    .vc_toggle.faq-blocks .vc_toggle_content {
        padding: 18px 15px 18px 15px !important;
    }
    .vc_toggle.faq-blocks .vc_toggle_title i.vc_toggle_icon:before,
    .vc_toggle.faq-blocks.vc_toggle_active .vc_toggle_title i.vc_toggle_icon:before {
        left: 15px;
    }
    .vc_toggle.faq-blocks .vc_toggle_title {
        padding: 15px 15px 15px 40px !important;
    }   
    
    .vc_row.boiler-blockbox > .wpb_column > .vc_column-inner > .wpb_wrapper{
            padding: 20px 20px 30px;
    }
}

@media handheld, only screen and (max-width: 767px) {
    .innerbox-shadowdiv .wpb_wrapper {
        max-width: 400px;
        margin: 0 auto;
    }
    
    .blog-listing .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper .vc_grid-item {
        padding: 0;
    }
    .blog-content-left > div{
        padding-right: 7px !important;
    }
    .Offer-banner-cta-temp .vc_col-sm-7 .wpb_wrapper{
        display: flex;
    flex-direction: column;
    align-items: center;
    }

    footer .wp-block-column {
        padding: 0px;
    }

    .offer_details_inner>div.offer_details_content{
        margin-top: 20px;
    }
    
    .innerbox-shadowdiv.wpb_column {
        padding: 15px 20px 30px;
    }
    .steps-container .steps-content-block {
        padding: 15px;
    }
    .vc_row.container.steps-container{
        padding-left:40px;
    }
    .vc_row.steps-section-main > .wpb_column > .vc_column-inner > .wpb_wrapper:before {
        left: 17px;
    }
    .steps-container .steps-content-block:before{
        left: -32px;
    }
    .vc_row.container.steps-container .vc_column-inner h5{
        padding-left:6px;
    }
    .vc_row.herobanner-section h1{
        font-size: 32px;
        line-height: 40px;
    }
    footer .copyright-cont{
        margin-top: 30px;
    }
    .vc_row.review_banner_wrapper{
        padding-top: 0 !important;
    padding-bottom: 0 !important;
    }
    .banner-rightform .vc_custom_heading.formtitle-box{
        font-size: 25px !important;
    }
    .vc_row.boilder-repair-section .vc_column-inner > .wpb_wrapper > h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .vc_row.boiler-blockbox .vc_single_image-wrapper img {
        max-width: 100%;
        margin: 0 auto;
    }
    h1, .herobanner-section.no-bannersection .bannerleft-text .vc_column-inner .wpb_wrapper h1{
        font-size: 24px;
        line-height: 34px;
    }
    h2,
    .wpb_text_column.titlewith-cont-box h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .vc_row.bluefullwidth-sec .wpb_text_column p {
        font-size: 26px;
        line-height: 36px;
    }
    .herobanner-section.no-bannersection > .wpb_column > .vc_column-inner .bannerleft-text {
        padding-top: 10px;
    }
    .vc_row.fullwidth-faq {
        padding: 10px 0 40px;
    }
    .wpb_raw_code.logos-slider .slick-list .wpsisac-image-slide .wpsisac-image-slide-wrap{
        height: 90px !important;
    } 
    .wpb_raw_code.logos-slider .slick-list .wpsisac-image-slide .wpsisac-image-slide-wrap img{
        max-width: 130px;
        width: 100% !important;
        height: auto !important;
    }

    .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
    .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
        background-color: #ffb800 !important;
    }
    .vc_tta.vc_general .vc_tta-panels-container {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        border: none;
    }
    .vc_tta.vc_general .vc_tta-panels, .vc_tta.vc_general .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body {
        padding: 20px;
        background-color: #f8f8f8;
        color: #8d8d8d;
        border: 1px solid #e6e6e6;
    }
    .vc_tta.vc_general .vc_tta-panels-container > .vc_tta-panels {
        padding: 0;
    }
    .vc_tta-color-orange.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading h4.vc_tta-panel-title {
        font-size: 16px;
    }

    footer .wp-block-column .menu-area-we-served-footer-container>.menu{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}


@media handheld, only screen and (max-width: 641px) {
    .logos-slider .slick-initialized .slick-slide {
        height: 100% !important;
    }
}


@media handheld, only screen and (max-width: 639px) {
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs {
        display: block;
        flex-wrap: inherit;
    }
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li {
        width: 50%;
        float: left !important;
    }
    .vc_row.fullwidth-faq .vc_toggle .vc_toggle_title h4{
        font-size: 16px;
    }
}


@media handheld, only screen and (max-width: 638px) {
    .logos-slider button.slick-arrow {
        display: block !important;
    }
}


@media handheld, only screen and (max-width: 550px) {
    .innerbox-shadowdiv .wpb_wrapper {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media handheld, only screen and (max-width: 479px) {
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li a, #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li.active a{
        padding: 10px 6px !important;
    }

    .quoteform-div {
        padding: 0;
    }
}

@media handheld, only screen and (max-width: 400px) {
    #tabbing-iddiv .wpb_raw_code.tabbing-box ul.wpsm_nav-tabs li {
        width: 100%;
    }
    footer .copyright-cont {
        font-size: 13px;
    }
}