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

@media (max-width: 1400px)
{
	#btn-cvid-play{
		height:85px !important;
		width:85px !important;
		position:absolute !important;
		left:25% !important;
		top: calc(50% - 43px) !important;
		transform: translateY(-50%) !important;
		transform: translateX(-50%) !important;
	
	}
	
	#wrapper 
	{
		/*max-width: 1200px;*/
	}
}

@media (min-width:970px ) AND ( max-width: 1230px)
{
	#mobile_offcanvas, #mobileToggle{
		display:block;
	}
	#mobile_offcanvas{
		opacity: 1;
		right: 0;
		transition: opacity 0.5s ease-in-out;

	}
	.offcanvas-active #header, .offcanvas-active .masthead, .offcanvas-active #main, .offcanvas-active #footer{
		right:250px;
	}
	.slimScrollDiv, .full_height_scroll{
		height:auto!important;
		overflow: scroll!important;
	}
	.subpage-links li:hover > a:after, .subpage-links .active:after{
		border-right:none;
	}
	.landing-page .bd-content{
		/*
		width: 300px;
		top: 10px!important;*/
		right: 50px!important;
		
	}
	.layout-with-sidebar .bd-content{
		min-height:580px;
	}
	.layout-with-sidebar .bd-sidebar{
		display:none;
	}
	.landing-page .carousel{
		height:580px!important;
	}
	.landing-page .header-back img{
		width:120%!important;
		max-width:inherit;
	}
	.landing-page .header-back{
		height:580px!important;
	}
	.h600{
		height:auto;
	}
	.table-responsive > .table > thead > tr > td, 
	.table-responsive > .table > tbody > tr > td, 
	.table-responsive > .table > tfoot > tr > td{
		display:table-cell;
		white-space:normal;
	}
	.table-responsive > .table > thead > tr > th, 
	.table-responsive > .table > tbody > tr > th, 
	.table-responsive > .table > tfoot > tr > th{
		display:table-cell;
		white-space:normal;
	}
	.table-responsive > .table .mobile-label{
		display:none;				
	}
	.table-responsive > .table .mobile-label label,
	label{
		font-size:14px;
		padding-left:0!important;
	}
	ul.pageNav{
		display: inline-flex;
	}
	.th-datetime{
		width:auto;
	}
	
	#btn-cvid-play{
		height:85px !important;
		width:85px !important;
		position:absolute !important;
		left:25% !important;
		top: calc(50% - 43px) !important;
		transform: translateY(-50%) !important;
		transform: translateX(-50%) !important;
	
	}
	
	
	/*#wrapper { width: 1000px; }*/
	
	.btn-blue { font-size: 14px; }
	
	#home_masthead { height: 750px; }
	
	.layout-with-sidebar { padding: 0 0px; /*padding: 0 120px;*/ }
	.layout-with-sidebar .bd-content { margin-left: 0%;}
	.bd-navigation-module { padding-left: 4em; }
	
	/* About
	------------------------------------------------------*/

	/*.groupStruc-widget .title-widget { padding: 1em; }*/
	.groupStruc-widget .title-widget a { font-size: 12px; padding: 1em; }
	
	.groupStruc-widget .tab-transformer > li { padding: 0 10px; }
	
	#vmcv .wrap { padding-left: 18.5em; }
	#vmcv .core-values .popup { top: -124%; width: 230px; }
	
	/* Business Groups
	------------------------------------------------------*/

	.landing-block { height: 500px; }
	
	.business-thumblinks .business-thumbs { height: 200px; }
	.business-thumblinks .title { font-size: 18px; }
	
	.business-thumblinks .category-types
	{
		display: block;
		font-size: 11px;
		margin: 5px auto !important;
		width: 85px;
	}
	
	.fm-featured { max-width: 70%; }
	.fm-featured .list-inline > li { width: 30%; }
	
	/* Careers
	------------------------------------------------------*/

	.career-masthead { padding: 5em; }
	
	#careerCarousel .owl-carousel
	{
		width: 800px;
	}
}

@media (max-width: 970px) AND (min-width:768px)
{
	
	.layout-with-sidebar .bd-content{
		min-height:805px;
	}
	.layout-with-sidebar .bd-sidebar{
		display:none;
	}
	.h600{
		height:auto;
	}
	.col-width-85{
		width:75%;
	}
	.col-width-15{
		width:25%;
	}
	.slimScrollDiv, .full_height_scroll{
		height:auto!important;
		overflow: scroll!important;
	}
	ul.pageNav{
		display: inline-flex;
	}
	.landing-page .header-back img{
		width:160%!important;
		max-width:inherit;
	}
	.landing-page .carousel, .landing-page .header-back{
		height:592px!important;
	}
	.table-responsive > .table > thead > tr > td, 
	.table-responsive > .table > tbody > tr > td, 
	.table-responsive > .table > tfoot > tr > td{
		display:inline-block;
		width:33.33333%;
		white-space:normal;
		border-bottom: 0px;
	}
	.table-responsive > .table > tbody > tr > td._DYN_ACTION {
		width:100%;
	}
	.table-responsive > .table .mobile-label{
		display:block;				
	}

	.th-datetime{
		width:auto;
	}
	.th-price > ._CELL  > span{
		text-align:left!important;
	}
	#btn-cvid-play{
		height:85px !important;
		width:85px !important;
		position:absolute !important;
		left:50% !important;
		top: calc(35% - 43px) !important;
		transform: translateY(-50%) !important;
		transform: translateX(-50%) !important;
	
	}
	
	/* Global
	------------------------------------------------------*/
	
	/*#wrapper { width: 830px; }*/
	.main-navigation .parent > li > a { padding: 5px 8px; }
	
	.md-width-1 > li { width: 100%; }
	.md-width-2 > li { width: 50%; }
	.md-width-3 > li { width: 33.33333%; }
	.md-width-4 > li { width: 25%; }
	.md-width-5 > li { width: 20%; }
	.md-width-6 > li { width: 16.66667%; }
	.md-width-7 > li { width: 14.28571%; }
	.md-width-8 > li { width: 12.5%; }
	.md-width-9 > li { width: 11.11111%; }
	.md-width-10 > li { width: 10%; }
	.md-width-11 > li { width: 9.09091%; }
	.md-width-12 > li { width: 8.33333%; }
	
	.md-width-1 > li:nth-of-type(1n+1),
	.md-width-2 > li:nth-of-type(2n+1),
	.md-width-3 > li:nth-of-type(3n+1),
	.md-width-4 > li:nth-of-type(4n+1),
	.md-width-5 > li:nth-of-type(5n+1),
	.md-width-6 > li:nth-of-type(6n+1),
	.md-width-7 > li:nth-of-type(7n+1),
	.md-width-8 > li:nth-of-type(8n+1),
	.md-width-9 > li:nth-of-type(9n+1),
	.md-width-10 > li:nth-of-type(10n+1),
	.md-width-11 > li:nth-of-type(11n+1),
	.md-width-12 > li:nth-of-type(12n+1) { clear:both; }
	
	.ft-left, .ft-right
	{
		float: none;
		text-align: center;
	}
	
	.ft-left { margin-bottom: 15px; }
	
	.bd-navigation-module { padding-left: 2em; }
	
	.layout-with-sidebar { padding: 0 0; /*padding: 0 60px;*/ }
	.layout-with-sidebar .bd-sidebar { width: 0%; display:none;/*width: 35%;*/ }
	.layout-with-sidebar .bd-content { margin-left: 0%; /*margin-left: 40%;*/ }
	
	.nav-tabs a { font-size: 12px; }
	
	/* Home
	------------------------------------------------------*/
	
	#home_masthead { height: 700px; }
	
	#home_grid_Carousel .feature-block
	{
		float: none;
		width: 100%;
	}
	
	#Grid_Big, #Grid_Small_1 { border: none; }
	#Grid_Big { border-bottom: 1px solid #fff; }
	#Grid_Small_1 { border-right: 1px solid #fff; }
	
	#home_grid_Carousel .carousel-indicators { bottom: 45%; }
	#home_grid_Carousel .carousel-caption { bottom: 15%; }
	
	#home_grid_Carousel .tablet-top { height: 440px; }
	#home_grid_Carousel .img-desk { display: none; }
	#home_grid_Carousel .img-tablet { display: block; }
	
	#home_grid_Carousel .tablet-bottom { height: 260px; }
	#home_grid_Carousel .half-tablet.carousel
	{
		clear: none;
		float: left;
		height: 100%;
		width: 50%;
	}
	
	#owlNews .owl-nav .owl-prev { left: -35px; }
	#owlNews .owl-nav .owl-next { right: -35px; }
	
	
	
	/* About
	------------------------------------------------------*/
	#vmcv:before { opacity: 1; }
	#vmcv .wrap { padding: 3em; }
	#vmcv .core-values .popup { left: 38%; }
	
	.groupStruc-widget .tab-transformer > li { padding: 0 5px; }
	.tab-transformer .title-widget { font-size: 10px; height: 70px; }
	.tab-transformer .title-widget a { height: 100%; padding: 0.6em; }
	
	.tab-transformer .groupStruc-pics img { max-width: 80px; }
	
	/* Business Groups
	------------------------------------------------------*/
	
	.landing-block .landing-content
	{
		padding-left: 3rem;
		padding-right: 3em;
	}
	
	.space-property-links li
	{
		margin: 0 0 1em;
		padding: 0 15px;
	}
	
	.greenhub-text { width: 50%; }
	.greenhub-image { width: 50%; }
	
	
	.space-optimisation-content { padding-bottom: 5em; }
	
	.layout-bg .bd-sidebar { width: 35%; }
	.layout-bg .bd-content { margin-left: 35%; }
	
	.bg-tags-present .page-title { padding-right: 3em; }
	
	/* Media
	------------------------------------------------------*/
	
	#media_thumblisting > .columns { width: 50%;}
	#media_thumblisting > .columns:nth-child(3n+1) { clear: none; }
	#media_thumblisting > .columns:nth-child(2n+1) { clear: both; }
	
	/* Careers
	------------------------------------------------------*/

	.career-masthead { padding: 3em 1em; }
	
	#careerCarousel .owl-carousel
	{
		max-height: 200px;
		width: 500px;
	}
	
	#careerCarousel .owl-carousel .owl-stage-outer,
	#careerCarousel .owl-carousel .owl-stage-outer * { max-height: inherit; }
	
	#careerCarousel .owl-carousel .owl-stage-outer img { margin: auto; width: auto; }
}