
@media screen and (min-width:1025px){
.single .container.pressContainer{
max-width:calc(1600px - 40px);
}

.serveBtns {position:sticky;top:0;z-index: 999; left:0}

.page-id-2681 #main-content{
max-width:100%;
padding:0 !important;
}

.serveBtns .vc_column-inner{
padding:0 !important;
}

.serveBtns .wd-button-wrapper a{
width:250px;
}

.serveBtns .wd-button-wrapper{
border-radius:0 
}

.vc_custom_1776952953873 {max-width: var(--wd-container-w) !important;margin:auto !important;}

.serveBtns .wpb_wrapper{
max-width:260px;
padding-left:5px;
background:#fff;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
}

.vc_custom_1776953016802 {
padding-left:0 !important;
left:0 !important;
padding-right:0 !important;


}

.vc_custom_1776953016802 .max-auto ,.max-auto{
max-width: var(--wd-container-w) !important;
margin:auto !important;
}

.wd-rs-69ea471534984{
transform:translateY(-300px) !important;
}

.vc_custom_1776962953474 .max-auto{
transform:translateY(-150px);
}

h1.entry-title.title {
font-size:40px!important;
}

header ul.wd-sub-menu.color-scheme-dark li{
border-bottom:1px solid #00000012
}

.hero-section .hero-container{
padding-top: 150px !important;        
}

.serctor-section #construction,
.serctor-section #Corporate,
.serctor-section #education,
.serctor-section #hospitality,
.sectors-intro {
    max-width:1200px !important;
    margin:auto;

}

.desk-hidden{
    display: none !important;
    
}

.space-height{
height:120px;
}



}
@media screen and (max-width:1300px){
    
    section#how_it_works .how_it_works_points{
display:flex;
flex-wrap:wrap;
}

section#how_it_works .how_it_works_points .wpb_column {
        width: 50%;
}

footer .woodmart-title-container{
font-size:20px !important;
}

.latest-press-posts li{
    height: auto !important;
    
}

.hero-section .hero-container{
padding: 20px 20px !important;        
}



}


@media screen and (max-width:1200px){
    
.hero-section .hero-container{
padding: 20px 20px !important;        
}
    .hero-section{
padding:0px !important;        
}
 
    
    
.whb-main-header .whb-column.whb-mobile-left.whb-column_mobile2.whb-hidden-lg,
.whb-mobile-right.whb-hidden-lg{
display:flex !important;
}

.whb-main-header .wd-header-mobile-nav .wd-tools-text,
.whb-main-header .wd-header-mobile-nav .wd-tools-icon  {
color:#fff !important;
padding-right:20px !important;
}

.whb-main-header .wd-header-mobile-nav .wd-tools-text{

padding-right:20px;
}

#banner_services .info-box-wrapper > div{
    height: auto !important;
}

h2.info-box-title{
font-size:32px !important;
line-height:42px  !important;
}

section#how_it_works .how_it_works_points{
display:flex;
flex-wrap:wrap;
}

section#how_it_works .how_it_works_points .wpb_column {
        width: 50%;
}

footer .hidden-lg{
display:none !important;
}

#heroSection .wpb_column {
    max-width: 90%;
    margin: auto;
}

.milestone .vc_row-fluid {
display:flex !important;
flex-direction:row;
flex-wrap:wrap  ;
}


section.case-archive .row .col-4 {
    max-width: 100%;
}



}

@media screen and (max-width:1024px){
    
    .sectorTitle {
        font-size: 30px !important;
        line-height: 40px !important;
        
    }
    
    .hero-section .hero-container{
        
        flex-direction:column;
        padding:20px 40px;
    }
    
    .hero-section .video-bg {
        transform:scale(2);
        }
    
     .hero-section .hero-container h1{
         font-size: 40px !important;
         line-height: 50px;
     }
     
     .hero-section .btn{
         font-display:14px !important;
     }
    
    .serveBtns{
        display: none !important;
    }
    
    section#awwards p{
    max-width:100% !important;
    }
    
    section#awwards .wpb_wrapper{
    padding:10px
    }

    .aboutRow .imgColLeft,
    .aboutRow .imgColRight{
        position:relative;
    }

    .aboutRow .imgColLeft .vc_column-inner img,
    .aboutRow .imgColRight .vc_column-inner img,
    .aboutRow .leftCol{
        height:auto;
    }

    .companies-timiline .wd-timeline .wd-timeline-item:nth-child(even){
        padding:0 !important;
    }

    .companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-col-primary{
        margin-left:0 !important;
        padding: 30px 30px 15px !important;
    }

.faqSec .info-box-title{
font-size:28px !important;
line-height:38px;
}

.faqSec .info-box-subtitle{
font-size:22px !important;
line-height:32px;
}
.press-archive .col-4{
        width: 48%;
}

.row.pageTitle h2{
font-size:30px !important;
max-width:90% !important;
}
.single-press h1{
font-size:28px !important;
    width: 100% !important;
padding-bottom:40px !important;
}

.single-press .container .row {

    flex-direction: column;
}

.pressContainer .col-md-8 , .pressContainer .col-md-4{
    width:100%;
}
.presses-sidebar h4 {
font-size:20px;
}

.aboutRow .imgColLeft,
    .aboutRow .imgColRight{
    position:relative;
    }
    
    
    .aboutRow .imgColLeft .vc_column-inner img,
    .aboutRow .imgColRight .vc_column-inner img,
    .aboutRow .leftCol{
    height:auto;
    }
    
    .aboutRow .rightCol{
    padding-left:0;
    height:auto;
    }
    
    body .vc_custom_1773403973347{
    padding-top:0 !important;
    }
    
    body .vc_custom_1765918818500{
    padding-left:20px !important;
    padding-right:20px !important;
    }
    
    .page-id-15 .info-box-title{
    font-size:28px !important;
    }
    
    .page-id-15 .info-box-subtitle {
    font-size:18px !important;
    
    }
    
    .page-id-15 h4.info-box-title.title.box-title-style-default.font-alt.wd-fontsize-m{
    font-size:24px !important;
    
    }
    
    .page-id-15 section{
    padding-top:0px  !important;
    }
    
     .page-id-15 section h4.info-box-title.title.box-title-style-default.wd-fontsize-m{
    font-size:20px !important;
    }
    
    #how_it_works .how_it_works_points .info-box-wrapper .info-box-content{
    height:auto !important;
    }
    
.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(2){
background:#0c3d29

}

.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(4){
background:#852c2a;

}

.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(6){
background:#4b1312;
}

.companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-col-secondary{
    justify-content: center !important;
    
}

.wd-carousel-dis-mb .wd-carousel-wrap{
    mask-image:none !important;
    webkit-mask-image:none !important;

}

.footer-info .info-box-title{
font-size:16px !important;
}

.wd-page-title.page-title {
padding:50px 0px; 
padding-top:150px !important;
}

.how_it_works .how_it_works_points .wpb_column {
width:50%;
}

.companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-col.timeline-col-primary{
text-align:center !important;
}

.wd-header-mobile-nav .wd-tools-icon {
color:#fff;
}

.vc_row-fluid.services_box .wpb_column{
width:100%;
}


.homeSec5 .services_box .info-box-title {
font-size:22px !important;

}

.homeSec8 .how_it_works_points .wpb_column{
width:50%;

}

.homeSec8 .how_it_works_points .info-box-icon img{
max-width:55%;
}

.homeSec8 .how_it_works_points .info-box-title {
font-size:24px !important;
}

#how_it_works .how_it_works_points .info-box-wrapper .info-box-content{
padding-top:50px; 
}

#why_choose_us .short_info h4 {
font-size:22px !important;
}

#banner_services  .wd-info-box{
width:100%;
margin-top:20px !important;

}

#banner_services .wpb_column{
width:100%;

}

#service_sec .wpb_column{
width:100%;
}

#why_choose_us .short_info .wpb_column{
width:100%;

} 

#counter_sec .counter-value{
font-size:45px !important;

}

#counter_sec .counter-label{
font-size:16px !important;
}


.h2Heading .info-box-title {
font-size:35px !important;
}

.homeSec5 .services_box .info-box-title {
font-size:22px !important;

}

.homeSec8 .how_it_works_points .wpb_column{
width:50%;

}

.homeSec8 .how_it_works_points .info-box-icon img{
max-width:55%;
}

.homeSec8 .how_it_works_points .info-box-title {
font-size:24px !important;
}

#how_it_works .how_it_works_points .info-box-wrapper .info-box-content{
padding-top:50px; 
}

#why_choose_us .short_info h4 {
font-size:22px !important;
}

#banner_services  .wd-info-box{
width:100%;
margin-top:20px !important;

}

#banner_services .wpb_column{
width:100%;

}

#service_sec .wpb_column{
width:100%;
}

#why_choose_us .short_info .wpb_column{
width:100%;

} 

#counter_sec .counter-value{
font-size:45px !important;

}

#counter_sec .counter-label{
font-size:16px !important;
}

.latest-press-posts li{
    width:45% !important;
    
}

.h2Heading .info-box-subtitle  {
font-size:18px !important;
padding:8px 20px;
}

.milestone .vc_row-fluid .wpb_column{
        width: 35%;
}

div#heroSection .vc_custom_heading{
font-size:40px !important;
}

.milestone {
    top: 0px !important;
}

ul.latest-caseStudies li{
    width:49% !important;
    max-width: 48% !important;
   
}

.single-case_study .pressContainer .row{
flex-wrap: wrap;    
}

section.case-archive .row .col-4 {
    max-width: 47% ;
}

section.case-archive .row{
    padding: 30px 0px  ;
}

.post-type-archive-case_study .latest-caseStudies {
padding-left:0;
}

.case_content .case_title {
    font-size: 22px;
}

.serveBoxes .wpb_column {
width:100% 

}

.serveBoxes {
display:flex;
flex-direction:column;
gap:10px;
}

.sector-services .wd-rs-69eb497eb727a{
    margin-right: 0px;
}

.sector-services .wd-rs-69eb4983aded7 {
    margin-left: 0px;
}

.sectorservice-img{
order:2
}

.sector-services .vc_row-fluid {
gap:18px !important;
    
}

.servebox-heading .h2Heading{
    margin-bottom: 0 !important;
    
}

.sector-services .wd-rs-69eb497eb727a .info-box-wrapper, .sector-services .wd-rs-69eb4983aded7 .info-box-wrapper{
    height: auto !important;
}

section.sector-services .info-box-content {
    max-width: 100% !important;

}

.heroo h1{
font-size:30px !important;
line-height:40px !important;
padding-top:70px !important
}

.heroo .vc_custom_1777018952557{
margin-left:0 !important;
}

.heroContact form{
    padding: 20px !important;
    
}

.industries-serve  .wd-image img{
height:auto !important;

}

.accred-archive .row {
  grid-template-columns: repeat(2, 1fr);

}
.row.pageTitle.accreditations-title {
margin-top:0px !important;
background-position:top center !important;
}

.post-type-archive-accreditations .firstRow p{
max-width:100%;
margin:auto;
}

.post-type-archive-accreditations .firstRow h2 {
font-size:30px;
font-weight:700;
}

.hero-section .hero-left h1{
font-size:30px !important;
line-height:40px  !important;
}

.hero-buttons{
flex-direction:column
}

.hero-buttons a{
font-size:14px !important;
}

.mob-hidden{
    display: none !important;
    
}

}


@media screen and (max-width:767px){
    
.sectorTitle {
        font-size: 28px !important;
        line-height: 40px !important;
        padding-top:40px !important;
    }
    
.heroContact .form-row {
flex-direction:column;
margin-bottom:0;
gap:0
}
    
.heroContact .form-row p{
    margin-bottom: 10px;
}    
    
.hero-section {
height: auto !important;
    
}
    
.hero-section .video-bg{
    
    transform: scale(4) !important;
}
    
body.archive .wd-page-content{
min-height:auto;
}

.single-press article{
    padding: 0px 0px;
}
    
.single-press .presses-header-banner h1{
font-size: 16px !important;
line-height:26px !important;
}

.single-press .presses-header-banner,
.row.pageTitle{
height:300px !important;
}
    
.wd-page-title  h1.entry-title.title {
font-size:35px;
}
    
section#how_it_works .how_it_works_points .wpb_column{
width:100%;        
}

footer .title-wrapper{
margin-bottom:0;
margin-top:15px;
}
    
#contactSec .vc_row {
padding-top:0 !important;
}
    
.h2Heading .info-box-title,
.h2Heading .info-box-title {
font-size:30px !important;
}

header .whb-row.whb-general-header .whb-general-header-inner .site-logo {
    padding: 2px !important;
}

.wd-header-mobile-nav.wd-style-icon span.wd-tools-icon {
    color: #fff;
}
    
    .wd-page-title
    {
        padding-top: 170px !important;
    }

    /*h4.info-box-title {*/
    /*    font-size: 35px !important;*/
    /*    line-height: 40px !important;*/
    /*}*/
    
    #banner_services .info-box-wrapper > div h4.info-box-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    h4.info-box-title {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    
    #banner_services .info-box-wrapper > div h4.info-box-title {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    
    #about_us_content .info-box-title {
        font-size: 34px !important;
        line-height: 40px;
    }
    
    #service_sec .services_box .info-box-wrapper .info-box-content .info-box-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    
    #how_it_works .how_it_works_points .info-box-wrapper .info-box-content .info-box-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    #why_choose_us .short_info .info-box-wrapper .info-box-title {
        font-size: 22px !important;
        line-height: 30px !important;
    }
    
    #certificates img {
        height: 100px;
    }
    
    #certificates .slick-slide {
        padding: 5px;
    }

    header .whb-row.whb-general-header .whb-general-header-inner .site-logo:before {
        opacity: 0;
    }

    .wd-slider  .wd-slide-inner .info-box-wrapper .info-box-title {
        font-size: 35px !important;
        line-height: 40px !important;
    }
    
    .wd-slider .wd-carousel-inner .wd-slide-container .wd-slide-inner .vc_col-sm-8:before {
        width: 100%;
        left: 0;
    }
    
    .wd-slider .wd-slide-inner .info-box-wrapper {
        padding: 0 25px;
    }
    
    #banner_services .info-box-wrapper > div {
        margin-block: 15px !important;
        height: fit-content;
    }

    .wd-slider .wd-nav-arrows.wd-slider-arrows , .wd-slider .wd-nav-pagin-wrap.wd-slider-pagin {
        display: none !important;
    }

    .companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-col-secondary {
        justify-content:center;
        align-items:center;
        display:flex;
    }

    .companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-col.timeline-col-primary{
        text-align:center !important;
    }

.press-archive .col-4{
        width: 100%;
}
.press-archive .container{
padding:50px 0px !important;
}

    .row.pageTitle h2 {
		font-size: 22px !important;
}

.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(2){
background:#0c3d29

}

.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(4){
background:#852c2a;

}

.timelineSec .wd-timeline-wrapper .wd-timeline-item:nth-child(6){
background:#4b1312;
}

.companies-timiline .wd-timeline .wd-timeline-item:nth-child(even) .timeline-arrow{
left:auto;
}

footer h4{
font-size:26px !important;
}

.aboutRow.reverse{
flex-direction:column-reverse
}

.how_it_works .how_it_works_points .wpb_column {
width:100%;
}

footer .hidden-lg{
display:block !important;
}


.latest-press-posts li{
    width:100% !important;
    
}

.industries-boxes h4{
font-size:16px !important;
padding-top:5px !important
}

.industries-boxes  .wd-items-top{
align-items:center;
}

.milestone .vc_row-fluid .wpb_column{
        width: 100%;
}

.milestone h4.info-box-title {
        font-size: 21px !important;
        
}


div#heroSection .vc_custom_heading{
font-size:30px !important;
line-height:40px !important;
}

.milestone {
    top: 0px !important;
}

.vc_custom_1776255439396{
    margin-top:10px;
    
}


.vc_custom_1776252436721 .wpb_column  {
max-width:70%;
margin:auto;

}

.vc_custom_1776252436721 .wpb_wrapper .vc_row-fluid{
display:flex;
flex-direction:column;

}

header .wd-tools-element .wd-tools-icon:before{
color:#000 !important;
}

header .wd-tools-element .wd-tools-icon:before{
color:#000 !important;
}

.whb-main-header .wd-header-mobile-nav .wd-tools-icon {
padding-right:0 !important;
}

header .wd-social-icons {
gap:10px !important;
}

header .wd-social-icons a{
padding:6px 8px !important;
}

.vc_custom_1776258631589 {
margin-top:10px;
}

.vc_custom_1776258631589 {
background:#ffffff5e;
}

.heroSection{
    min-height: auto;
}

.items-center .info-box-content{
text-align:center !important;
}

.contact-col1 ul{
display:flex;
justify-content:start;
padding:0 !important;
}

body .vc_custom_1776185667008{
padding-top: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
    padding-left: 30px !important;
}

body .vc_custom_1776263514092{
    padding-top: 0px !important;
    
}

.contactSec .info-box-content{
text-align:left !important;
}

ul.latest-caseStudies li{
    width:100% !important;
   
}

ul.latest-caseStudies li{
    max-width: 100% !important;
   
}

section.case-archive .row .col-4 {
    max-width: 100% ;
}

.caseCard{
    height: auto;
}

.presses-header-banner h1{

     font-size: 28px;
}

.sector-services{
 margin:auto !important;   
}

section.sector-services .box-with-icon{
    position: relative !important;
}

.serveBoxes .wd-info-box .info-box-title {
font-size:20px !important;

}

.serveBoxes .box-icon-align-right {
    flex-direction: column !important;
}

.accred-archive .row {
  grid-template-columns: repeat(1, 1fr);

}

.row.pageTitle.accreditations-title {
    position: relative;
    background: url('https://k4group.co.uk/wp-content/uploads/2026/05/about_us_banner-scaled-1.png');
    background-size: cover;
    background-position: top center;
    height: 500px;
    margin-top: 100px;


}

.hero-section{
    min-height: auto !important;
    
}

.hero-section .hero-left{
    padding-top:83px !important;
    padding-left:16px !important;
    padding-right:16px !important;

    
    
}

}
/** Last media query for mobile screens */
@media only screen and (max-width: 600px) {
    .wd-slider .wd-slide-inner .info-box-wrapper .info-box-title {
        font-size: 22px !important;
        line-height: 26px !important;
    }
    .wd-slider .wd-slide-inner .info-box-wrapper {
        padding: 0 10px !important;
    }
    .press-archive .col-4 {
        width: 100% !important;
        padding: 0 !important;
    }
    .press-archive .container {
        padding: 25px 0px !important;
    }
    .row.pageTitle h2 {
        font-size: 16px !important;
    }
    
     .post-type-archive-case_study .row.pageTitle h2 {
        font-size: 24px !important;
    }
    #banner_services .info-box-wrapper > div {
        margin-block: 8px !important;
    }

    #how_it_works #moving_part {
        transform: rotate(90deg);
        width: 150vh !important;
        max-width: 150vh !important;
        left: -100% !important;
        top: 50% !important;
    }

    #service_sec .services_box .info-box-wrapper .box-icon-wrapper .info-box-icon img {
        border: 5px solid #fff;
    }
    
}    