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

/*-----------------------------------------------------------------------------------*/
/*  FONT INSTALL
/*-----------------------------------------------------------------------------------*/

@font-face {font-family: dinamika; src: url(../assets/fonts/dinamika-webfont.ttf);}



h1,h2,h3,h5,h6,h4,p {margin: 0;}
a:active {outline: none !important;text-decoration: none;
}
a:hover {text-decoration: none;
}
body {margin: 0;background-color: #fff;font-family: 'dinamika'; }


/*-----------------------------------------------------------------------------------*/
/*  BOOTSTARP RESPONSIVE NAV
/*-----------------------------------------------------------------------------------*/

.navbar-nav>li>a {padding: 0;text-shadow: none;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-toggle {border: 1px #fff solid;margin-top: 18px;}
.header-wrapper .menu-nav li a:hover {background-color: transparent;}
.banner-wrapper .header-wrapper .menu-nav li a:hover {background-color: transparent;}
/*-----------------------------------------------------------------------------------*/
/*  LOADER CSS
/*-----------------------------------------------------------------------------------*/

#status {width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;margin: -50px 0 0 -50px;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 999999;}
/*.top-align {display: inline-block;opacity: 1;background-image: url(../../assets/images/top-arrow.png);background-repeat: no-repeat;width: 54px;height: 54px;text-align: center !important;font-size: 30px !important;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.top-align:hover {background-image: url(../../assets/images/top-arrow1.png);}*/
.vis {overflow: visible !important;}
.padding-left-no {padding-left: 0;}
.padding-right-no {padding-right: 0;}
.padding-no {padding-right: 0;padding-left: 0;}
.padding-noo {padding-left: 5px;padding-right: 5px;}
.margin-no {margin-right: 0 !important;margin-left: 0 !important;}
.margin-left-no {margin-left: 0;}
.margin-right-no {margin-right: 0;}
.margin-bottom-no {margin-bottom: 0 !important;}
.margin-top-no {margin-top: 0 !important;}
.padding-right {padding: 0 5px 0 0;}
.align-center {text-align: center !important;}
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
form {padding: 0;margin: 0;position: relative;float: left;width: 100%;}
.vis {opacity: 1 !important;visibility: visible !important;}
.top-arrow {display: block;opacity: 0;visibility: hidden;width: 54px;height: 54px;color: #00c0ff;position: fixed;bottom: 30px;right: 20px;z-index: 100;text-align: center;line-height: 32px;font-size: 30px;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.top-arrow img {display: inline-block;max-width: 100%;position: relative;}
.border-right {border-right: 1px #d1d1d1 solid;}
/*-----------------------------------------------------------------------------------*/
/*  THEME COLOR SETTING
/*-----------------------------------------------------------------------------------*/

.uppercase {text-transform: uppercase;}
.txt-white {color: #fff !important;}
.nomargin-bottom {margin-bottom: 0 !important;}
.unvisibleClass {display: none !important;}
.visibleClass {display: block !important;}
/*-----------------------------------------------------------------------------------*/
/*  TITLE WRAPPER
/*-----------------------------------------------------------------------------------*/

.main-section {max-width: 100%;margin: 0 auto;position: relative;overflow: hidden;}


ul {margin-top: 0;margin-bottom: 0;margin-left: 0;margin-right: 0;padding-right: 0;padding-left: 0;padding-top: 0;padding-bottom: 0;}
ul li {list-style-type: none;list-style-image: none;float: left;}
.no-border {border-bottom: 0 !important;}
.section-wrapper {position: relative;width: 100%;float: left;}
.padding100 {padding: 100px 0;}
.padding50 {padding: 50px 0;}
.padding25 {padding: 25px 0;}
.padding75 {padding: 75px 0;}
.title-section {position: relative;text-align: center;margin-bottom: 70px;}
.title-section h2 {font-size: 36px;margin-bottom: 20px;display: inline-block;color: #555555;font-weight: 400;}
.title-section p {font-size: 16px;line-height: 1;color: #8c8c8c;font-weight: 400;width: 770px;margin: 0 auto;}

/*-----------------------------------------------------------------------------------*/
/*  HOME PAGE WRAPPER
/*-----------------------------------------------------------------------------------*/
.header-section {height: 80px; background-color: #0d1426; position: fixed;  width: 100%; top:0; left: 0; z-index: 3;  }
.header-section .container {position: relative; }
.header-section .logo {position: absolute;  width: 227px; height: 185px; left: 50%; margin-left: -113px; top:0; }
.header-section .logo a {display: inline-block; position: relative;  }
.header-section .logo a img {display: inline-block; position: relative; z-index: 1; }
.header-section ul.main-nav {position: relative; width: 70%; margin: 0 auto; text-align: center;}
.header-section ul.main-nav li {float: none; display: inline-block; direction: rtl;}
.header-section ul.main-nav li a {line-height: 80px; display: inline-block; position: relative; font-size: 20px; font-family: 'dinamika'; color: #fff; padding:0 10px; -webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; direction: rtl;}
.header-section ul.main-nav li:nth-child(4) {margin-right: 150px; }
.header-section ul.main-nav li:nth-child(4) a:after {content: none;}
.header-section ul.main-nav li:nth-child(7) a:after {content: none;}
.header-section ul.main-nav li:nth-child(5) {margin-left: 150px; }
.header-section ul.main-nav li a:after {position: absolute; line-height: 80px; font-size: 25px; content: '/'; color: #fff; right: -5px; }
.header-section ul.main-nav li a:hover {color: #c7c600; }
.header-section ul.main-nav li a.active {color: #c7c600; }
.header-section ul.main-nav li a:active {text-decoration: none;}
.header-section ul.main-nav li a:focus {text-decoration: none;}

.header-phone {position: absolute; left: 3%; top:27px; font-size: 40px; color: #fff;  height: 23px; line-height: 23px; }
.header-phone img {width: 20px; float: right; position: relative; display: inline-block; margin-left: 4px; }
.header-phone span {vertical-align: middle; position: absolute; top:7px; left: -14px; }
.header-phone:hover {color: #fff; }
.gf {display: block;}

/*-----------------------------------------------------------------------------------*/
/*  BANNER WRAPPER
/*-----------------------------------------------------------------------------------*/
.banner-wrapper {width: 100%; position: relative; float: left; margin-top: 80px;  }
.banner-wrapper img {width: 100%; position: relative; display: inline-block; height: 971px;  }
.banner-wrapper .banner-contain {top:0px; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; }
.banner-wrapper .banner-contain img {display: inline-block; width: 216px !important; height: auto; float: right;}



/*-----------------------------------------------------------------------------------*/
/*  PROJECT WRAPPER
/*-----------------------------------------------------------------------------------*/
.project-wrapper {width: 100%; float: left; position: relative; padding: 186px 0 117px 0; background-color: #fff; background-image: url(../assets/images/project-bg.png);}
ul.project-div {width: 100%; position: relative; float: left; }
ul.project-div li {width: 100%; position: relative; float: left; display: inline-block; margin-bottom: 45px; text-align: right;}
ul.project-div li img {max-width: 100%; position: relative; float: right; display: inline-block; margin-left: 35px; }
ul.project-div li:last-child {margin-bottom: 0;}
ul.project-div li:nth-child(1) {padding-right: 230px; }
ul.project-div li:nth-child(2) {padding-right: 30px; }
ul.project-div li:nth-child(3) {padding-right: 230px; }
ul.project-div li h4 {line-height: 183px; font-size: 119px; color: #c7c600; display: inline-block; direction: rtl; float: right;}
ul.project-div li h3 {color: #0e1426; font-size: 26px; line-height: 30px; font-weight: 400; direction: rtl; display: inline-block; margin-top: 53px; }
ul.project-div li h5 {color: #0e1426; font-size: 18px; line-height: 19px; font-weight: 400; direction: rtl; display: inline-block; }

ul.project-div li:nth-child(1) h5 {max-width: 360px; }

/*-----------------------------------------------------------------------------------*/
/*  LOCATION WRAPPER
/*-----------------------------------------------------------------------------------*/
.location-wrapper {position: relative; float: left; width: 100%; }
.location-wrapper .location-div {position: relative; float: left; width: 100%; }
.location-wrapper .location-div.first {background-image: url(../assets/images/project4.png); background-size: cover; background-repeat: no-repeat; height: 500px;  }
.location-wrapper .location-div.second {background-image: url(../assets/images/project5.png); background-size: cover; background-repeat: no-repeat; height: 500px;  }
.location-wrapper .location-div .content {top:170px; text-align: right;}
.location-wrapper .location-div .content h3 {color: #fff; font-size: 26px; line-height: 30px; font-weight: 400; direction: rtl; margin-top: 53px; width: 100%; }
.location-wrapper .location-div .content h5 {color: #fff; font-size: 18px; line-height: 20px; font-weight: 400; direction: rtl; display: inline-block; }
.location-wrapper .location-div .content h4 {line-height: 183px; font-size: 110px; color: #c7c600; display: inline-block; direction: rtl; float: right;}
.location-wrapper .location-div.second .content h3 { padding-top: 13px; }
.location-wrapper .location-div.third {background-image: url(../assets/images/project6.jpg); background-size: cover; background-repeat: no-repeat; height: 560px;  }

.location-wrapper .location-div.first a {width: 53%; display: inline-block; height: 100%; position: absolute; z-index: 1; right: 0;}
.location-wrapper .location-div.second a {width: 53%; display: inline-block; height: 100%; position: absolute; z-index: 1; left: 0;}

/*-----------------------------------------------------------------------------------*/
/*  GALLERY WRAPPER
/*-----------------------------------------------------------------------------------*/
.gallery-wrapper {position: relative; width: 100%; float: left; }
.gallery-wrapper a { position: relative; display: block; width: 100%;  }
.gallery-wrapper a img {display: inline-block; width: 100%; position: relative; height: 300px;   }
.gallery-wrapper a:after {content: ''; position: absolute; background-image: url(../assets/images/mouse-over.png); background-repeat: no-repeat; width: 88px; height: 89px; top:35%; left: 50%; margin-left:-44px; z-index: 1; display: none;}
.gallery-wrapper a:hover:after {display: inline-block; }

.lb-data .lb-number {display: none !important; }

/*-----------------------------------------------------------------------------------*/
/*  APPERMENT WRAPPER
/*-----------------------------------------------------------------------------------*/
.apperment-wrapper {position: relative; float: left; width: 100%; background-image: url(../assets/images/project-bg.png); background-repeat: repeat; }
.apperment-wrapper .right-des {z-index: 1;width: 41%; float: right; position: relative;  text-align: right; background-image: url(../assets/images/apperment-bg1.jpg); background-repeat: no-repeat; background-position: left; padding: 141px 35px 50px 0; height: 942px; }
.apperment-wrapper .right-des:after {background-color: #0e1527; content: ''; position: absolute; width: 30%; height:100%; right: 0; top:0;   z-index: -1; }
.apperment-wrapper .right-des h4 {color: #b8b71a; font-weight: bold; font-size: 26px; line-height: 30px; width: 100%; direction: rtl; display: inline-block; padding-right: 10px; }
.apperment-wrapper .right-des ul.des {width: 100%; float: right; position: relative; margin-bottom:50px; }
.apperment-wrapper .right-des ul.des li {width: 100%; float: left; display: inline-block; font-size: 18px; color: #fff; line-height: 20px;  position: relative; padding-right: 10px; }
.apperment-wrapper .right-des ul.des li:before {content: '.'; position: absolute; right: 0; top:-8px; font-size: 40px; color: #b8b71a;}
.apperment-wrapper .right-des ul.des {}

.apperment-wrapper .left-des {padding: 141px 0 50px 0; width: 55%; float: left; position: relative;  }
.apperment-wrapper .left-des ul.floor-plan {width: 100%; float: right; position: relative; margin-bottom: 50px; z-index: 2; }
.apperment-wrapper .left-des ul.floor-plan li {float: right; display: inline-block; position: relative; margin-left: 17px; }
.apperment-wrapper .left-des ul.floor-plan li a {display: inline-block; position: relative; }
.apperment-wrapper .left-des ul.floor-plan li a img {max-width: 100%; position: relative; display: inline-block; }
.apperment-wrapper .left-des ul.floor-plan li a span {display: block; width: 100%; line-height: 40px; font-size: 22px; font-weight: bold; text-align: center; color: #241f20;}
.apperment-wrapper .left-des ul.floor-plan:nth-child(2) {margin-right: -120px;}
.apperment-wrapper .left-des ul.floor-plan:nth-child(3) {margin-right: -240px;}
.apperment-wrapper .left-des:after {position: absolute; left: 80px; bottom: 80px; width:122px; height: 263px; background-image: url(../assets/images/floor.png); background-repeat: no-repeat;  content: ''; }
.apperment-wrapper .left-des ul.floor-plan li a:hover img {display: none;}
.apperment-wrapper .left-des ul.floor-plan li a:hover img.hover {display: inline-block;}
.apperment-wrapper .left-des ul.floor-plan li a img.hover {display: none;}

.apper {width: 100%; display: inline-block; position: relative; margin-top: -3px; margin-bottom: -3px; }

/*-----------------------------------------------------------------------------------*/
/*  DEVELOPER WRAPPER
/*-----------------------------------------------------------------------------------*/
.developer-wrapper {position: relative; float: left; width: 100%; padding-top: 172px; background-color: #fff;  background-image: url(../assets/images/project-bg.png);}
.developer-wrapper .logo-developer {width: 100%; position: relative; text-align: center; margin-bottom: 60px; }
.developer-wrapper .logo-developer a {display: inline-block; position: relative; }
.developer-wrapper .logo-developer a img {max-width: 50%; display: inline-block; position: relative; }
.developer-wrapper p {font-size: 20px; line-height: 26px; color: #231f20; direction: rtl; display: inline-block; width: 100%; text-align: center;}
.developer-wrapper .developer-img {width: 100%; margin-top: 100px; display: inline-block; position: relative; }



/*-----------------------------------------------------------------------------------*/
/*  CONTACT WRAPPER
/*-----------------------------------------------------------------------------------*/
.contact-wrapper {position: relative; float: left; width: 100%; background-color: #fff; padding-top: 0px; }
.contact-wrapper .contact-bg {width: 100%; min-height: 400px; position: relative; display: inline-block; margin-bottom: 100px; }
.contact-wrapper h2.page-des {font-size: 30px; text-align: center; width: 100%; position: relative; display: inline-block; direction: rtl; line-height: 30px; margin-bottom: 60px; color: #2f2f2c; }
.contact-wrapper form {position: relative; width: 100%; margin: 0 0px 50px 0; }
.contact-wrapper form input {width: 100%; color: #2f2f2c; font-size: 22px;  line-height: 57px; border-radius:2px; border: 2px #b5b7b4 solid; height: 57px; background-color: transparent; direction: rtl; text-align: right; padding: 0 10px; outline: none;  }
.contact-wrapper form textarea.textarea { color: #2f2f2c; font-size: 22px; width: 100%; line-height: 26px; border-radius:2px; border: 2px #b5b7b4 solid; height: 137px; background-color: transparent; direction: rtl; text-align: right; padding: 0 10px; outline: none; margin-bottom: 23px;  }
.contact-wrapper form button.send {background-color: #0d1426; width: 140px; line-height: 52px; height: 52px; text-align: center; border-radius: 2px; outline: none; border: 0; float: left; display: inline-block; -webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; border: 3px #0d1426 solid;  }
.contact-wrapper form button.send i {font-size: 38px; display: inline-block; color: #fff; -webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; padding: 3px 0;}
.contact-wrapper form button.send:hover {background-color: #fff; border: 3px #0d1426 solid;  }
.contact-wrapper form button.send:hover i {color: #0d1426;}
.contact-wrapper form h4 {font-size: 20px;  display: inline-block; line-height: 30px; width: 100%; text-align: center; color: #0d1426;}
.contact-wrapper form a {font-size: 18px;  display: inline-block; line-height: 30px; width: 100%; text-align: center; color: #0d1426; font-family: 'Open Sans', sans-serif;}
.contact-wrapper form .input-div {margin-bottom: 23px; }
.help-block {color: #2f2f2c !important; font-size: 22px; line-height: 30px; margin-bottom: 0;margin-top: 0;  }

.contact-wrapper form input::-webkit-input-placeholder { color: #2f2f2c; font-size: 22px; }
.contact-wrapper form input:-moz-placeholder { color: #2f2f2c;  font-size: 22px; }
.contact-wrapper form input::-moz-placeholder { color: #2f2f2c;  font-size: 22px; }
.contact-wrapper form input:-ms-input-placeholder {  color: #2f2f2c;  font-size: 22px; }

.contact-wrapper form textarea.textarea::-webkit-input-placeholder { color: #2f2f2c; font-size: 22px; }
.contact-wrapper form textarea.textarea:-moz-placeholder { color: #2f2f2c;  font-size: 22px; }
.contact-wrapper form textarea.textarea::-moz-placeholder { color: #2f2f2c;  font-size: 22px; }
.contact-wrapper form textarea.textarea:-ms-input-placeholder {  color: #2f2f2c;  font-size: 22px; }
.contact-wrapper a.call {max-width: 100%; position: relative; display: inline-block; text-align: left; margin-top: 30px; }
i.form-control-feedback {display: none !important;}
.sent-mail {width: 100%; display: none; margin-bottom: 60px; float: left; text-align: center;}
.sent-mail h3 {font-size: 30px; text-align: center; width: 100%; position: relative; display: inline-block; direction: rtl; line-height: 30px;  }

a.call.desktopview img {max-width: 40%; }

/*-----------------------------------------------------------------------------------*/
/*  FOOTER WRAPPER
/*-----------------------------------------------------------------------------------*/
.footer-wrapper {width: 100%; float: left; position: relative; background-color: #cacbcf; height: 77px; }
.footer-wrapper ul.footer-menu {width: 100%; position: relative; float: left; text-align: center; margin: 31px 0 0 0;}
.footer-wrapper ul.footer-menu li {float: none; display: inline-block; position: relative; padding: 0 5px; }
.footer-wrapper ul.footer-menu li a {font-size: 16px; color: #515a5f; line-height: 20px; }
.footer-wrapper ul.footer-menu li a:after {position: absolute; line-height: 20px; font-size: 20px; content: '/'; color: #515a5f; right: -5px; }
.footer-wrapper ul.footer-menu li a:active {text-decoration: none;}
.footer-wrapper ul.footer-menu li a:focus {text-decoration: none; }
.footer-wrapper ul.footer-menu li:last-child a:after {display: none; }
.footer-wrapper .footer-link {position: absolute; top:30px; left: 5%; height: 18px;}
.footer-wrapper .footer-link a {display: inline-block; position: relative; padding: 0 10px; vertical-align: middle;}
.footer-wrapper .footer-link a img {display: inline-block; max-width: 100%; position: relative; }
.footer-wrapper .footer-link a.copy {font-size: 18px; line-height: 18px; color: #515a5f; margin-top: 2px; }
.footer-wrapper .footer-link a:after {position: absolute; line-height: 20px; font-size: 20px; content: '|'; color: #515a5f; right: -5px; }
.footer-wrapper .footer-link a:last-child:after {display: none; }
.footer-wrapper .footer-link a.logo-2 {margin-top: 3px; width: 125px; }
.footer-wrapper .footer-link a.ds {margin-top: 3px; width: 125px; }

.footer-wrapper a.up {position: absolute; right: 7%; top:-23px; height: 43px; width: 43px; z-index: 1; display: inline-block;  }

.mobileview {display: none !important; }
.desktopview {display: inline-block !important; }
#clickme { display: none;}

.mobilevie-w {display: none;}
.header-section h3 {display: none;}
.main-nav.mmenu {display: none;}
/*#changemenu {display: none;}*/

/*-----------------------------------------------------------------------------------*/
/*  RESPONSIVE LAYOUT
/*-----------------------------------------------------------------------------------*/

@media (min-width: 2300px) {
	.apperment-wrapper .right-des:after {width: 44%; }
}
@media (max-width: 1650px) {
    
}

@media (max-width: 1366px) { 
	.apperment-wrapper .right-des {padding: 71px 35px 50px 0; }
	.apperment-wrapper .right-des ul.des li {font-size:14px;  }
	.apperment-wrapper .left-des ul.floor-plan li a img {max-width: 100%; }
	.apperment-wrapper .left-des ul.floor-plan li {margin-left: 5px; }
	.gallery-wrapper a img {height: 250px; }
	.footer-wrapper .footer-link {left: 1%; }
	.apperment-wrapper .right-des {width: 45%; }
	.apperment-wrapper .right-des:after {width: 12%; }
	.contact-wrapper .contact-bg {width: 100%; min-height: 250px; position: relative; display: inline-block; }
}

@media (max-width: 1280px) {
	.apperment-wrapper .left-des ul.floor-plan li a img {width: 140px; margin-left: 10px; }
	.apperment-wrapper .right-des {width: 45%; }
	.apperment-wrapper .right-des:after {width: 12%; }
	.footer-wrapper .footer-link {left: -0.5%;}

}

@media (max-width: 1024px){
	/*.mobilevie-w {display: inline-block !important;}*/
	.gallery-wrapper a:after {content: ''; position: absolute; background-image: url(../assets/images/mouse-over.png); background-repeat: no-repeat; width: 40px; height: 40px; top:35%; left: 50%; margin-left:-20px; z-index: 1; display: none; background-size: cover;}
	.lb-outerContainer {margin-top: 60px; }
	.gf {display: none !important;} 
	.contact-wrapper .contact-bg {width: 100%; min-height: 250px; position: relative; display: none; }

	.mobileview {display: inline-block !important; }
	.desktopview {display: none !important; }
	.col-full {width: 100%; }
	.header-section ul.main-nav {position: absolute; margin: 0; top:80px; right: 0; width: 220px; display: none; }
	.logo-mobile {position: relative; float: left; height: 80px; line-height: 80px; }
	.logo-mobile a {display: inline-block; position: relative; line-height: 80px; vertical-align: middle;}
	.logo-mobile a img {max-width: 80%; position: relative; line-height: 80px; }

	#clickme {    cursor: pointer; line-height: 60px; display: block; position: absolute; top: 7px;  right: 10px; font-size: 28px;height: 29px;float: right;text-align: right;padding-right: 15px;background-color: transparent; z-index: 1;}
	.fa-remove:before, .fa-close:before, .fa-times:before,.fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: none !important;}
	.fa-times {display: none;}
	.icon-check .fa-times {display: inline-block;}
	.icon-check .fa-bars {display: none;}

	#clickme span {color: #fff; vertical-align: top; font-size: 28px; font-weight: bold;}
	#clickme img {    position: relative;width: 64%;}

	.header-section ul.main-nav li {width: 100%; text-align: right; padding: 0 15px; position: relative;}
	.header-section ul.main-nav li a {line-height: 50px; text-align: right; font-size: 23px; color: #c7c600;}
	.header-section ul.main-nav li a:after {content: none;}
	.header-section ul.main-nav li:nth-child(5),.header-section ul.main-nav li:nth-child(4) {margin-left: 0;}
	.header-section ul.main-nav li:nth-child(3) {margin-right: 0;}
	.header-section ul.main-nav li:after { content: ''; display: inline-block; width: 30px; height: 1px; position: absolute; bottom: 0; right: 25px; background-color: #fff; }
	.header-section ul.main-nav li:last-child:after {content: none; }
	.header-section ul.main-nav {top:80px; background-color: #0d1426; }
	.banner-wrapper .banner-contain {top: 45%; }
	.banner-contain .container {text-align: center; }
	.banner-wrapper .banner-contain img {float: none; width: 170px !important; }
	.project-wrapper {padding: 26px 0 26px 0; }
	ul.project-div li {padding-right: 0; text-align: center; }
	ul.project-div li:nth-child(3),ul.project-div li:nth-child(1) {padding-right: 0; }
	ul.project-div li img {display: block; float: none; margin: 0 auto; }
	ul.project-div li h4 {display: block; float: none;     line-height: 64px;    font-size: 68px; position: relative;}
	ul.project-div li .col-sm-6 {width: 100% !important; }
	ul.project-div li h3 {margin-top: 10px; }
	ul.project-div li h4 span {display: none;}
	ul.project-div li h4:after {content: ''; background-color: #c7c600; height: 3px; width: 45px; position: absolute; bottom: 5px; left: 50%; margin-left: -25px;  }
	ul.project-div li .col-sm-4 {width: 100%;}
	ul.project-div li .col-sm-5 {width: 100%;}

	ul.project-div li:nth-child(1) h5 {max-width: 100%; width: 100%;  } 

	.location-wrapper .location-div.third {height: 250px; }

	.gallery-wrapper .col-sm-3 {width: 50%; }
	
	.developer-wrapper {padding-top: 0;}
	.developer-wrapper .developer-img {margin-top: 0; margin-bottom: 30px; }
	.developer-wrapper .logo-developer {margin-bottom: 10px; }
	.developer-wrapper .col-sm-4 {width: 100%; margin-left: 0 !important; }
	.developer-wrapper {background-image:none;}

	.contact-wrapper {padding-top: 60px; }
	.contact-wrapper .full-col,.contact-wrapper .hideto.col-sm-6 {width: 100%; }

	.contact-wrapper form h4 {display: none;}
	.contact-wrapper form a {display: none; }
	.contact-wrapper form button.send {width: 100%; }
	.contact-wrapper form textarea.textarea {margin-bottom: 5px; }
	.contact-wrapper form .input-div {margin-bottom: 12px; }
	.contact-wrapper a.call {text-align: center;}
	.contact-wrapper h5 {text-align: center; display: block; width: 100%; line-height: 85px; font-size: 24px; position: relative; }
	.contact-wrapper form a {font-size: 22px; }
	.contact-wrapper h5:after {height: 1px; width: 40px; left: 50%; margin-left: -20px; position: absolute; bottom:11px; background-color: #0d1426; content: ''; }
	.contact-wrapper h5:before {height: 1px; width: 40px; left: 50%; margin-left: -20px; position: absolute; top:16px; background-color: #0d1426; content: ''; }
	



	.footer-wrapper ul.footer-menu {display: none; }
	.footer-wrapper a.up {display: none;}
	.footer-wrapper .footer-link {position: relative; left: auto; top:18px;}
	.footer-wrapper .footer-link a.logo-2 img {max-width: 85%; }
	.footer-wrapper .footer-link a.main-logo {width: 100%; text-align: center; }
	.footer-wrapper .footer-link a.main-logo img {width: 90px; }
	.footer-wrapper .footer-link {text-align: center; width: 100%; }
	.footer-wrapper .footer-link a.logo-2:after {content: none; }
	.footer-wrapper .footer-link a {padding: 0 7px; font-size: 19px;    line-height: 18px;    color: #181f30;}
	.footer-wrapper .footer-link a.logo-2 {text-align: left;}

	.location-wrapper .location-div.first {background-image: url(../assets/images/project4-mobile.png); height: 800px; background-position: center; }
	.location-wrapper .location-div.first .container {top:62%; position: relative; }
	.location-wrapper .location-div .content h4 {line-height: 60px; font-size: 60px; width: 100%; text-align: center;position: relative;}
	.location-wrapper .location-div .content h3 {margin-top: 10px; }
	.location-wrapper .location-div .content h3,.location-wrapper .location-div .content h5 {width: 100%; text-align: center; }
	.location-wrapper .location-div .content h4 span {display: none; }
	.location-wrapper .location-div .content h4:after {content: ''; background-color: #c7c600; height: 3px; width: 45px; position: absolute; bottom: 5px; left: 50%; margin-left: -25px;  }

	.location-wrapper .location-div.second {background-image: url(../assets/images/project5-mobile.png); height: 800px; margin-top: -1px; background-position: center; }
	.location-wrapper .location-div.second .container {top:0%; position: relative; }
	.location-wrapper .location-div.second .container .content {top: 50px; width: 100% !important; }
	.location-wrapper .location-div .col-sm-5,.location-wrapper .location-div .col-sm-8 {width: 100%; }

	.location-wrapper .location-div.first a {width: 100%;display: inline-block;height: 65%;position: absolute;z-index: 1;right: 0;}
	.location-wrapper .location-div.second a {width: 100%;display: inline-block;height: 65%;position: absolute;z-index: 1;right: 0; bottom: 0; }


	.apperment-wrapper .right-des {width: 100%; }
	.apperment-wrapper .left-des {width: 100%; }
	.apperment-wrapper { background-color: #fff;}
	.apperment-wrapper .right-des {padding: 30px 25px 20px 0; height: auto; background-image: url(../assets/images/apperment-bgmobile1.jpg);}
	.apperment-wrapper .left-des {padding: 30px 0; }
	.apperment-wrapper .left-des:after {display: none; }
	.apperment-wrapper .left-des ul.floor-plan li {width: 33.3%; margin-left: 0; text-align: center;}
	.apperment-wrapper .left-des ul.floor-plan li a img {height: 140px; margin-left: 0;}
	.apperment-wrapper .left-des ul.floor-plan {margin-bottom: 0;}
	.apperment-wrapper .right-des ul.des li {line-height: 22px; font-size: 18px; }
	

	.developer-wrapper {padding-bottom: 30px; }
	.apperment-wrapper .right-des ul.des {width: 66%; }
	.apper {display: none; }
	.developer-wrapper:after {content: ''; width: 30px; height: 1px; background-color: #2f2f2c; position: absolute; bottom: 0px; z-index: 1;  left: 50%; margin-left: -15px;  }
	.header-section h3 {color: #c7c600;     line-height: 76px;    text-align: right;    font-size: 23px; display: inline-block; position: absolute;     left: auto;    width: 65px;    right: 67px;}
	a.call.mobileview img {width: 123px; }

    
}
@media (max-width: 520px){
	.header-section h3 {color: #c7c600;     line-height: 60px;    text-align: right;    font-size: 23px; display: inline-block; }
	.logo-mobile a img {max-width: 65%; position: relative; line-height: 80px; } 	
	.header-section {height: 60px; }
	.logo-mobile {height: 60px; line-height: 60px; }
	.logo-mobile a {line-height: 60px; }
	#clickme { top: -1px; }
	.banner-wrapper {margin-top: 60px;}

	.header-section ul.main-nav {top:60px; background-color: #0d1426; width: 170px; }
	.banner-wrapper img {height: auto;}

	ul.project-div li h3 {font-size: 22px; }

	.gallery-wrapper .col-sm-3 {width: 50%; float: left;}
	.gallery-wrapper a img {height: 140px; }
	.contact-wrapper .full-col,.contact-wrapper .col-sm-12,.contact-wrapper .hideto.col-sm-6,.contact-wrapper .col-sm-8 {padding-left: 0; padding-right: 0; }
	
	.location-wrapper .location-div.third {height: 160px;}
	.location-wrapper .location-div.first .container {top:52%; position: relative; }
	.apperment-wrapper .left-des ul.floor-plan li a img {width: 100px; height: 100px; }

	.location-wrapper .location-div.first a {width: 100%;display: inline-block;height: 65%;position: absolute;z-index: 1;right: 0;}
	.location-wrapper .location-div.second a {width: 100%;display: inline-block;height: 65%;position: absolute;z-index: 1;right: 0; bottom: 0; }
	.location-wrapper .location-div.second {background-image: url(../assets/images/project5-mobile.png); height: 700px; margin-top: -50px; background-position: center; } 

}
@media (max-width: 320px){
	.footer-wrapper .footer-link a.copy {font-size: 14px; }
	.apperment-wrapper .left-des ul.floor-plan li a img {width: 70px; height: 70px; }
}