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

body { margin:0; padding:0; font-family: 'Roboto', sans-serif; }
img, object, embed, video {
    max-width: 100%;
    width: auto;
}
.clearfix { *zoom:1;}
.clearfix:before,.clearfix:after { display:table; line-height:0; content:""; }
.clearfix:after { clear:both; }
.clear { clear:both;}
.clear1 { clear:both; height:25px; float:left; width:100%}
.clear2 { clear:both; height:10px; float:left; width:100%}
.clear3 { clear:both; height:15px; float:left; width:100%}
.clear3a { clear:both; height:5px; float:left; width:100%}
.clear4 { clear:both; border-bottom:1px dashed #0c71ac; float:left; width:100%; margin-bottom:10px; margin-top:10px;}
body img { border:none; }
.aligncenter { text-align:center;}
.container { height:100%; background:#fff;}
.wrapper { width:100%; margin:0 auto; display:block; padding:0; max-width:940px;}
.wrapper2 { width:100%; margin:0 auto; display:block; padding:0; max-width:800px;}
.wrapper3 { width:100%; margin:0 auto; display:block; padding:0; max-width:1230px;}
#top-panel { clear: both; display: block; float: left; margin-bottom: 0; margin-left: 0; margin-top: 0; width: 100%; 
background-color:#fff; height:51px;}
#logo { clear: both; display: block; float: left; margin-top:0px; margin-left:0px; }
#logo-mayfair { clear: none; display: block; float: left; margin-left:23px }
#contact-info { clear: none; display: block; float: right; padding-top: 0; width:41.5%; font-weight:300; color:#262864; font-size:12px;
margin:10px 0;}
#callus { clear: both; display: block; float: left;  margin-left: 0;}
#callus img { vertical-align:middle; display:inline-block; padding-right:5px;}
#phone { float:left; border:1px solid #262864; padding:3px 3px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;
margin:0 4px; }
#email { float: left; border:1px solid #262864; padding:3px 2px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; }
#email a { color: #262864; text-decoration: none; }
#email a:hover { color: #ED1B24; text-decoration: none; }
#socialmedia { clear: none; display: block; float: left; margin-top:5px; }
#socialmedia  img { vertical-align:middle; display:inline-block; padding:0; border:none;}
.logo-bg { background:url(../images/logo-bg.jpg) no-repeat left center; padding:0px 0px 7px; float:left; position:relative; z-index:99; top:-6px;}
.fb-like { margin:2px 0 0 5px; padding:0; float:right;}

/* Enquiry Pannel */
.btn-wrapper{ clear: both; float:left; display: block; overflow:hidden; width:960px; }
.slide-out-div1 {display:none;width: 152px;position: fixed !important; z-index:999;display:block }
.slide-out-div1 a{background:url(../images/enquire-now-btn.png) no-repeat top left; height:116px; width:35px; display:block !important }
.enquiry-field { float: left; padding: 0 0 4px; width: 109px; }
#LoginTable { background:#f68220; float: left; height: 160px; padding: 20px; width: 119px; border:2px solid #fff; }
.captcha { float: left; padding: 0 0 8px; width: 112px; }
.enquiry-field { float: left; padding: 0 0 8px; width: 109px; }
.enquiry-field input { background-color: #fff; border: 1px solid #f58220; width: 109px; padding:3px}
.captcha input { background-color: #fff; border: 1px solid #f58220; margin: 0 0 5px; width: 109px; padding:3px }
.submit { float: left; margin: 0 10px 0 0; }


/* Header Pannel */
.header { clear: both; width: 100%; display: block; position:relative; margin:0; padding:0; z-index:-1;}
#contentHolderUnit_0{ background-image:url(../images/head-slide1.jpg) !important; background-repeat:no-repeat; background-position:center top;
width:100%; height:auto; background-size: cover; z-index:-1;}
#contentHolderUnit_1{ background-image:url(../images/head-slide2.jpg) !important; background-repeat:no-repeat;
background-position:center top; width:100%; height:auto; background-size: cover; }
#contentHolderUnit_2{ background-image:url(../images/head-slide3.jpg) !important; background-repeat:no-repeat; background-position:center top;
width:100%; height:auto; background-size: cover; }
#contentHolderUnit_3{ background-image:url(../images/head-slide4.jpg) !important; background-repeat:no-repeat; background-position:center top;
width:100%; height:auto; background-size: cover; }



.patch { background-color:#fff; padding:15px; width: 66%}
.patch .slider-text {
    width: 100%;
}
/* Mobile Menu */
#header { background:#213F99; font-size: 16px; font-weight: bold; font-family:'Open Sans', sans-serif; color: #fff;
	text-align:left; line-height: 40px; padding: 0 5px; }
#header a { background: center center no-repeat transparent; background-image:url(../images/menu-img.gif);
	float:left; width: 40px; height: 40px; }



/* Menu */
.mobile-menu { display:none;}
#nevigation-panel { clear: both; display: block; float: right; margin-left: 0; position: relative; width: 100%; z-index: 0; background:#fff; }
.nav-container { max-width: 500px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.nav { list-style: none; *zoom: 1; width:830px; z-index: 9999; margin:0 auto; padding:0; float:right; }
.nav li:first-child { background:none;}
.nav li { position: relative;  float: left; background:url(../images/divider.gif) no-repeat left center;	}
.nav a { display:block; color: #fff; font-size: 15px; padding:10px 18px; text-transform: capitalize; text-decoration:none; }
.nav a:hover { background-color:#ED1B23; color:#fff; }


/* Features Panel */
.features-panel { padding:50px 0 20px; clear: both; display: block; float: left; width:100%;}
.title { font-size:35px; color:#213F99; font-weight:300; margin:0; padding:0; text-transform:capitalize;}
.fea-text { font-size:14px; color:#000; text-align:center; line-height:22px; font-weight:300; padding:30px 0;}
.fea-text span { font-weight:600;}
.fea-box { margin:0;}
.fea-box ul { list-style:none; margin:0; padding:0;}
.fea-box ul li:first-child { margin-top:0px;}
.fea-box ul li { list-style:none; margin-top:30px; padding:0; float:left; width:100%;}
.fea-box .tl { color:#444444; font-weight:400; font-size:16px; padding-top:25px;}
.fea-box .tladd { color:#444444; font-weight:400; font-size:16px; padding-top:15px;}
.fea-mr { margin:50px 0;}
.fea { float:left; padding-right:15px; vertical-align:middle; display:inline-block;}
.fea-bor { border-right:1px dashed #dadada; float:left; width:52%;}
.fea-rt { float:right; width:43%; margin-left:40px;}
.inner-link { color:#000; font-size:13px; font-weight:300; text-transform:uppercase; margin:18px 0;}
.inner-link a { color:#000; text-decoration:none; }
.inner-link a:hover { color:#0c71ac;}
.in-features-panel { padding-bottom:30px; clear: both; display: block; float: left; width:100%;}
.in-features-panel2 { padding-bottom:30px; clear: both; display: block; float: left; width:100%;}
.mrtp { margin-top:30px;}



/* Amenities Panel */
.amenities-panel { padding:50px 0; clear: both; display: block; float: left; width:100%; 
background:url(../images/amenity-bg.jpg) no-repeat center top; background-size:cover;}
.aminity-text { font-size:18px; color:#000; font-weight:300; text-transform:capitalize; text-align:center;}
.group1 { float:left; margin:15px 0 0 0; width:20%; text-align:center;}
.group2 { float:left; margin:50px 0 0 50px; width:18%;  text-align:center;}
.group3 { float:left; margin:0 0 0 50px; width:25%;  text-align:center;}
.group4 { float:left; margin:32px 0 0 0px; width:23%;  text-align:center;}
.more { float:right; margin:15px 32px 0 0;  }
.mrlt { margin-left:0px;}
.black { float:right; margin:15px 58px 0 0;  }
.inner-amenities{ padding:50px 0; clear: both; display: block; float: left; width:100%; 
background:url(../images/inner-amenity-bg.jpg) no-repeat center top; background-size:cover;}


/* Footer Panel */
footer { padding:15px 0; clear: both; display: block; float: left; width:100%; background-color:#262864; color:#fff; 
font-weight:300; font-size:13px; text-align:center }
.foot-manu { margin:0 0%; }
.foot-manu ul { list-style:none; margin:0; padding-left:300px;}
.foot-manu ul li:first-child { background:none;}
.foot-manu ul li { list-style:none; margin:0; padding:0; background:url(../images/foot-divider.gif) no-repeat left center; float:left;}
.foot-manu ul li a { text-decoration:none; color:#fff; padding:0px 9px}
.foot-manu ul li a:hover { color:#fff; text-decoration:underline;}
.copy { padding-top:5px; padding-left: 85px;}
.copy a { color:#fff; text-decoration:underline;}
.copy a:hover { color:#fff; text-decoration:none;}
#foot-socialmedia { display:none;}
.mobile-logo { display:none;}
.aminity-text-mo { display:none;}

/* Containarea Panel */
.main-contain { margin:0; padding:0;}
.containarea { clear: both; display: block; float: left; width:100%; margin:0; padding:30px 0; background-color:#f5f5f5}
.con-lt { float:left; width:49%; margin-right:30px;}
.con-rt { float:left; width:47%;}
h3 { font-size:18px; color:#000; font-weight:400; margin-top:5px; padding:0; padding-bottom:3px;}
.list { margin:0; padding:10px 0;}
.list ul { margin:0; padding:0; list-style:none;}
.list ul li:first-child { border:none;}
.list ul li { margin:0; list-style:none; border-top:1px solid #ebebeb; font-size:14px; color:#000; font-weight:300;
background:url(../images/bullet.gif) no-repeat left 16px; padding-left:12px; line-height:20px;padding-bottom:10px; padding-top:10px;}
.list ul li a { color:#000; text-decoration:none;}
.list ul li a:hover { color:#0c71ac;}

.list2 { margin:0; padding:0px 0;}
.list2 ul { margin:0; padding:0; list-style:none;}
.list2 ul li:first-child { border:none;}
.list2 ul li { margin:0; list-style:none; border-top:1px solid #ebebeb; font-size:16px; color:#0c71ac; font-weight:400;
background:url(../images/bullet.gif) no-repeat left 13px; padding-left:12px; line-height:34px;}
.list2 ul li a { color:#000; text-decoration:none;}
.list2 ul li a:hover { color:#0c71ac;}


.list3 { margin:0; padding:10px 0;}
.list3 ul { margin:0; padding:0; list-style:none;}
.list3 ul li:first-child { border:none;}
.list3 ul li { margin:0; list-style:none; border-top:1px solid #ebebeb; font-size:14px; color:#000; font-weight:300;
background:url(../images/pdf-icon.jpg) no-repeat left 5px; padding-left:35px; line-height:20px; padding-bottom:10px; padding-top:10px;}
.list3 ul li a { color:#000; text-decoration:none;}
.list3 ul li a:hover { color:#ED1B24;}


.list4 { margin:0; padding:5px 0;}
.list4 ul { margin:0; padding:0; list-style:none;}
.list4 ul li:first-child { border:none;}
.list4 ul li { margin:0; list-style:none; border-top:1px dotted #E1E1E1; font-size:14px; color:#000; font-weight:300;
background:url(../images/bullet.gif) no-repeat left 12px; padding-left:12px; line-height:20px;padding-bottom:7px; padding-top:7px;}
.list4 ul li a { color:#000; text-decoration:none;}
.list4 ul li a:hover { color:#ED1B24;}

/* Inner Header Panel */
.head-location { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-location.jpg) no-repeat top center; 
background-size:auto;}

.head-features { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-features.jpg) no-repeat top center; 
background-size:auto;}

.head-about { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-about.jpg) no-repeat top center; 
background-size:auto;}

.head-floor { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-floor-plan.jpg) no-repeat top center; 
background-size:auto;}

.head-title { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-titleaproval.jpg) no-repeat top center; 
background-size:auto;}

.head-contact { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/head-contact.jpg) no-repeat top center; 
background-size:auto;}

.head-overseas-associates { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/Overseas-Associates.jpg) no-repeat top center; background-size:auto;}

.head-principals { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/principals.jpg) no-repeat top center; background-size:auto;}

.head-products { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/products.jpg) no-repeat top center; background-size:auto;}

.head-enquiry { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/enquiry.jpg) no-repeat top center; background-size:auto;}

.head-ADDITIVES { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/ADDITIVES.jpg) no-repeat top center; background-size:auto;}

.head-CALCIUM-CARBONATE { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/CALCIUM-CARBONATE.jpg) no-repeat top center; background-size:auto;}

.head-COLOUR-MASTERBATCHES { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/COLOUR-MASTERBATCHES.jpg) no-repeat top center; background-size:auto;}

.head-FILLER-MASTER-BATCHES { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/FILLER-MASTER-BATCHES.jpg) no-repeat top center; background-size:auto;}

.head-PLASTIC-RECYCLED-MATERIALS { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/PLASTIC-RECYCLED-MATERIALS.jpg) no-repeat top center; background-size:auto;}

.head-PVC-RESIN { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/PVC-RESIN.jpg) no-repeat top center; background-size:auto;}

.head-STABILIZERS { margin:0; padding:0; max-width:100%; height:288px; background:url(../images/STABILIZERS.jpg) no-repeat top center; background-size:auto;}

/* About Panel */
.about-text { float:left; width:68%;}
.abt-photo { float:right; margin:0 15px;}
p{ font-size:14px; color:#000; line-height:22px; text-align:justify; font-weight:300; margin:0; padding-bottom:20px;}
h2 { font-size:22px; color:#0c71ac;  font-weight:400; margin:0; padding:0;}
.product-heading { font-size:22px; color:#000;  font-weight:400; margin:0; padding:0; padding-bottom:5px;}
.award-box { margin-top:20px; padding:0;}
.award-box ul { margin:0; padding-bottom:35px; list-style:none;} 
.award-box ul li:first-child { margin-left:0;}
.award-box ul li { margin-left:55px; padding:0; list-style:none; text-align:center; float:left; width:20%;} 
.title1 { color:#0c71ac; font-size:15px; font-weight:400; margin:0; padding:0;}
.sub-title {  color:#000; font-size:14px; font-weight:300; margin:0; padding-top:5px;}
.project-box { margin:20px 0 50px; padding:0; border:1px solid #ebebeb;} 
.main-title { font-size:35px; color:#0c71ac; font-weight:300; margin:0 auto; padding:0; background-color:#fff; text-transform:capitalize; text-align:center;
position:relative; top:-26px; width:52%;}
ul.current-project { margin:0; padding:0 0 30px; list-style:none;}
ul.current-project li:first-child { border:none;}
ul.current-project li { margin:0; padding:20px 35px 0; list-style:none; float:left; border-left:1px solid #ebebeb; text-align:center; width:17%;}

ul.resi-project { margin:0 0 0 265px; padding:0 0 30px; list-style:none;}
ul.resi-project li:first-child { border:none;}
ul.resi-project li { margin:0; padding:20px 30px 0; list-style:none; float:left; border-left:1px solid #ebebeb; text-align:center; width:20%;}

.new-box { margin:0; padding:0; border:1px solid #ebebeb;}
.main-title1 { font-size:35px; color:#0c71ac; font-weight:300; margin:0 auto; padding:0; background-color:#fff; text-transform:capitalize; text-align:center;
position:relative; top:-26px; width:30%;}
.new-box ul { margin:0; padding:0 0 30px 170px; list-style:none;}
.new-box ul li:first-child { border:none;}
.new-box ul li { margin:0; padding:0px 30px 0; list-style:none; float:left; border-left:1px solid #ebebeb; text-align:center; width:30%;}
 
 
/* Tile & Approval Documents  Panel */
.docu-lt { float:left; width:42%;}
.docu-rt { float:left; margin-left:70px; width:47%; display:none;}
.login-box { background:#f8f8f8; padding:20px; margin-top:20px;}
.login-box p { color:#191a1a; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600;}
.login-box p span { color:#0c71ac;}
.com { float:left;}
/* #### bootstrap Form #### */
.bootstrap-frm { margin:0; width:55%; float:left;}
.bootstrap-frm label { display: block; margin: 0px 0px 5px; }
.bootstrap-frm input[type="text"], .bootstrap-frm input[type="password"] {
border: 1px solid #d7d7d7; color: #737272; font-family: 'Open Sans', sans-serif;
font-size:16px; font-weight:600; height:auto; margin-bottom: 15px; padding:8px 18px;
width:80%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;    }

.bootstrap-frm .button { background: #0c71ac; border: 1px solid #0c71ac; padding: 8px 18px; font-weight:600; margin-bottom:10px;
font-family: 'Open Sans', sans-serif; text-transform:uppercase; color: #fff; font-size:17px; border-radius: 4px; }
.bootstrap-frm .button:hover { color: #fff; background-color: #045e93; border-color: #045e93; } 
 
/* Floor Plans Panel */ 
#single-img-div { clear: both; display: block; float: left; margin-left: 0; overflow-x: hidden; padding: 0 0 30px; width: 100%; }
#img-text { background-color: #0c71ac; clear: both; color: #fff; display: block; float: left; font-family: "Roboto","sans-serif;";
 font-size: 15px; font-weight: 700; padding: 8px 0; text-align: center; text-transform: uppercase; width: 100%; }
#slider-img { background-color: #f5f5f5; clear: both; display: block; float: left; text-align: center; width: 100%; }
.gallery-main { margin-top:25px;} 
 
 
/* Location Panel */  
.location-box { margin:0; padding:0;}
.map-text { margin:0;} 
.text-box { float:left; margin:0; padding:0; width:31%; }
.text-box1 { margin:0 15px; padding:0 20px; list-style:none; float:left; border-left:1px solid #dedede;  
border-right:1px solid #dedede; float:left; width:30%;}
h4 { color:#0c71ac; font-weight:400; font-size:16px; margin:0; padding:0; text-transform:capitalize;} 
.loca-text { color:#000; text-align:left; font-weight:300; font-size:13px; line-height:22px; margin:0; padding:0;}
.loca-text a { color:#000; text-decoration:none;}
.loca-text a:hover{ color:#0c71ac;}
.map { margin:20px 0;}
.map img { height:100%; max-width:100%;}
.google-map { margin:30px 0; width:100%; height:100%;}
.map-text-box { margin:0; padding:0;}
.text1 { float:left; width:47%; padding:10px 0;}
.map-text { color:#000; text-align:left; font-weight:300; font-size:14px; line-height:22px; margin-bottom:25px; padding:0;}
.map-text a { color:#0c71ac; text-decoration:none;}
.map-text a:hover { color:#0c71ac; text-decoration:underline;}
.text { width:48%; margin-left:20px; padding:10px 0 0px 20px; float:left; border-left:1px solid #e4e4e4; height:100%}
.text2 { width:48%; margin-left:20px; padding:10px 0 20px 20px; float:left; }
.add { border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px;} 

/* Sitemap Panel */ 
.site-list { margin:0; padding:10px 0;}
.site-list ul { margin:0; padding:0; list-style:none;}
.site-list ul li { margin:0; list-style:none; font-size:14px; color:#000; font-weight:300;
background:url(../images/bullet.gif) no-repeat left 13px; padding-left:12px; line-height:30px; float:left; width:32%;}
.site-list ul li a { color:#000; text-decoration:none;}
.site-list ul li a:hover { color:#0c71ac;}
.finance { margin:0; padding:0;}
.finance img { vertical-align:middle; display:inline-block;} 
 
/* Timeline Gallery Panel */  
#timeline-box { float: left; margin-bottom: 10px; margin-right: 2.5%; width: 23%; }
#timeline-img { text-align: center; width: 100%; }
#time-gallery-text { background-color: #0c71ac; clear: both; color: #fff; display: block; text-transform: uppercase;  width: 100%; float: left; 
font-size: 14px; font-weight: 700; padding: 8px 0; text-align: center; } 
#timeline-box-last { float: left; margin-bottom: 10px; margin-right: 0; width: 23%; } 
#time-gallery-text a { color: #fff; text-decoration: none; } 
#timeline-img img { width: 206px; }
.title-time { border-bottom: 1px solid #e9e9e9; float: none; margin-bottom: 20px; margin-top: 20px; padding-bottom: 10px; 
text-transform: uppercase; color: #333; font-size:20px; font-weight:400; line-height: 20px; }

/* Timeline Gallery Detail Panel */ 
.gallery-panel { height: 540px; margin: 0; padding: 0; width: 940px; }
.archive { color: #fff; float: right; margin: 0; padding: 0; position: relative; width: auto; z-index: 99; }
.archive a { background-color: #f68220; color: #fff; float: right; margin: 0; padding: 10px 15px; text-align: center;
text-decoration: none; width: auto; }
#content1 { display: block; }
.archive.bottom { color: #fff; float: left; margin: 0 0 15px; padding: 0; position: relative; width: auto; z-index: 99; }
.archive.bottom a { background-color: #f68220; color: #fff; float: right; margin: 0; padding: 10px 15px; text-align: center;
text-decoration: none; width: auto; }
#content2, #content3, #content4 { display: none; }
.gallery-panel h2#title {
    border-bottom: 1px solid #e9e9e9;
    color: #000;
    font-size: 20px;
    font-weight: bold;
	position:relative; top:-23px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
.fluid {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
}
#container2 {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    padding: 0 0 0;
    width: 100%;
}
.time-gallery-box.active { background:url(../images/time-gallery/arrow.gif) no-repeat scroll center 0 rgba(0, 0, 0, 0);}
#timeline-img2 { text-align: center; width: 100%; }
.time-gallery-box { clear: none; float: left; margin-bottom: 10px; margin-right: 1%; padding: 8px 0 0; width: 24%; }
.spacer { clear: both; float: left; padding: 0 0 20px; width: 100%; }


 
 
@media only screen and (min-width: 961px) and (max-width: 1920px){
.wrapper { width:100%; margin:0 auto;}
.mobile-menu { display:none;}
#foot-socialmedia { display:none;}
.mobile-logo { display:none;}
.aminity-text-mo { display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 960px){
.wrapper { width:96%; margin:0 auto; }	
.mobile-menu { display:none;}
#socialmedia { display:none;}
#foot-socialmedia { display:block; margin-top:5px;}
#foot-socialmedia img { display: inline-block; padding: 0; vertical-align: middle;}
#contact-info { width:57.7%;}
.foot-manu { margin:0; }
footer { font-size:12px;}
.foot-manu ul li a { padding:0 5px 0 7px;}
.nav { width:100%;}
.nav a { padding:10px 15px; font-size:12px;}
.fea-box .tl { font-size:14px;}
.group1 img , .group2 img , .group3 img , .group4 img { width:196px; height:auto;}
.fb-like { float:none;}
.aminity-text { font-size:14px;}
.group1 { width:20%; margin:10px 0 0;}
.group2 { margin: 95px 0 0 25px; width: 19%; }
.group3 { margin: 40px 0 0 40px; width: 25%; }
.group4 { margin:35px 0 0; width: 23%; }
.mobile-logo { display:none;}
.aminity-text-mo { display:none;}
.fea-bor { width:51%;}
.con-lt { width:48%;}
.head-location, .head-features , .head-about , .head-floor , .head-title , .head-contact { height:250px;  background-size: cover}
.about-text { width:60%;}
.award-box ul li { width:50%; margin:0 !important;}
.award-box ul { padding:0 !important}
.com { float: left; margin: 0 0 0 15px; width: 120px; }
.project-box ul li { padding:20px 17px 0; width:20%;}
.text1 { width:46%;}
.text-box { width:30%;}
ul.resi-project { margin:0 0 0 155px;}
ul.resi-project li { width:30%;}
.new-box ul { padding:0 0 30px;  margin: 0 0 0 100px;}
.new-box ul li { width:29%;}
#TB_iframeContent { height: 400px !important; width: 739px !important; }
#TB_window { margin-left: -370px !important; top: 50% !important;  width: 739px !important; }
.project-box img { width:160px; height:110px;}
.site-list ul li { width:31%;}
.patch { background-color:#fff; padding:15px; width: 110%}
.patch .slider-text { width: 100%;}
#timeline-img img { width: 163px; }

.gallery-panel {
    height: 440px;
    margin:0 auto;
    padding: 0;
    width: 710px;
}
}


@media only screen and (min-width:320px) and (max-width:767px){
.wrapper { width:95%; margin:0 auto; }
.mobile-menu { display:block;}
#nevigation-panel { display:none;}
#socialmedia { display:none;}
#foot-socialmedia { display:block; margin-top:5px;}	
#foot-socialmedia img { display: inline-block; padding: 0; vertical-align: middle;}
.foot-manu { display:none;}
.fea-bor ,.fea-rt { width:100%; border:none;}
.fea-box .tl { font-size:13px;}
#contact-info { float:none; width:305px; font-size:9px; margin:0 auto; padding-top:10px;}
#phone { margin:0 0 0 7px;}
.logo-bg { display:none;}
.amenities-panel { background: url("../images/amenity-bg-mo.jpg") no-repeat scroll center top / cover rgba(0, 0, 0, 0); clear: both;
display: block; float: left; padding:25px 0; width: 100%; }
.group1 , .group2 , .group3 , .group4 { width:95%; margin:0;}
.group1 img , .group2 img , .group3 img , .group4 img { width:196px; height:199px;}
.mobile-logo { display:block; clear:both; }
.logo-box { margin:0 auto; width:230px; padding-top:5px;}
.aminity-text-mo { display:block; color: #000; font-size: 15px; font-weight: 300; text-align: center; text-transform: capitalize; padding:10px 0;}
.aminity-text { display:none;}
.inner-amenities{ padding:25px 0; clear: both; display: block; float: left; width:100%; 
background:url(../images/inner-amenity-mo.jpg) no-repeat center top; background-size:cover;}
.con-lt , .con-rt { width:95%; margin:0 2%;}
.fea-box ul li { margin-top:20px !important;}
.head-location, .head-features, .head-about , .head-floor , .head-title , .head-contact { height:135px; background-size :cover}
.abt-photo { width:100%; text-align:center;}
.about-text { width:100%;}
.award-box ul { padding:0;}
.award-box ul li { float:none; width:100%; margin:0 0 20px !important;}
.docu-lt , .docu-rt { width:95%; margin:0 2%;}
.bootstrap-frm { width:90%;}
.project-box ul li { padding:20px 20px 0; width:85%;}
.text1 , .text { width:100%; border:none; margin:10px 0; padding:0;}
.text-box , .text-box1 { width:100%; border:none; padding:0; margin:10px 0;}
ul.resi-project , .new-box ul { margin:0;}
.new-box ul { padding:0;}
.new-box ul li { padding:0px 20px 20px; width:85%;}
#TB_iframeContent { height: 200px !important; width: 100% !important; }
#TB_window { margin-left: -50% !important; top: 75% !important; width: 100% !important; }
.main-title1 { font-size:22px;}
.award-box { margin:20px 0 50px;}
.main-title { font-size:22px; top:-43px; width:45%;}
.site-list ul li { width:100%;}
.patch { background-color:#fff; padding:15px; width: 90%}
.patch .slider-text { width: 100%; }
#timeline-box { margin: 0 auto; width: 220px; float:none;}
#timeline-box-last { margin: 0 auto; width: 220px; float:none; }
#timeline-img img { width: auto; }
#time-gallery-text { background-color: #0c71ac ; clear: both; color: #fff; display: block; float: left; font-size: 14px;
font-weight: 700; margin: 0 0 20px; padding: 8px 0; text-align: center; text-transform: uppercase; width: 100%; }
.more { float:left; margin:0 40%;}
#enquiry-form { display:none !important;}
.gallery-panel {
    clear: both;
    height: 270px;
    margin: 0 auto;
    padding: 0;
    width: 260px;
}
.time-gallery-box {
    clear: both; float:none;
    margin: 0 auto;
    padding: 8px 0 0;
    width: 225px;
}
.active {
    display: block;
}
.gallery-panel h2#title {
    border-bottom: 1px solid #e9e9e9;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#timeline-img2 {
    text-align: center;
    width: 100%;
}
.archive.bottom { width:143px; float:none; margin:0 auto;}
.archive { display:none;}
}
.hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.form {


	FONT-SIZE: 14px;
	COLOR:#000000;
	
	padding-right: 15px;
	padding-left: 3px;
	line-height: 22px;
	font-weight: 300;
	text-decoration: none;
	text-align: left;
	padding-bottom: 8px;
	padding-top: 8px;
}
*{margin: 0; padding:0;}

.container-fluid {
    padding-right: 1px !important;
    padding-left: 1px !important;
    margin-right: auto;
	margin-left: auto;
	
}