@media screen and (min-width: 1601px){
.banner-image h1 span{line-height: 78px !important}
.banner-image p span{line-height: 55px !important; font-size: 30px !important;}
.home .banner-image p span{line-height: 55px !important; font-size: 40px !important;}
}

@media screen and (min-width: 1970px){
.banner-image h1 span{line-height: 77px !important}
.home .banner-image .banner-content p div{line-height: 57px !important}
}

@media screen and (min-width: 2100px){
.banner-image h1 span{line-height: 79px !important}
.banner-image p span{line-height: 44px !important}
.home .banner-image .banner-content p div{line-height: 55px !important}
}

@media screen and (min-width: 2370px){
.banner-image h1 span{line-height: 79px !important}
.banner-image p span{line-height: 43px !important}
.home .banner-image .banner-content p div{line-height: 56px !important}
}

@media (max-width: 1439.98px) and (min-width: 1200px){
	.news-list .card-columns {
		column-count: 3;
	}
	.projects-list .card-columns {
		column-count: 3;
	}
}
@media screen and (max-width: 1590px){
.home .banner-image img{min-height: 500px;}
}

@media screen and (max-width: 1400px){
.header-right .header-search.widget{width: 78%;}
.main-navigation .menu li:nth-child(2) ul.sub-menu li .sub-menu{width: 300px !important}
.main-navigation .menu li:nth-child(2) ul.sub-menu li .sub-menu li a{white-space: initial !important;}
	
	.banner-image h1 span {
 		line-height: 79px !important; 
	}
}

@media all and (max-width: 1400px) and (-ms-high-contrast:none), all and (-ms-high-contrast:active) {
	.display-4, .header-sm h1, .header-lg h1 {
		font-size: calc(1.45rem + 2vw) !important;
	}
}

@media screen and (max-width: 1280px) {
    .home-top .contact-with-us-section.widget .cta a div{max-width: 96%;}
}
@media screen and (min-width: 1230px) {}
@media screen and (max-width: 1230px) {
    
}
@media screen and (max-width: 1260px) {
    .header-right .header-search.widget{width: 76%;}
    .header-right .header-search .search-form-input{width: 93%;}
}
@media screen and (max-width: 1200px) {
    .wrap, .container{max-width: 96% !important;}
    .home .site-inner > .wrap{max-width: 100% !important;}
    .home-bottom{padding-bottom: 0px;}

    .news-list .box-list .box-image{max-height: 235px;}
    .news-list .box-list .box-image img{min-height: 235px; max-height: 235px;}

    .projects-list .box-list .box-image{max-height: 235px;}
    .projects-list .box-list .box-image img{min-height: 235px; max-height: 235px;}
	
	.display-4, .header-sm h1, .header-lg h1 {
		font-size: calc(1.45rem + 2vw);
	}
	
	.banner-image h1 span {
 		line-height: 70px !important; 
	}
	
	.banner-image h1 {
		font-size: calc(1.375rem + 1vw) !important;
	}
}

@media all and (max-width: 1200px) and (-ms-high-contrast:none), all and (-ms-high-contrast:active) {
	.banner-image h1 span {
		line-height: 30px !important;
	}
}

@media screen and (max-width: 1180px) {
    .news-section .widget-title{padding: 0 4.3%;}
	  .projects-section .widget-title{padding: 0 4.3%;}
}
@media screen and (max-width: 1130px) {
    .header-right .header-search.widget{width: 74%;}

    .news-list .box-list .box-image{max-height: 205px;}
    .news-list .box-list .box-image img{min-height: 205px; max-height: 205px;}

    .projects-list .box-list .box-image{max-height: 205px;}
    .projects-list .box-list .box-image img{min-height: 205px; max-height: 205px;}
}
@media screen and (max-width: 1100px) {
    .header-right .header-search.widget{width: 72%;}
    .header-right .header-search .search-form-input{width: 90%;}
	.banner-image h1 span{line-height: 71px !important}
    
}

@media screen and (min-width: 1000px) {
	.banner-image h1 span{font-size: 48px; line-height: 60px;}
}

@media screen and (max-width: 1023px) {
    .title-area {width: 170px !important; text-align: left !important;}
    .header-image .site-title a {background-position: left top !important;}

    .news-section .card-deck .card{min-height: 435px;}
	  .projects-section .card-deck .card{min-height: 435px;}
	
    .site-header .header-inner .header-left a{min-height: 50px;}

    .site-header .search-form{margin-bottom: 0px;}

    .banner-image{margin-top: 80px;}

    .news-list .box-list .box-image{max-height: 195px;}
    .news-list .box-list .box-image img{min-height: 195px; max-height: 195px;}

    .projects-list .box-list .box-image{max-height: 195px;}
    .projects-list .box-list .box-image img{min-height: 195px; max-height: 195px;}
}
@media screen and (min-height: 900px) and (max-width: 1000px) {

}

@media screen and (max-width: 991px) {
    header.site-header.fixed-header {position: initial;}
    .header-right .header-search.widget{display: none;}
    .site-header .wrap {padding: 10px 0;}

    .site-header{position: initial;}
    .banner-image{margin-top: 0px;}
 
    button#responsive-menu-button{right: 2% !important; top: 20px !important}
    button#responsive-menu-button {width: 56px !important; height: 40px !important; background: #ffffff !important; border: 1px solid rgba(0,0,0,.1) !important; color: rgba(0,0,0,.5);}
    #responsive-menu-container{background: #246572 !important;}
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {border-bottom: 1px solid #246572 !important; background-color: #246572 !important;}
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover{border: none !important; background: transparent !important;}
    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{background: transparent !important; border: none !important}
    .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after{height: 2px !important; background-color: rgba(0,0,0,.5) !important;}
    body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow{border: none !important;}
 
    .footer-widgets .footer-widgets-3 .footer-service-menu.widget{width: 50%; padding-bottom: 30px;}
    .footer-widgets .footer-widgets-3 #nav_menu-7.footer-service-menu{clear: both;}
 
    .hatfield-sectors.services-list{max-width: 100%;}
    .hatfield-services.services-list {max-width: 96%;}

    .hatfield-projects.post-list .card.box-list { max-width: 45%; margin: 0 2.3%; }

    .content{width: 70%;}
    .sidebar-primary {width: 30%;}

    .client-list .box-item h3 {font-size: 20px;}

    .news-list .box-list .box-image{max-height: 260px;}
    .news-list .box-list .box-image img{min-height: 260px; max-height: 260px;}

    .projects-list .box-list .box-image{max-height: 260px;}
    .projects-list .box-list .box-image img{min-height: 260px; max-height: 260px;}

    .banner-image h1 span{line-height: 70px !important}
}


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

@media screen and (max-width: 979px) {
    .latest-news-list .card.box-list{width: 48%;}
    .latest-projects-list .card.box-list{width: 48%;}
}
@media screen and (max-width: 950px) {
    .home .banner-image {max-height: 400px; min-height: 400px;}
    .home .banner-image img{min-height: 400px;}
}
@media screen and (max-width: 920px) {
    .banner-image h1 span{line-height: 69px !important}
}
@media screen and (max-width: 840px) {
    .banner-image h1 span{line-height: 55px !important}
}
@media screen and (max-width: 880px) {
    .news-list .box-list .box-image{max-height: 230px;}
    .news-list .box-list .box-image img{min-height: 230px; max-height: 230px;}

    .projects-list .box-list .box-image{max-height: 230px;}
    .projects-list .box-list .box-image img{min-height: 230px; max-height: 230px;}
	
    .banner-image h1 {
		font-size: 28px;
	}
	
	.banner-image p span{
		font-size: 14px !important; 
		line-height: 26px !important;
	}
	
	.home .banner-image p span{
		font-size: 36px !important; 
		line-height: 49px !important;
	}
}
@media screen and (max-width: 800px) {
	.banner-image h1 {
		font-size: 28px;
	}
}
@media screen and (max-width: 770px) {
    .news-list .box-list .box-image{max-height: 220px;}
    .news-list .box-list .box-image img{min-height: 220px; max-height: 220px;}
    .projects-list .box-list .box-image{max-height: 220px;}
    .projects-list .box-list .box-image img{min-height: 220px; max-height: 220px;}
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
    .content{width: 100%; padding: 0;}
    .sidebar-primary{width: 100%;}

    .client-list .box-item h3 {font-size: 18px;}

    .home .banner-image .banner-content p div{font-size: 32px; line-height: 51px !important;}

    .home .banner-image {min-height: initial;}
    .home .banner-image .banner-content .banner-inner {width: 100%;}
    .home .banner-image img{min-height: 225px;}
    .banner-image .banner-inner{width: 100%;}
    .header-sm p, .header-lg p{font-size: initial !important;}
    
    .banner-image .banner-content{bottom: 10px;}

    .home-top .contact-with-us-section.widget .cta a .cta-text{align-self: initial !important; width: 100%; float: left; text-align: center;}
    .home-top .cta a .cta-link {margin-top: 10px; width: 100%; text-align: center; margin-bottom: 0;}

    .why-choose-section.widget .p-5{padding: 50px 0 !important;}

    .hatfield-sectors.services-list{padding: 0;}

    .home-bottom-2{padding-bottom: 40px;}
    .home-bottom-2 > .container.my-5{margin-top: 0px !important; margin-bottom: 0 !important}
    .join-our-team-section .textwidget{padding-top: 200px;}

    .content > article{margin-bottom: 0px !important;}

    .single-career-opportunity .content p {word-break: break-word;}

    .news-list .card-columns{column-count: 2;}
    .projects-list .card-columns{column-count: 2;}
}
@media all and (max-width: 767px) and (-ms-high-contrast:none), all and (-ms-high-contrast:active) {
	.home .banner-image img{min-height: inherit !important;}
}
@media screen and (max-width: 766px) {
    .banner-image h1 span { 	
		line-height: 75px !important;
	}
}
@media screen and (max-width: 700px) {
    .news-list .box-list .box-image{max-height: 190px;}
    .news-list .box-list .box-image img {min-height: 190px; max-height: 190px;}

    .projects-list .box-list .box-image{max-height: 190px;}
    .projects-list .box-list .box-image img {min-height: 190px; max-height: 190px;}

    .home .banner-image .banner-content {bottom: 0px;}

    .banner-image h1 span{line-height: 50px !important} 
}

@media all and (max-width: 700px) and (-ms-high-contrast:none), all and (-ms-high-contrast:active) {
	.banner-image h1 span {
		line-height: 30px !important;
	}

  .header-sm.banner-image > .container {
		margin-top: 80px !important;
	}
}

@media screen and (max-width: 685px) {}
@media screen and (max-width: 640px) {
    .news-list .box-list .box-image{max-height: 170px;}
    .news-list .box-list .box-image img {min-height: 170px; max-height: 170px;}

    .projects-list .box-list .box-image{max-height: 170px;}
    .projects-list .box-list .box-image img {min-height: 170px; max-height: 170px;}
}
@media screen and (max-width: 600px) {
    .home .banner-image .banner-content p div {font-size: 22px; line-height: 40px !important;}
}

@media screen and (max-width: 580px) {
    .footer-widgets .footer-main-menu.widget{width: 65%;}
    .footer-widgets .footer-main-menu ul li{width: 50%;}
    .footer-widgets .footer-social-icon.widget{width: 35%;}
    .footer-widgets .footer-sectors-menu ul li{width: 50%;}

    .hatfield-projects.post-list .card.box-list { max-width: 100%; margin-bottom: 25px; }

    .home-top .contact-with-us-section.widget .cta a div{padding: 50px 0 !important}

    .news-section .card-deck .card {min-height: initial; max-width: 100%; margin: 0 0 15px;}
	  .projects-section .card-deck .card {min-height: initial; max-width: 100%; margin: 0 0 15px;}

    .join-our-team-section.widget{min-height: initial; max-height: initial;}
    .join-our-team-section .textwidget {padding: 150px 15px; width: 100%; min-height: initial;}

    .news-list .card-columns {column-count: 1;}
    .news-list .box-list .box-image{max-height: initial;}
    .news-list .box-list .box-image img {min-height: initial; max-height: initial; width: 100%;}

    .latest-news-list .card-columns{margin: 0;}
    .latest-news-list .card.box-list{width: 100%; margin: 0; min-height: initial;}

    .projects-list .card-columns {column-count: 1;}
    .projects-list .box-list .box-image{max-height: initial;}
    .projects-list .box-list .box-image img {min-height: initial; max-height: initial; width: 100%;}

    .latest-projects-list .card-columns{margin: 0;}
    .latest-projects-list .card.box-list{width: 100%; margin: 0; min-height: initial;}

    .banner-image h1 span{ font-size: 26px !important; line-height: 56px !important}
}

@media all and (max-width: 580px) and (-ms-high-contrast:none), all and (-ms-high-contrast:active) {
	.banner-image h1 span {
		line-height: 30px !important;
	}
}

@media screen and (max-width: 500px) {}
@media screen and (max-width: 479px) {
    .header-sm.banner-image .col{padding: 0;}

    .banner-image img{min-height: 200px; width: auto; min-width: 100%;}

    .footer-widgets .widget-title{text-align: center; margin-bottom: 15px;}
    .footer-widgets .footer-main-menu.widget{width: 100%;}
    .footer-widgets .footer-main-menu ul li { width: 100%; text-align: center;}
    .footer-widgets .footer-social-icon.widget {width: 100%; margin-bottom: 20px;}
    .footer-widgets .footer-social-icon ul li{text-align: center;}
    .footer-widgets .footer-sectors-menu ul li {width: 100%; text-align: center;}
    .footer-widgets .footer-widgets-3 .footer-service-menu.widget{width: 100%;}
    .footer-widgets .footer-service-menu ul li{text-align: center;}
    .site-footer{padding-top: 0 !important;}

    .site-footer .footer-bottom-menu .menu li:first-child{border: none;}


    .home .banner-image {min-height: 250px; overflow: hidden;}
    
    .home .banner-image img {min-height: 250px; width: auto; max-width: initial; max-height: 250px; min-width: 100%;}

    .page-id-18 .banner-image .banner-content{bottom: 0;}

    .map-image img{height: auto !important;}
    .we-worked-section .widget-title{font-size: 28px; margin-bottom: 25px;}

    .hatfield-why .background-image{min-height: 300px !important}
    .home-services-section h2{font-size: 24px; padding: 0;}

    .join-our-team-section .textwidget{padding: 70px 15px;}

    .hatfield-news.post-list .container {padding: 0;}
    .hatfield-projects.post-list .container {padding: 0;}

    .year img{max-width: 100%; margin: 0 0 15px;}

    .newsfeed .news-list .card-columns .card{min-height: initial;}
    .projectsfeed .projects-list .card-columns .card{min-height: initial;}
}
@media screen and (max-width: 450px) {
    .banner-image h1 span{line-height: 52px !important}
	.banner-image p span{font-size: 16px !important; padding: 8px; line-height: 24px!important;}
	.home .banner-image p span{font-size: 24px !important; padding: 8px; line-height: 32px!important;}
}
@media screen and (max-width: 413px) {
    .banner-image h1 span{line-height: 56px !important}
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 370px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 340px) {
    .banner-image h1 span{line-height: 55px !important; padding: 14px 8px 18px;}
}
@media screen and (max-width: 320px) {}