@charset "utf-8";
/* style-responsive */
@media only screen and (max-width: 1090px)
{
	.main-background {
		background-attachment: scroll;
	}
.content-block {
    padding: 2em 1em;
}
.news-photo {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
	max-width: 250px;
    max-height: 200px;
    overflow: hidden;
}

.news-photo img {
	margin: 0 auto;
}

.all-news {
	margin: 1em 1%;
}

.news-content {
    width: 100%;
}
}

@media only screen and (max-width: 1030px)
{
	#footer-left, #footer-middle , #footer-middle-right , #footer-right {
	width: 50%;
}
  #footer-middle-right {
    clear: both;
}

.bel-centre-vertical #page-title{
	margin: 0 !important;
	padding: 3em 0 !important;
}
}

@media only screen and (max-width: 900px){
.pb-ihover33 {
	padding-left: 0;
	padding-right: 0;
}

.ih-item.circle.effect1 .img {
	left: 0;
}

.five-up {
	width: 25%;
}

#footer {
	border-top: solid 1em #f2f2f2;
}

.archive-title{
	font-size: 2.3rem;
	padding: 10px;
}

.archive-subtitle{
	padding: 5px;
}
}

@media only screen and (max-width: 870px){
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 10px !important;
}
}
@media only screen and (max-width: 880px){
.show-desktop-menu {
	display: none;
}
#menu-front {
	margin-bottom: 20px;
}
.header-inner {
	padding:0 !important;
}
#show-mobile-header {
	display: block;
	text-align:center;
	position: relative;
	z-index: 10;
	background: #00112d;
	padding: 0 0 25px 0;
}
#header {
	background: #00112d;
	min-height: 300px !important;
	max-height: 50vh !important;
	overflow: hidden;
	position: relative;
}
.vidbg-container,
#header .vidbg-container,
.vidbg-container video,
#header .vidbg-container video,
#header video {
	background-size: contain !important;
	object-fit: contain !important;
}

/* Extra specific override for video containment */
#header.vidbg-container video,
header#header .vidbg-container video {
	object-fit: contain !important;
	background-size: contain !important;
}

/* Position video below mobile logo */
.header-overlay-wrapper {
	position: relative;
	z-index: 1;
	margin-top: 0;
}
}

@media only screen and (max-width: 768px){
/* Adjust video height for tablet/mobile */
#header {
	min-height: 250px !important;
	max-height: 60vh !important;
	background: #00112d;
}

#header .vidbg-container,
#header video {
	max-height: 60vh !important;
	object-fit: contain !important;
	width: 100% !important;
}

}

@media only screen and (max-width: 820px){
.padding-1 {
    padding: 1%;
}

.pb-ihover33 {
	width: 50%;
}

.triple-link-image {
	margin-top: 15px;
}

.no-back {
	background: none !important;
	background-color: #f3f2f2 !important;
}

.hide-on-mobile , .hide-with-header {
	display: none;
}
.triple-link-image img {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
}
.row-narrow {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}

.bottom-content .double-blocks-50{
	background:none;
}
.bottom-content .double-blocks-50 .double-content-block{
	background:rgba(255,255,255,.8.5);
}

.content.bottom-content::after{
	padding-top: 0;
	margin-top: 0;
}

.no-style{
	background: none !important;
	text-align: center;
}
}
 
@media only screen and (max-width: 730px){ 
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 6px !important;
}
/** WP LIGHTBOX -  Fixes the images jumping out the box small screens  **/
#outerImageContainer {
	overflow: hidden !important;
	box-sizing: border-box;
	width: 100% !important;
}
.padding-1 {
    padding: 2%;
}

.width33 {
    width: 50%;
}

.break-div .content-block  {
	display: inline;
}
.counter-break-div::before {
	content: "";
    display: block;
    clear: both;
	margin-top: .3em;
}

.row-narrow {
	max-width: 600px;
}
.five-up {
    width: 25%;
}

.left-triple-block, .middle-triple-block, .right-triple-block {
    width: 100%;
	max-width: 400px;
	float: none;
	margin: 1em auto;
}
}

@media only screen and (max-width: 700px){   
.main-logo img {
	margin-left: 0;
}

.suppliers-block {
	width: 100%;
}

.supplier-desc {
	height: auto;
}

#footer-left, #footer-middle {
	width: 50%;
}

#footer-right {
	width: 100%;
}

h3.title-block, .title-block {
	box-sizing: border-box;
}

.five-up {
    width: 50%;
}

.six-up {
    width: 33.3%;
	padding: 1.5%;
}
}

@media only screen and (max-width: 650px){
.hide-650-pixles {
	display: none !important;
}
.width33 {
    width: 100%;
	max-width: 400px;
	float: none;
	margin: 1em auto;
}

.bel-margin-fix{
	height: auto !important;
}

.bel-margin-fix #page-title{
	margin: 0 !important; 
	padding: 1em 0.5em !important;
	font-size: 35px !important;
}

.service-content{
	margin-top: 0;
}
}

@media only screen and (max-width: 580px){  
.double-block-mobile{
	background-position: center !important;
	background-size: auto !important;
}

.pb-ihover33 {
	width: 100%;
} 

.ih-item.circle {
	margin: 0 auto;
} 

#page-header {
	height: auto !important;
}

.six-up {
    width: 50%;
}
}

@media only screen and (max-width: 480px){  
blockquote {
	padding: 1em;
}
.title-block {
	width: auto;
}

.width33 {
    width: 100%;
}

.break-div .width33 {
    width: 100%;
    max-width: 320px;
	padding: 15px 7%;
	box-sizing: border-box;
}

.break-div .content-block {
    display: block;
}

.padding-1 {
    padding: 1%;
}

.content-block {
    padding: 2em 1em;
}

.double-blocks-50 .double-content-block {
	padding: 1em !important;
}

h1{
	font-size: 2em;
}
.form-row {
  display: block;
}

#enquiry-form {
  padding: 10px;
}

.form-50{
	width: 100%;
}

.bel-centre-vertical #page-title{
	padding: 1em 0 !important;
}
}

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

#header {
    min-height: 210px !important;
    max-height: 60vh !important;
    background: #00112d;
  }
.block50-back {
	width: 100%;
	margin: 1em 0;
}
.all-news {
    padding: 1em 1%;
}
#footer-left, #footer-middle {
	width: 100%;
	text-align: center;
}

.footer-widget ul {
	margin: 0;
}
span.wpcf7-list-item {
    display: block !important;
}
.five-up, .six-up {
    width: 100%;
}
.slider-nav3 {
	display: none;
}
ul, ol {
	margin: 1em 0 1em 1em;
}

.bel-margin-fix #page-title{
	padding: 1em 5px !important;
}

.sector-services-list{
	padding-left: 0.5em;
}

.enquiry-form{
	padding: 15px;
}
}

@media only screen and (max-width: 340px){
#header {
    min-height: 160px !important;
  }
	.service-title{
		font-size: 2rem;
	}

	.service-buttons .btn{
		margin-top: 10px !important;
	}
}