/*  1600px  */
@media all and (max-width: 1800px) {

.main-building {width:100%; display:block; margin-top:0px;}

.balcony { top:67%; }

.arrow-1 {left:46%; top:45%;}
.arrow-2 {left:36%; top:49.5%;}
.arrow-3 {left:33.4%; top:40%;}

.button-1 { left:63.7%; top:56%; }
.button-2 {left:26%; top:59%; }
.button-3 { left:23%; top:39%;}



.front-arrow-1 { left:37.2%; width:100px; top:9%;}
.front-arrow-2 { left:47.2%; width:100px; top:9%;}

.back-arrow-1 {left:37.2%; width:100px; top:25%;}
.back-arrow-2 { left:47.2%; width:100px; top:25%;}

.outside-view-1 { left:36.5%;  top:4%}
.outside-view-2 { left:46.5%;  top:4%}
.inside-view-1 { left:36.5%;  top:34%}
.inside-view-2 { left:46.5%;  top:34%}	


.project-view {height:100%;}

.unit-image { width:800px;}

.pointer {width:17px; height:17px; }











.culster-view { height:52%;}
	
}



/*  1350px  */
@media all and (max-width: 1479px) {

.main-building {width:100%; display:block; margin-top:-30px;}

.arrow-1 {left:46%; top:45%; width:230px;}
.arrow-2 {left:36.5%; top:50%; width:150px;}
.arrow-3 {left:32.4%; top:38%;}

.button-1 { left:63.7%; top:56%; }
.button-2 {left:24.5%; top:59%; }
.button-3 { left:20%; top:37%;}


.front-arrow-1 { left:37.5%; width:80px; top:9%;}
.front-arrow-2 { left:47.5%; width:80px; top:9%;}

.back-arrow-1 {left:37.5%; width:80px; top:25%;}
.back-arrow-2 { left:47.5%; width:80px; top:25%;}

.outside-view-1 { left:36%;  top:3%}
.outside-view-2 { left:46%;  top:3%}
.inside-view-1 { left:36%;  top:33%}
.inside-view-2 { left:46%;  top:33%}	
	
	
.project-view {height:100%;}	

.tag {  width: 130px;  height: 32px;  line-height: 32px;  padding: 0px 12px;  font-size: 13px;}

.unit-image { width:700px;}

[tooltip]::after { font-size:10px;  padding:5px 2px;}
	
	
#tower-9-front .btn.pointer{ margin-left:218px;}	
	
.culster-view { height:auto;}


.cluster-map:hover { height:320px;}








	
}




/*  1240px  */
@media all and (max-width: 1339px) {
 
}




/*  980px  */
@media all and (max-width: 1239px) {


}






/*  768px  */
@media all and (max-width: 979px) {


}





/*  640px  */
@media all and (max-width: 767px) {


}






/*  480px  */
@media all and (max-width: 639px) {



	
}




/*  360px  */
@media all and (max-width: 479px) {



}