@charset "utf-8";
/* CSS Document */
ul.pageNav{
	display:none;
}
.mobile-label{
		display:none;
	}
@media (min-width:1200px){
	ul.pageNav{
		display:block;
	}
}
#mobile_offcanvas h3.sidebar-title{
	padding: 8px 16px;
	margin: 1em 0;
}
#mobileToggle {
    display: none;
    float: left;
    margin-top: 1em;
    padding: 10px 5px;
    position: relative;
    width: 40px;
}

@media (max-width: 798px)
{
	
	.th-price > ._CELL  > span{
		text-align:left!important;
	}
	h1{
		font-size:21px;
	}
	h2{
		font-size:18px;
	}
	h3{
		font-size:16px;
	}
	.ibox {
		margin-top: 30px;
	}

	.landing-page h1{
		font-size:21px !important;
	}
	.h600{
		height:auto;
	}
	.col-width-85{
		width:65%;
	}
	.col-width-15{
		width:35%;
	}
	._CELL{
		text-align:left;
	}
	.slimScrollBar{
		display:none!important;
	}
	.slimScrollDiv, .full_height_scroll{
		height:auto!important;
		overflow: scroll!important;
	}
	.lhn_agreed ._CHECKBOXTEXT{
		width:80%;
	}
	.btn_areas .btn{
		width:100%;
		margin-bottom:15px;
	}
	form tr td ._CELL{
		min-height:50px;
	}
	.table-responsive > .table > thead > tr > td, 
	.table-responsive > .table > tbody > tr > td, 
	.table-responsive > .table > tfoot > tr > td{
		display:block;
		border-bottom:1px solid #ececec;
		width:100%;
		white-space:normal;
		padding: 1.15em 2em;
	}
	.table-responsive > .table > tbody > tr > td:last-child{
		padding-bottom: 50px;
	}
	.table-responsive > .table > tbody > tr > td:first-child{
		color:#125688;
	}
	.table-responsive > .table > tbody > tr{
		border-top:5px solid #ececec;
	}
	.table-responsive > .table > tbody > tr > td:first-child ._CELL span{
		font-size:160%;
		font-weight:bold;
		padding-top:0px;
	}
	.table-responsive > .table > tbody > tr > td:first-child ._CELL span._ERRORMSG{
		font-size:inherit;
		font-weight:inherit;
	}
	.table > thead > tr > th,
	.table-responsive > .table > thead > tr > th, 
	.table-responsive > .table > tbody > tr > th, 
	.table-responsive > .table > tfoot > tr > th{
		display:none!important;
		width:100%!important;
	}
	.table-responsive > .table .mobile-label{
		display:block;
		text-align: left;		
	}
	.table-responsive > .table .mobile-label label,
	label{
		font-size:15px;
		padding-left:0!important;
		color:black;
		margin-bottom:2px;
		
	}
	.hidden_field{
		position: absolute;
		border-bottom:0px!important;
	}
	._CELL span.form-control{
		text-align: left;
	}
	
	._CELL span._ERRORMSG, .form-group ._NOTES{
		padding-left:0!important;
	}
	._WIG_STAT_CELL{
		margin-bottom:5px;
		padding-left:0;
	}
	.main-navigation { display: none; }
	
	.sub-navigation
	{
		clear: none;
		float: left;
		margin-right: 5px;
		margin-top: 1.4em;
	}
	
	.sub-navigation > ul > li { margin: 0; }
	.sub-navigation > ul > li > a
	{
		background: none;
		color: #736e6d;
		padding: 5px;
	}
	
	#mobile_offcanvas,
	#mobileToggle
	{
		display: block;
	}
	
	#mobileToggle
	{
		clear: none;
		margin-top: 1.2em;
	}
	
	#mobile_offcanvas
	{
		opacity: 0; 
		right:0; 
		transition: opacity 0.5s ease-in-out; 
	}
	
	.offcanvas-active #header, 
	.offcanvas-active .masthead,
	.offcanvas-active #main, 
	.offcanvas-active #footer
	{
		right: 250px;
	}	
	.offcanvas-active #mobile_offcanvas { opacity: 1; }
}

@media (max-width: 798px)
{
	.groupStructure .lines { display: none; }
		
	.tab-transformer { display: none; }
	.tab-accordion-panel { display: block; padding: 1em 0 0; }
	
	.accordion-transformer-toggle { display: block; }
	.accordion-transformer-content { display: none; }
	
	.accordion-transformer-toggle .title-widget
	{
		font-size: 14px;
		padding-top: 2em;
		text-transform: uppercase;
	}
	
	.active .accordion-transformer-content { display: block; }
	
	.accordion-transformer-content .img-block
	{
		float: none;
		margin: 1em auto;
		width: 100%;
	}
}

@media (max-width: 750px)
{
	#wrapper { overflow: hidden; /*width: 600px;*/ }
	
	#header, .masthead, #main, #footer { transition: right 0.3s ease-in-out; right: 0; }
	
	.sm-width-1 > li { width: 100%; }
	.sm-width-2 > li { width: 50%; }
	.sm-width-3 > li { width: 33.33333%; }
	.sm-width-4 > li { width: 25%; }
	.sm-width-5 > li { width: 20%; }
	.sm-width-6 > li { width: 16.66667%; }
	.sm-width-7 > li { width: 14.28571%; }
	.sm-width-8 > li { width: 12.5%; }
	.sm-width-9 > li { width: 11.11111%; }
	.sm-width-10 > li { width: 10%; }
	.sm-width-11 > li { width: 9.09091%; }
	.sm-width-12 > li { width: 8.33333%; }
	
	.sm-width-1 > li:nth-of-type(1n+1),
	.sm-width-2 > li:nth-of-type(2n+1),
	.sm-width-3 > li:nth-of-type(3n+1),
	.sm-width-4 > li:nth-of-type(4n+1),
	.sm-width-5 > li:nth-of-type(5n+1),
	.sm-width-6 > li:nth-of-type(6n+1),
	.sm-width-7 > li:nth-of-type(7n+1),
	.sm-width-8 > li:nth-of-type(8n+1),
	.sm-width-9 > li:nth-of-type(9n+1),
	.sm-width-10 > li:nth-of-type(10n+1),
	.sm-width-11 > li:nth-of-type(11n+1),
	.sm-width-12 > li:nth-of-type(12n+1) { clear:both; }
	
	.btn-blue { font-size: 12px; }
	
	/*~~~~~ [ Layout ]~~~~~*/
	
	.layout-with-sidebar { min-height: 0; padding: 0; }
	
	.bd-container .bd-sidebar
	{
		border: 1px solid #dcdcdc;
		margin: 0;
		padding: 0;
		position: relative;
		transition: none;
		width: 100%;		
	}
	
	.bd-navigation-module, .mapfull { display: none; }
	
	.bd-mobile-navigation { display: block; }
	
	.bd-container .bd-content 
	{
		margin-left: 0; 
		min-height: 0;
		padding-left: 1.4em;
		padding-right: 1.4em;
		transition: none;
		width: 100%; 
	}
	
	
	
	.ft-left .list-inline > li:first-child { display: block; margin: 0 0 8px; }
	.ft-left .list-inline > li:first-child:after { content: none; }
	
	.masthead { height: auto; }
	.masthead-title { font-size: 50px; }
	.masthead .masthead-content { padding: 2em 15px; }
	.masthead-links li { margin: 4px; }
	.masthead-links a { font-size: 14px; }
	
	.main-content { font-size: 13px; }
	.bd-content h2 { font-size: 22px; margin: 1.4em 0 10px; }
	
	#loadMore { font-size: 16px; }
	
	.tabbed-content-widget .dropdown-tab { display: block; }
	
	.tabbed-content-widget .nav-tabs
	{
		display: none;
		margin: 0;
	}
	
	.tabbed-content-widget .nav-tabs > li
	{
		display: block;
		float: none;
		margin: 0;
		padding: 0;
	}
	.tabbed-content-widget .nav-tabs.open { display: block; }
	
	.tabbed-content-widget .nav-tabs > .active a { background-color: #4F90C0; }
	
	.tabbed-content-widget .nav-tabs > .active:after {content: none; }
	
	.tabbed-content-widget .tab-content { padding-top: 16px; }
	
	/* Home
	------------------------------------------------------*/
	
	.carousel-indicators
	{
		bottom: 12%;
		left: 0;
		text-align: center;
		width: 100%;
	}
	
	.carousel-indicators > li
	{
		display: inline-block;
		float: none;
	}
	
	#home_masthead { height: 480px; }
	#home_grid_Carousel .mobile-show { height: 100%; }
	#home_grid_Carousel .mobile-hide { display: none; }
	#home_grid_Carousel .carousel-indicators { bottom: 14%; }
	
	
	#home_grid_Carousel .carousel-caption
	{
		bottom: 15%;
		text-align: center;
	}
	
	#home_grid_Carousel .carousel-caption h1 { font-size: 22px; }
	
	#owlNews{ width: 80%; }
	
	/* About Us
	------------------------------------------------------*/
	
	#mast_about-us { height: 195px; }
	.logo-business > li { width: 32%; }
	
	
	#vmcv .core-values .popup { left: 30%; top: -100%; width: 360px; }
	
	/* Business Groups
	------------------------------------------------------*/
	.landing-block { height: 315px; }
	
	.landing-block .landing-content
	{
		font-size: 13px;
		padding-left: 1rem;
		padding-right: 1rem;
	}	
	.landing-block h1 
	{
		font-size: 42px; 
		line-height: 1; 
	}
	.business-thumblinks .business-thumbs 
	{
		border: none;
		height: 160px;
		width: 50%; 
	}
	.business-thumblinks .business-thumbs:nth-child(odd) { border-right: 1px solid #fff; }
	.business-thumblinks .business-thumbs:nth-child(1),
	.business-thumblinks .business-thumbs:nth-child(2) { border-bottom: 1px solid #fff; }
	.business-thumblinks .title { font-size: 18px; }
	.business-thumblinks .category-types { display: none; }
	
	.bg-tags-present .page-title { padding-right: 0; }
	
	/* Business Groups - Space Optimisation
	------------------------------------------------------*/
	
	.space-optimisation-content { padding-bottom: 11em; }
	.space-optimisation-content.innermost { padding-bottom: 2em; }
	.space-optimisation-content.innermost .breadcrumb { display: none; }
	
	.so-dwnload .list-dwnload { font-size: 20px; }
	
	.innermost-link 
	{
		display: block;
		margin: 0 0 1.2em; 
	}
	
	.so-filter .tb,
	.so-filter .tb-cell 
	{
		display: block;
		padding: 5px;
		text-align: left;
	}
	
	.so-filter .tb { height: auto; padding: 1em 0; }
	
	#so_contentHide { margin-right: -1.4em; }
	
	.space-property-links { margin: 0 -1em; }
	.space-property-links > li
	{
		padding: 1em;
		margin: 0;
	}
	
	/* Business Groups - GreenHub
	------------------------------------------------------*/
	
	.location-post .locate-img { width: 45%; }
	.location-post .locate-desc 
	{
		font-size: 13px;
		padding-left: 1.2em;
		width: 55%;
	}
	
	.locate-img .branch-location figcaption { padding-left: 3.4em; padding-right: 1em; }
	.locate-img .branch-location .fa { left: 0.4em; }

	.greenhub-text,	.greenhub-image
	{
		float: none !important;
		width: auto;
	}
	
	.greenhub-left .module { padding-top: 0; }
	
	/*#greenhub_services_tab .nav-tabs li { padding-right: 0; }
	#greenhub_services_tab .nav-tabs li:nth-child(n+1) { padding-left: 4px; }
	#greenhub_services_tab .nav-tabs a { font-size: 11px; padding: 4px 6px; }*/
	
	#careerCarousel .owl-nav .owl-prev { left: 1em; }
	#careerCarousel .owl-nav .owl-next { right: 1em; }
	
	/* Business Groups - Facilities
	------------------------------------------------------*/
	.fm-featured .list-inline > li { display: block; margin: 1em auto; width: auto; }
	.fm-featured img { margin: auto; }
	
	/* Media
	------------------------------------------------------*/
	#mast_media { height: 195px; }
	.media-thumbs .h4 { font-size: 14px; }
	
	
	#btn-cvid-play{
		height:85px !important;
		width:85px !important;
		position:absolute !important;
		left:50% !important;
		top: calc(50% - 43px) !important;
		transform: translateY(-50%) !important;
		transform: translateX(-50%) !important;
	
	}

}


@media (max-width: 600px)
{
	#wrapper { min-width: 100%; } /*400px*/
	
	.table-bordered thead th { font-size: 14px; word-wrap: break-word; }
	
	/* Home
	------------------------------------------------------*/
	
	.btn-spaceLease { float: none; margin: 0; }
	
	/* About Us
	------------------------------------------------------*/
	
	.groupStruc-widget .accordion-transformer-toggle .title-widget  {	padding-top: 1em;	}
	
	
	
	/* Corporate Social Responsibility
	------------------------------------------------------*/
	
	.csr-post .img-block
	{
		float: none;
		margin: 1em auto;
		width: 100%;
	}
	
	/* Vission, Mission and Core Values
	------------------------------------------------------*/
	
	#vmcv .wrap { padding: 2em; }
	
	#vmcv .core-values .popup
	{
		left: 0;
		margin-top: 12px;
		position: relative;
		top: 0;
		width: auto;
	}
	
	#vmcv .core-values .popup-left:before
	{
		border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #4b4b4f;
		border-top: 0;
		left: 22px;
		top: -7px;
	}
	
	/* Business Groups
	------------------------------------------------------*/
	
	.bg-tags-present .page-title { margin-bottom: 14px; }
	.bg-tags-present .tag
	{
		display: inline-block;
		margin-bottom: 1em;
		position: static;
	}
	
	.so-table tbody th { width: 35%; }
	
	.so-dwnload .list-dwnload { font-size: 16px; }
	
	/* Media
	------------------------------------------------------*/
	
	#media_thumblisting, 
	#ajax_result #media_thumblisting	{ max-width: none; }
	
	#media_thumblisting > .columns 
	{
		float: none;
		width: auto;
	}
	
	.media-thumbs .thumb-description { min-height: 0; }
	
	/* Careers
	------------------------------------------------------*/
	
	#careerLanding { height: 575px; }
	.careerWrapper { padding: 3em; }
	.career-masthead { padding: 1em; }
	
	#careerCarousel { bottom: 2%; }
	#careerCarousel .owl-carousel
	{
		width: 350px;
	}
	
	.owl-carousel .owl-item img
	{
		margin: auto;
		width: auto;
	}
	
	#careerCarousel .owl-nav .owl-prev { left: 1em; }
	#careerCarousel .owl-nav .owl-next { right: 1em; }
	
	.bd-sidebar-contact, #form_contact { font-size: 12px; }
	
	#btn-cvid-play{
		height:85px !important;
		width:85px !important;
		position:absolute !important;
		left:50% !important;
		top: calc(50% - 43px) !important;
		transform: translateY(-50%) !important;
		transform: translateX(-50%) !important;
	
	}
}

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

	.logo img { width: 90px; }
	
	.accordion-transformer-toggle a { height: 114px; }
	.accordion-transformer-toggle .title-widget { font-size: 13px; }
	
	
}