@media screen and (max-height:650px) {
.cal-banner {display:none}
}

@media screen and (max-width:1350px) {
.invictus-bg, .eris-bg, .tripolis-bg, .california-bg, .eudora-bg, .greenville-bg, .parksville-bg, .oculus-bg, .bhoomi-garden-bg, .maplewood-bg, .legranz-bg, .panorama-bg {background-position:left 1020px bottom}
}

@media screen and (max-width:1280px) {
/* Contact */
#b4{background:url(../images/add-bg.jpg) repeat-x fixed}
.content {height:auto}
.pjct,.Get-in-touch {width:900px; position:relative}
#c2, #c3, #c4, #logo {display:none}
#home-menu {display:block}
}

@media screen and (max-width:1170px) {
.pro-inr-dtl {width:35%}
}

@media screen and (max-width:1140px) {
/* Project's Details */
.pro-inr-dtl {width:38%}
.pro-inr-img {width:50%; overflow:hidden}

.cbp-fbscroller h1{padding-top:130px}
}

@media screen and (max-width:1120px) {
.project-mn-img-rt, .project-mn-img {max-width:300px; overflow:hidden}
.call-fixed{position: absolute}
}

@media screen and (max-width:1070px) {
/* About */
.abt-con {width:45%}
}

@media screen and (max-width:1024px) {
/* Home */
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info {height:600px}

/* About */
.abt-stat-1 {width:170px}

.abt-con {float:none; padding:0; width:94%}
.abt-mn-dtl {margin:24px 25px 0 250px; padding:23px 0; float:none}

.vision {width:43%; border:none; padding:32px 0 0; margin-right:0} 
.mission {width:46%; border:none; padding:32px 0 0; margin-right:25px}

.team p{margin-right:25px}
.team-content {width:100%}
.team {float:none; width:100%}
.team-picture {margin-bottom:20px}
.proj-top h2 {margin-top:30px !important}

.csr-mn-dtl {margin:20px 0 0 250px}
.hidden-partner {display:none}
.partners-dtl {margin-bottom:30px}

/* Project's Details */
.pro-inr-dtl {width:90%; float:none; margin-bottom:20px}
.pro-inr-img {width:100%; overflow:visible; float:none}
.pro-inr-img img {width:100%}
.pro-dtl-pg {margin:0 0 0 205px}

.pr-inr-dtl-cont {width:35%; padding-right:30px}

/* Contact */
#b4{width:100%}

.cbp-fbscroller h1{width:80%}

.invictus-bg, .eris-bg, .tripolis-bg, .california-bg, .eudora-bg, .greenville-bg, .parksville-bg, .oculus-bg, .bhoomi-garden-bg, .maplewood-bg, .legranz-bg, .panorama-bg {background:none}
}

@media screen and (max-width:990px) {
.project-mn-dtl {float:none}
.abt-stat-1 {width:23%; text-align:center}
.abt-stat-2 {width:30%; padding-left:40px}
.abt-stat-3 {width:25%; text-align:center; margin-right:50px}
.abt-pg-bg h3 {font-size:50px}
.abt-pg-bg h4 {font-size:16px}

/* Site Address */
.saadd-left {width:270px}
.saadd-right {width:280px}
.proj-top h2{float:left;}

}

@media screen and (max-width:960px) {
.proj-mn-con {width:95%; margin:0 0 30px}
.project-mn-img-rt, .project-mn-img {overflow:visible; border:none; float:none; margin:30px 30px 20px 0}
.project-mn-img-rt img, .project-mn-img img {border:3px solid #d0d0d0}
.pr-inr-dtl-cont{width:70%; padding-right:0px; float:none}

/* Home */
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info {height:550px}
.quality-info{background: url("../images/quality-info.png") 40% center no-repeat; background-size:50%}
.innovate-info{background: url("../images/innovate-info.png") 40% center no-repeat; background-size:50%}
.luxury-info{background: url("../images/luxury-info.png") 40% center no-repeat; background-size:50%}
.commitment-info{background: url("../images/commitment-info.png") 40% center no-repeat; background-size:50%}

.cbp-fbscroller h1{width:60%}
}

@media screen and (max-width:900px) {
.pro-nav li a{font-size:13px}
.pro-nav li{padding:0 15px 0 0;}
}

@media screen and (max-width:890px) {
/* Project's Details */
.pro-inr-dtl {width:88%; text-align:justify}
.pro-inr-img {width:100%; overflow:visible; float:none}
.pro-inr-img img {width:100%}
.pro-dtl-pg {margin:0 0 0 205px}

.abt-stat-1 {width:21%}
.abt-stat-2 {width:28%}
.abt-stat-3 {width:19%; margin-right:80px}

.vision-mn-dtl {float:none; margin-right:25px}
.vision, .mission {width:100%; border:none; padding:30px 0 0; float:none; min-height:50px} 
.mission {padding-bottom:30px}

/* Home */
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info {height:550px}
.quality-info{background: url("../images/quality-info.png") 35% center no-repeat; background-size:40%}
.innovate-info{background: url("../images/innovate-info.png") 35% center no-repeat; background-size:40%}
.luxury-info{background: url("../images/luxury-info.png") 35% center no-repeat; background-size:40%}
.commitment-info{background: url("../images/commitment-info.png") 35% center no-repeat; background-size:40%}
}

@media screen and (max-width:880px) {
/* Site Address */
.saadd-left {width:258px; border:none; padding-right:0}
.saadd-right {width:260px; border:none; padding-left:0}
.saadd-mn-dtl p {font-size:16px}

.pr-inr-dtl-cont{width:65%}
.cbp-fbscroller h1 {font-size:30px}
.cbp-fbscroller h1 span {font-size:24px}
/*.uc-tile{float:left!important;}*/
}

@media screen and (max-width:880px) {
.csr-mn-dtl {margin:20px 0 0 225px}
}

@media screen and (max-width:768px) {
/* Navigation */
.cal-banner {display:none}

.pg-lt {background:url(../images/nav-bg-hor.png) repeat bottom left; width:100%; height:115px; position:relative; margin-top:-50px}
.project-page {min-height:115px}
.logo img {margin:20px 0 0 20px; float:left}
.nav ul {width:400px; float:right; margin-top:70px}
.nav li {border-bottom:none; float:left; margin:0 15px}
.nav a {font-size:15px}

.bottom-left-content {position:relative; left:0; bottom:0; background:#000}
.footer-links{text-align:right; width:100%; line-height:17px; margin:0; padding:0; position:absolute; margin-top:10px; right:20px}
.footer-links img {margin:10px 20px -25px 0}
.copyright {text-align:left; width:250px; line-height:20px; margin-left:20px; padding:10px 0}
.terms {position:absolute; right:120px; margin:5px 20px 0 0}

#home-footer .bottom-left-content {position:fixed; left:0; bottom:0; background:#000; width:100%}
#home-footer .footer-links{text-align:right; width:100%; line-height:17px; margin:0; padding:0; position:absolute; margin-top:10px; right:20px}
#home-footer .footer-links img {margin:10px 20px -25px 0}
#home-footer .copyright {text-align:left; width:250px; line-height:20px; margin-left:20px; padding:10px 0; margin-top:0px}
#home-footer .terms {position:absolute; right:120px; margin:0px 20px 0 0}

/* Home */
.quality-info{background: url("../images/quality-info.png") 50% center no-repeat; background-size:70%}
.innovate-info{background: url("../images/innovate-info.png") 50% center no-repeat; background-size:70%}
.luxury-info{background: url("../images/luxury-info.png") 50% center no-repeat; background-size:70%}
.commitment-info{background: url("../images/commitment-info.png") 50% center no-repeat; background-size:70%}

/* About */
.abt-mn-dtl {margin:24px 25px 0 25px; padding:23px 0}
.project-mn-dtl {margin:0 0 0 25px}
.abt-stat-2 {width:32%}
.abt-con {width:100%}
.vision-mn-dtl {float:none; margin-left:25px}

.team-content {text-align:justify}

.accolades-mn-dtl{float:left; margin:0 25px}
.accolades-pg-cen{background:url(../images/accolades-bg.png) no-repeat 0 0 #f4f4f4}

.pro-pg-top, .proj-top{margin:0 0 0 25px;}
.term-mn-dtl {margin:0 0 20px 25px}
.pro-pg-top h2, .proj-top h2 {margin:10px 0;}

.csr-mn-dtl {margin:20px 0 0 0px}

/* Projects */
.project-container {margin:0 0 0 25px}

.pro-dtl-pg {margin-left:0px}
.pro-inr-dtl {width:93%; margin-left:25px}
.pro-nav li a{font-size:16px}
.pro-nav li{padding:0 20px 0 0;}

.pro-inr-cont{margin:20px 0 0 25px}
.pr-inr-dtl-cont{width:90%}

.cbp-fbscroller h1{margin:0 25px; padding-top:130px; font-size:42px; width:90%}
.cbp-fbscroller h1 span {font-size:30px}

/* Contact */
.content {margin-left:50px; margin-top:30px}
#b4 ul{ margin:30px 0 20px 0}
.enquiry-bg {margin:0; padding:60px 0 0 0}
.enquiry-page{margin:0; padding:0}
.hot-line-no{margin-left:25px}

/* Site Address */
.saadd-mn-dtl {float:none; margin:0 0 0 25px}
.saadd-left, .saadd-right {width:50%}

#container{width:100%}

.call-fixed, .slide-out-div {display:none}
#footer-links-new {display:block; margin-bottom:-12px}

.uc-tile h2{font-size:14px;}

.footer-links .social {position:absolute; right:140px; margin-top:3px}
.footer-links a span {width:20px; height:18px; background-size:57px; background-position:20px 0}
.footer-links a:nth-child(2) span {background-position:39px 0}
.footer-links a:nth-child(3) span {background-position:0 0}
}

@media screen and (max-width:768px) and (orientation:portrait) {
/* Home */
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info {height:1000px}
}
@media screen and (max-width:470px){.pro-pg-top h2, .proj-top h2{ font-size:1.3em;}}
@media screen and (max-width:305px){.pro-pg-top h2, .proj-top h2{ font-size:1em;}}
@media screen and (max-width:680px) {
.pro-inr-dtl {width:90%}
.pro-nav li a{font-size:14px}
.pro-nav li{padding:0 15px 0 0;}

.cbp-fbscroller h1{padding-top:155px; font-size:30px}
.cbp-fbscroller h1 span {font-size:24px}
}

@media screen and (max-width:640px) {
.abt-stat-2 {width:30%}
}

@media screen and (max-width:580px) {
/* Navigation */
.pg-lt {height:150px; margin-top:-27px}
.logo {text-align:center}
.logo img {margin:20px 0 0; float:none}
.nav ul {width:400px; float:none; margin-top:-40px}
.term-mn-dtl p {text-align:left}

.copyright {font-size:12px}
.footer-links img {margin:10px 20px -20px 0; width:61px; height:auto}
.terms {right:75px}

.dl-menuwrapper {display:block}
.pro-nav{display:none}

/* About */
.abt-stat-1, .abt-stat-2, .abt-stat-3 {width:100%; background:none; padding:0; margin:0; margin-bottom:20px}
}

@media screen and (max-width:540px) {
.csr-mn-dtl {margin:20px 0 0 24%}

.team-picture {float:none; width:100%; text-align:center}
.team-picture img {max-width:100%; height:auto; margin-right:25px}
}

@media screen and (max-width:500px) {
/* Site Address */
.saadd-left, .saadd-right {width:100%; float:none}
.saadd-mn-dtl p {font-size:20px}

/* Projects */
.project-container {float:none; padding-right:25px}
.proj-mn-con {width:100%; margin:0 0 90px; float:none}
.project-mn-img-rt img {margin-top:30px}
.project-mn-img, .project-mn-img-rt {max-width:100%; margin-right:10px}
.project-mn-img img, .project-mn-img-rt img {max-width:100%}
}

@media screen and (max-width:480px) {
.pro-inr-cont p{margin:20px 0; padding:0; padding-right:50px}
}

@media screen and (max-width:460px) {
.content {margin-left:25px}
.csr-mn-dtl {margin:20px 0 0 20%}
.pro-inr-dtl {width:88%}
}
	
@media screen and (max-width:420px) {
/* Navigation */
.nav ul {width:320px}
.nav li {margin:0 10px}
.nav a {font-size:13px}

.footer-links{text-align:center; right:0}
.copyright {text-align:center; width:100%; padding-top:30px; margin-left:0; padding-bottom:22px}
.terms {position:relative; width:100%}

#home-footer .footer-links {text-align:center; right:0}
#home-footer .copyright {text-align:center; width:100%; margin-left:0; padding:50px 0 10px; margin-top:0px}
#home-footer .terms {position:absolute; right:120px; margin:0px 20px 0 0}

#b4 ul li {font-size:16px; width:70%}

.pr-inr-dtl-cont{width:87%}
a.intr, a.extr{font-size:16px; height:32px; width:125px}

.cbp-fbscroller h1{padding-top:160px; font-size:24px}
.cbp-fbscroller h1 span {font-size:20px}

#footer-links-new {font-size:12px; line-height:16px}
.call-footer {background-color:#f48220; width:50%; height:42px; padding-top:0; line-height:42px}
.download-brochure {background-color:#f48220; width:49.8%; height:30px}
.download-brochure img {margin-left:-10px; margin-top:-8px}

#home-footer .footer-links {margin-top:5px; margin-bottom:5px}
.footer-links .social {position:relative; right:inherit; margin-top:0; margin-bottom:21px}
}

@media screen and (max-width:380px) {
/*#c4 ul li {font-size:16px; width:50%}*/
.pro-inr-dtl {width:86%}

a.pro-back span {display:none}
.csr-mn-dtl {margin:20px 0 0 15%}
}

@media screen and (max-width:350px) {
.csr-mn-dtl {margin:20px 0 0 10%}
}

@media screen and (max-width:320px) {
/* Site Address */
.saadd-mn-dtl p {font-size:16px}
.saadd-left, .saadd-right {padding-top:0px}
.pro-inr-dtl {width:84%}

.pr-inr-dtl-cont{width:85%}

.cbp-fbscroller h1{padding-top:130px}

.csr-mn-dtl {margin:20px 0 0 7%}
}




@media screen and (max-width:360px) and (orientation:portrait) {
.quality-info{background: url("../images/quality-info.png") center no-repeat; background-size:90%}
.innovate-info{background: url("../images/innovate-info.png") center no-repeat; background-size:90%}
.luxury-info{background: url("../images/luxury-info.png") center no-repeat; background-size:90%}
.commitment-info{background: url("../images/commitment-info.png") center no-repeat; background-size:90%}
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info{height:640px}
.quality-info, .innovate-info, .luxury-info, .commitment-info{height:640px}
#nav{margin:0}
}

@media screen and (max-width:320px) and (orientation:portrait) {
.quality-info{background: url("../images/quality-info.png") center no-repeat; background-size:90%}
.innovate-info{background: url("../images/innovate-info.png") center no-repeat; background-size:90%}
.luxury-info{background: url("../images/luxury-info.png") center no-repeat; background-size:90%}
.commitment-info{background: url("../images/commitment-info.png") center no-repeat; background-size:90%}
#intro, #second, #third, #fifth, #sixth, .quality-info, .innovate-info, .luxury-info, .commitment-info{height:480px}
.quality-info, .innovate-info, .luxury-info, .commitment-info{height:540px}
#nav{margin:0}
}