/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; margin: 0 !important; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
	
}

.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0;padding:0;}
.little_respond {display:none;}

.header{
	width: 95%;
	margin: auto;
}

.container{
	width: 860px;
	max-width: 860px;
	margin: auto;
	
}

.labdscape-screen {display:none;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


@media screen and (min-width: 1367px) {
	#wrapper-container .main .main-content p{font-size: 18px; line-height: 38px;}
	.tab-box-content {width: 490px;}
	.tab-box-content .boxpadding { padding: 17px;}
	.tab-box-content h3 { font-size: 32px;}
	.tab-box-content.security2 {top:35%;}
	.tab-box-content .boxpadding ul li {font-size:15px}
	.tab-box-content .boxpadding p {font-size:15px}
	.headertop .navigation ul li a {font-size: 18px;}
	.tab_content .tab-img img {width:600px}

	/** ame **/
	.gallery-block .ame-box.box1 { left: 0;  position: absolute; top: 0;}
	.gallery-block .ame-box.box2 { left: 0;  position: absolute; top: 320px;}
	.gallery-block .ame-box.box3 { left: 330px;  position: absolute; top: 150px;}
	.gallery-block .ame-box.box4 { left: 650px;  position: absolute; top: 150px;}
	.gallery-block .ame-box.box5 { right: 0;  position: absolute; top: 0;}
	.gallery-block .ame-box.box6 { right: 0;  position: absolute; top: 320px;}
	

}

@media screen and (max-width: 1280px) and (min-width: 1025px) {


}

@media screen and (max-width: 1280px) and (min-width: 1025px) and (orientation: landscape) {

	/** ame **/
	.gallery-block .ame-box {height:240px; width:240px;}
	.gallery-block .ame-box.box1 { left: 0;  position: absolute; top: 0;}
	.gallery-block .ame-box.box2 { left: 0;  position: absolute; top: 270px;}
	.gallery-block .ame-box.box3 { left: 290px;  position: absolute; top: 150px;}
	.gallery-block .ame-box.box4 { left: 560px;  position: absolute; top: 150px;}
	.gallery-block .ame-box.box5 { right: 0;  position: absolute; top: 0;}
	.gallery-block .ame-box.box6 { right: 0;  position: absolute; top: 270px;}
	.gallery-block .ame-box.box7 { left: 0;  position: absolute; top: 541px;}
	.gallery-block .ame-box.box8 { left: 290px;  position: absolute; top: 417px;}
	.gallery-block .ame-box.box9 { left: 560px;  position: absolute; top: 417px;}
	.gallery-block .ame-box.box10 { right: 0;  position: absolute; top: 538px;}

}


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

	.headertop .navigation ul li a {font-size: 1.4vw; margin-right:1vw;}
	.headertop .navigation ul li {/*margin: 0 1.5vw;*/}
	.headertop .navigation {margin-left: 13%;}
	
	/** Villa **/
	.villa-page .banner span.banner-content {left: 10%;}
	span.symbol-arrow {bottom:-15px;}
	#wrapper-container .main .main-content p {font-size: 1.7vw; line-height: 24px;}
	.tab-box-content .boxpadding ul li {font:1.6vw/23px "Conv_Gotham-book";}
	.tab-box-content {right: -32px; width: 44vw;}
	.tab-box-content .boxpadding p {font:1.6vw/23px "Conv_Gotham-book";}
	.tab-main { padding: 0 3vw;}
	.tab_content .tab-img img {width:490px;}
	.tab_content, .tab_container {height:530px}

	/** ame **/
	.amenities-page .banner span.banner-content {left: 34%;}
	.gallery-block .ame-box {height:194px; width:193px;}
	h2.head-title {font-size: 3vw; padding: 3% 0; }
	.gallery-block .ame-box.box1, .gallery-block .ame-box.box2, .gallery-block .ame-box.box3, .gallery-block .ame-box.box4, .gallery-block .ame-box.box5, .gallery-block .ame-box.box6, .gallery-block .ame-box.box7, .gallery-block .ame-box.box8, .gallery-block .ame-box.box9, .gallery-block .ame-box.box10 {position: relative; left:0; top:0}
	.gallery-block .ame-box .gly-name {font-size:25px;}
	.gallery-block {height:440px;}

	/** smart **/
	.gallery-block.smartliving-glry .ame-box {margin-right: 5vw;}	

	
	#galleria { height: 400px;}
	.gallery-page #footer, .agami-page #footer {bottom: 0; position: absolute; width: 100%;}
	.agami-page #wrapper-container {width:100%;}

	.left-form {width:60%}
	.right-map { float: left; margin-top: 15px;}

	#footer .footer-container {font-size:11px;}
	#footer .footer-right { float: right; width: 153px;}
	#footer .footer-right img { float: right; margin-top: 7px; width: 40%;}
	#footer ul li {padding: 0 6px;}
	#footer .footer-right span {margin-right:0;}

	.scroll-content {margin: 0;}



}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape) {
	.headertop .navigation {margin-left: 8%;}
	.headertop .navigation ul li a {margin-right: 2vw;}
	.headertop .navigation ul {margin-left:17%}
	#wrapper-container .main .main-content p {font-size: 1.5vw; line-height: 30px;}
	.tab-box-content .boxpadding ul li {font:1.4vw/27px "Conv_Gotham-book";}
	.tab-box-content {right: -32px; width: 40vw;}
	.tab-box-content .boxpadding p {font:1.4vw/27px "Conv_Gotham-book";}
	.tab_content .tab-img img {width:550px;}
	.tab_content, .tab_container {height:600px}
	/** ame **/
	.amenities-page .banner span.banner-content {left: 44%;}
	.gallery-block .ame-box.box1 { left: 0;  position: absolute; top: 0;}
	.gallery-block .ame-box.box2 { left: 0;  position: absolute; top: 220px;}
	.gallery-block .ame-box.box3 { left: 220px;  position: absolute; top: 100px;}
	.gallery-block .ame-box.box4 { left: 440px;  position: absolute; top: 100px; }
	.gallery-block .ame-box.box5 { right: 0;  position: absolute; top: 0; left: auto;}
	.gallery-block .ame-box.box6 { right: 0;  position: absolute; top: 220px; left: auto;}
	
	
	/** smart **/
	.gallery-block.smartliving-glry .ame-box {margin-right: 10vw;}
	.gallery-page #footer, .agami-page #footer {bottom: 0; position: relative; width: 100%;}
	.agami-page #wrapper-container {width:90%;}

	.left-form {width:30%}
	.right-map { float: right; margin-top: 0; margin-right: -10%;}
	#footer .footer-container {font-size:13px;}
	#footer .footer-right img { float: left; width: auto; margin-top: 0;}
	#footer .footer-right { float: right; width: auto;}
	#footer .footer-right span {margin-right:10px;}
	#footer ul li { padding: 0 10px;}

}

@media only screen and (max-width: 767px) {
	
	.bkg-img .ladding-content { left: 0;  position: absolute; text-align: center;  top: 40%;}
	.bkg-img .ladding-content img {width:90%}

	.menu-icon {display: block; float: right;  position: absolute;  right: 20px;  text-indent: -9999px; top: 22px; background:url('../images/menu-icon.png') no-repeat; width:41px; height:41px; cursor: pointer;}
	.headertop .navigation {  float: left;  margin-left: 0;  margin-top: 0;}
	.headertop .navigation ul { position: absolute; width: 100%; top: 80px; z-index: 9; margin:0}
	.headertop .navigation ul li {  background: #c8ae7d;  border-top: 1px solid #866f43;  display: block;  margin: 0;}
	.headertop .navigation ul li a { color: #fff; font-family: "Conv_Gotham-Light"; font-size: 13px; line-height: 51px;}
	.headertop .navigation ul li a.mb-line, .headertop .navigation ul li a:hover { border-bottom:2px solid #fff}
	.menu.menu-mobile, .headertop .navigation ul li.active {display:none;}
	.banner-content > img { width: 50%;}
	.villa-page .banner span.banner-content { left: 13%; text-align: left; top: 35%;}
	span.symbol-arrow {bottom: -9px; height: 20px; left: 50%; width: 20px; background: url("../images/symbol-arrow.png") no-repeat scroll 100%/100%}
	#wrapper-container .main .main-content p {font-size: 13px; line-height: 23px;}
	#highlight .line-label h2 {font:25px/38px "cassannet_boldbold";}
	#highlight .line-label h2 span {padding:17px 7px;}
	#wrapper-container {width:95%;}

	.tab-main { padding: 0;}
	ul.tabs {margin: 15px auto; width: 100%;}
	ul.tabs li { border-bottom: 3px solid #fff;  display: inline; float: left; height: 31px; line-height: 31px; margin: 0 0 10px; overflow: hidden; padding: 0 0 6px;
    position: relative; text-align: center; width: auto;}
	ul.tabs li a {font-size: 14px;padding: 0 7px;}
	.tab_content .tab-img img {width:100%}
	.tab_content {padding:0;  height:auto;}
	.tab_container {width:100%; height:auto;}
	.tab_content .tab-img {position:relative;}
	.tab_content .tab-img img {width:100%;}
	.tab-box-content { background: none repeat scroll 0 0 #c8ae7d;  clear: both;  float: left; margin-left: 0; margin-top: 0; position: relative; right: 0; top: 0;
    width: 100%;}
	.tab-box-content h3 {font: bold 23px/27px "cassannet_boldbold";}
	.tab-box-content .boxpadding ul li {font: 14px/20px "Conv_Gotham-book"; margin: 0 0 14px;}
	.download {position:relative; padding:40px 0;}
	.tab-box-content .boxpadding p {font: 14px/20px "Conv_Gotham-book"; }
	.tab-box-content.security1 {margin:0}
	.tab-box-content.security2 { margin-left: 0;  margin-top: 4px;}
	#footer .designed { display: block; float: none; margin-top: 10px; position: relative; text-align: center; z-index: 99;}
	#footer .footer-right:after {content:""; clear:both; display:block; visibility:hidden;}
	#footer ul.footer-link {margin: 4px 0 20px; position: relative;}
	#footer .footer-right { float: none; margin: 0 auto;  width: 234px;}
	#footer .footer-right span { float: left; margin-right: 10px; margin-top: 10px;}
	#footer ul.footer-link a { display: block; margin-bottom: 11px;}
	#footer ul li:first-child {border:0}
	#footer ul li { font-size: 11px;  padding: 0 7px;}
	#footer ul li:last-child {padding-right:10px}

	/** ame **/
	.amenities-page .banner span.banner-content {left: 34%;}
	.amenities-page .banner-content > img { width: 100%;}
	.gallery-block .ame-box {height:275px; width:274px;}
	h2.head-title {font-size: 20px; padding: 3% 0; }
	.gallery-block .ame-box.box1, .gallery-block .ame-box.box2, .gallery-block .ame-box.box3, .gallery-block .ame-box.box4, .gallery-block .ame-box.box5, .gallery-block .ame-box.box6, .gallery-block .ame-box.box7, .gallery-block .ame-box.box8, .gallery-block .ame-box.box9, .gallery-block .ame-box.box10{  left: auto; margin: 0 auto 20px; position: relative; top: auto; float:none;}
	.gallery-block .ame-box .gly-name {font-size:25px;}
	.gallery-block {height:auto;}

	.gallery-block.smartliving-glry .gallery { margin: 0 auto; width: 275px;}
	#galleria { height: 500px;}
	.gallery-content {width:100%; margin: 25px auto 10px;}
	.galleria-theme-classic .galleria-thumbnails .galleria-image {width:60px; height:60px; margin: 0 5px 0 0;}

	.agami-page .banner span.banner-content {height: 37px; left: 30px; width: 26%;}
	.agami-page .banner-content > img {width:auto}

	.enquire-page #footer {position:relative;}
	.enquire-page {background: url("../images/landing-bkg2.jpg") no-repeat scroll 0 0 transparent;}

	.left-form {width:90%}
	.right-map { float: left; margin-top: 15px;}
	.left-form span {font: 15px/22px "Conv_Gotham-light";}
	.left-form .form-list {margin-bottom: 10px;}
	input.btn-submit {margin-top: 20px;}

}

@media only screen and (max-width: 767px) and (orientation: landscape) {

	ul.tabs li a {font-size: 16px;  padding: 0 21px;}

}




