@charset "UTF-8";
/* CSS Document */
@-ms-viewport{ width::device-width;}
@viewport {width:device-width;}

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

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?9yeem5');
	src:url('../fonts/icomoon.eot?#iefix9yeem5') format('embedded-opentype'),
		url('../fonts/icomoon.woff?9yeem5') format('woff'),
		url('../fonts/icomoon.ttf?9yeem5') format('truetype'),
		url('../fonts/icomoon.svg?9yeem5#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* CONTACT FORM MQ _ TABLET */
	.image-grid-square {
		width: 25%;
	}
	/* FORM MQ _ TABLET */
	.form-section {
		width: 50%;
	}
	
	.img_td_project{width:95%; height:140px}
}


@media screen and (max-width:767px) {
	.container p 
	{   columns:1;
		-webkit-columns:1;
		-moz-columns:1;
		-o-columns:1;
		-ms-columns:1;
	}
	/* NAV MQ _ MOBILE */
	.nav-menu {
	float:right;
	color:#FFFFFF;
	display:block;
    margin:15px 5px 20px 10px;
	cursor:pointer;

    }
	.nav-list {
		float:left;
		width:100%;
		overflow:hidden;
		height:0;
        background-color:#1570A6;        
        font-size:1em;
	}
	.nav-open {
		height:auto;
	}
	.nav-list li {
		width:100%;        
	}
	.nav-list li a {
		display:block;
		padding:0.8em 0.8em ;
        border-top: 1px solid #EEE;
 	}
	/* IMAGE GRID MQ _ MOBILE */
	.image-grid-square {
		width: 50%;
	}
	/* FORM MQ _ TABLET */
	.form-section {
		width: 100%;
	}	
	.ProductImage_two { width: 100%; height:100%;  background-repeat:no-repeat; background: url(../images/Products/backgrounds.jpg ); float:none; text-align:center}
	
}

/* NAVIGATION */
ul#nav li { list-style:none outside; vertical-align:middle;  }

ul#nav a { font-size: 1.0em; font-style: normal; color:#F9F9F9; text-decoration: none }
ul#nav a:hover { background-color:#13254c;}

/*ul#nav li .nav-list { background-color:green }*/
ul#nav li ul { display: none; }
ul#nav li ul.nav-list { display: block; }

ul#nav li ul li {padding-left: 15px; background-color:#1570A6}
ul#nav li ul li a:hover {background-color:#13254c}

.icon-menu:after {
    content: "≡";
    font-size: 23px;
    line-height: 19px;
}

.icon-Search:after {
    content: "\e600";
    font-size: 16px;
    line-height: 19px;
    border:1px solid transparent;
    padding:4px 4px 4px 0px;
}

.icon-up:before { 
    content: "↑";
    font-size: 16px;
}
.icon-Search a {color:black; background-color:white}
.icon-Search:hover {color:white; background-color:#13254c}

.searchContent{ line-height:18px; font-size:13px; padding-top:3px; padding-bottom:3px}
.searchContent a { color:#1570A6}
.SearchPage {color:black; padding:10px 0px 10px 0px; border-bottom: #F9F9F9 1px solid;}
.SearchPage a{ color:#1570A6}
.sec_head { font-size: 15pt; font-weight:800; color: #21355f; border-bottom: #EEEEEE 1px solid;  padding-top:20px; padding-bottom:10px }

.Back-Home{ font-size:14px; border: #EEE 1px solid; background-color:#F9F9F9; padding:5px}
.Back-Home-div {line-height:40px;  padding:0px 0px 0px 75%}
.searchbutton{ background-color:transparent; color:#FFF;   border:0; cursor:pointer; height: 30px;}
.searchbutton:hover{background-color:#13254c; }
.Searchinput { height:25px; width:80%; line-height:22px; margin-top:3px}


.img_carpark_full{ max-width:100%; clear:both}
.iframe_carpark {width:360px }
.img_footer_car{font-size:12px; color:#666; float:right;  padding:5px 0px 20px 0px ; }
.text_small{ font-weight: normal; font-size:13px; }
.SectionTitle{ padding:20px 0px 5px 0px}
.container_carpark{ width:100%; clear:both}
.TableHead_carpark{ background-color:Gray; padding:10px 10px 10px 160px; font-size:17px; color:White; font-weight:800 }
.SectionTitle_carpark {   font-size: 14pt; font-weight:400; color: #21355f;  margin-top: 15px; margin-bottom: 10px; overflow: hidden; }