html{overflow-x:hidden;}
*{margin:0%; padding:0%;}
body{font-family: 'Titillium Web', sans-serif !important; overflow-x:hidden;}
.mdesktop{display:none !important;}
.homeproject{display:none !important;}


@media only screen and (min-device-width :1025px) and (max-device-width :1200px){}
@media only screen and (max-device-width :1024px){
.vision{margin-left:0%;}
.pamenitiesp{display:none;}
.iagree {  width: 50%;  position: fixed;  color: #6d1010;  left: 25%;   background-color: #d7b468;   cursor: pointer;
    padding: 10px;  text-align: center;   bottom: 10%;  font-weight: bold;}
.mcinfo{top:20%;}
.vcinfo{top:20%;}
	#myCarouselcprojectnew .carousel-indicators{left: 65%; bottom:0px !important;}
.contactleft{padding:10% 15%;}
.locationzoomimg{    margin: 20% auto;    height: auto;}
.locationzoom { position: fixed; top: 0%;  display: none;  z-index: 999;  width: 100%;  background-color: rgba(0,0,0,0.8); height: 100vH;}
.pnamenav{font-size:12px;}
.projectlogo{margin:0 auto;}
.dmenupart {  width: 100%;  float: left;  background-color: transparent !important;  text-align: center;}
#aboutus{padding-top:6%;}
.sdesktop{display:none !important;}
#ourprojects{padding-top:6%;}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:33%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.mdesktop{display:block !important;}
.dmenu{display:none !important;}
.poverviewright{width:100%;}

.mmenu{display:block; float:left; width:50%;}
.navbar {  margin-bottom: 10px;    text-align: right;    width: 50%;    float: right;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{width: 70%; height: 250px;  bottom: 30%; right: 15% !important;  background-size: cover;   background-repeat: no-repeat;    left: auto;}
.aboutinfop{margin-top:4%;}
/* Project Pages */
.poverviewhead{margin-top:3%;}
#projectamenities {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important; }
#projectamenities-avaneesh {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kaveesha {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kapila {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-udanda {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-nandana {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kshipra {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
.pamenitiesright { height: auto;  min-height:auto;}	
#floorplan{    background-color: rgb(26, 35, 42);  height: auto;  padding-top: 6%;  padding-bottom: 3%;}
#gallery{    background-color: #ffffff;  height: auto;  padding-top: 6%;  padding-bottom: 3%;}
#gallery .headingsectionbd{ color:#000000;}
#gallery .pname-thumb{ color:#000000;}
.specificationsection {height: 250px; margin-bottom: 5%;}
.plocadvtleft{padding: 1.6em;}
.pamenitiesleft{padding: 1.6em; width:100%;}
.headingsectionbl, .headingsectionbd, #contactus .headingsection{font-size: 22px;}
.amenitiesul li{font-size: 14px;}
.poverviewinfo {    font-size: 14px;}
/* Management */
.imgside{width:100%; }
.contentside{width:100%; margin-top:2%; }
.contentside h2{text-align:center; margin-top:2%;}
.teamsideimg{margin:0 auto; float:none !important;}
.teammaininfo {  padding: 0%; font-family: 'Titillium Web', sans-serif; margin-bottom: 5%; margin-top: 2%; border-bottom:2px solid #ececec;    padding-bottom: 3%;}
.cprojectdiv{display:block !important; width:33%; float:left; margin-top: 3%; height:300px; padding-bottom:3%;}
#careers{padding-right:5%; padding-left:5%;}
#tesslider .capp4{font-size:11px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
#aboutus .headingsection, .headingsection{font-size:22px;}
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media only screen and (max-width :767px){
#tesslider .carousel-caption{padding:1% 5%;}
.mcinfo {  position: absolute; left: 20%;  margin-left: -40px;  top: 20%;  margin-top: -50px;  font-family: 'Raleway', sans-serif;
    color: #ffffff;  width: 60%;  line-height: 1.3;  text-align: center;}
	
.vcinfo {  position: absolute; left: 20%;  margin-left: -40px;  top: 20%;  margin-top: -50px;  font-family: 'Raleway', sans-serif;
    color: #ffffff;  width: 60%;  line-height: 1.3;  text-align: center;}
.plocadvtright{height:auto !important; min-height:auto !important;}
.zoomin{padding:8%;}
.getintouch{width:100%;}
.projectlogo{margin:0 auto;}
.dmenupart {  width: 100%;  float: left;  background-color: transparent !important;  text-align: center;}
#aboutus{padding-top:6%;}

#ourprojects{padding-top:6%;}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:33%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block; float:left; width:50%;}
.navbar {  margin-bottom: 10px;    text-align: right;    width: 50%;    float: right;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{width: 70%; height: 250px;  bottom: 30%; right: 15% !important;  background-size: cover;   background-repeat: no-repeat;    left: auto;}
.aboutinfop{margin-top:4%;}
/* Project Pages */
.poverviewhead{margin-top:3%;}
#projectamenities {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important; }
#projectamenities-avaneesh {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kaveesha {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kapila {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-udanda {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-nandana {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
#projectamenities-kshipra {clear: both; width: 100%; position: relative; background-color: #4b4b86; background: none !important;}
.pamenitiesright { height: auto;  min-height:auto;}	
#floorplan{    background-color: rgb(26, 35, 42);  height: auto;  padding-top: 6%;  padding-bottom: 3%;}
#gallery{    background-color: #ffffff;  height: auto;  padding-top: 6%;  padding-bottom: 3%;}
.specificationsection {height: 300px; margin-bottom: 5%;}
.plocadvtleft{padding: 1.6em;}
.pamenitiesleft{padding: 1.6em;}
.headingsectionbl, .headingsectionbd, #contactus .headingsection{font-size: 20px;}
.amenitiesul li{font-size: 14px;}
.poverviewinfo {    font-size: 14px;}
/* Management */
.imgside{width:100%; }
.contentside{width:100%; margin-top:2%; }
.contentside h2{text-align:center; margin-top:2%;}
.teamsideimg{margin:0 auto; float:none !important;}
.teammaininfo {  padding: 0%; font-family: 'Titillium Web', sans-serif; margin-bottom: 5%; margin-top: 2%; border-bottom:2px solid #ececec;    padding-bottom: 3%;}
.cprojectdiv{display:block !important; width:33%; float:left; margin-top: 3%; height:300px; padding-bottom:3%;}
#careers{padding-right:5%; padding-left:5%;}
}
@media only screen and (max-width :640px){
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:33%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{width: 70%; height: 250px;  bottom: 30%; right: 15% !important;  background-size: cover;   background-repeat: no-repeat;    left: auto;}

}
@media only screen and (max-width :540px){
.teambanner{margin-top:15%;}
.ctopimg{margin-top:15%;}
.mpp{text-align:center !important; font-size:13px;}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:50%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{    width: 90%; height: 250px; bottom: 20%; right: 5% !important; background-size: cover;
    background-repeat: no-repeat; left: auto;}
.specificationsection { height: auto;  margin-bottom: 5%;  width: 100%;}
.cprojectdiv{display:block !important; width:50%; float:left; margin-top: 3%; height:280px; padding-bottom:3%;}
}
@media only screen and (max-width :480px){
.specificationsection {  height: auto;  margin-bottom: 5%;  width: 100%;}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:100%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{ width: 90%; height: 250px;  bottom: 10%;  right: 5% !important;  background-size: cover;
  background-repeat: no-repeat;  left: auto;}
.getintouchinfo{width:89%;}
.addressdetails{width:100%;}
#email_form01{width:100%; margin-top:4%;}
.social-icons{padding-top:1%;}
.sdevaddress {width:100%;}
.bfheading{text-align:left;}
.aboutinfop{width:100%;}
.copyr{font-size:12px;}
.pwdby{font-size:12px;}
#tesslider {  height: 100%;  padding-top: 0%;}
.vision span{padding:0% 30%;}
.mission span{padding:0% 26%;}
.mcinfo {position: absolute; left: 17%; margin-left: -40px; top: 20%; margin-top: -50px; font-family: 'Raleway', sans-serif;
    color: #ffffff; width: 70%; line-height: 1; text-align: center;}
.vcinfo {position: absolute; left: 17%; margin-left: -40px; top: 20%; margin-top: -50px; font-family: 'Raleway', sans-serif;
    color: #ffffff; width: 70%; line-height: 1; text-align: center;}
.vcinfo h3, .mcinfo h3{font-size:17px;}
}
@media only screen and (max-width :380px){
.mcinfo { position: absolute; left: 17%; margin-left: -40px; top: 20%; margin-top: -50px; font-family: 'Raleway', sans-serif;
    color: #ffffff; width: 70%; line-height: 1; text-align: center;}
.vcinfo { position: absolute; left: 17%; margin-left: -40px; top: 20%; margin-top: -50px; font-family: 'Raleway', sans-serif;
    color: #ffffff; width: 70%; line-height: 1; text-align: center;}
.vcinfo h3, .mcinfo h3{font-size:17px;}
.cprojectdiv{display:block !important; width:100%; float:left; margin-top: 3%; height:auto; padding-bottom:3%;}
#tesslider {  height: 100%;  padding-top: 10%;}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:100%; float:left; margin-top: 3%; border-bottom:0px solid #ffffff}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{width: 95%; height: auto#tesslider .carousel-caption;  bottom: 10%;  right: 2.5% !important;  background-size: cover;
    background-repeat: no-repeat;    left: auto;}
	#tesslider .carousel-indicators .active{width: 28px;  height: 10px;}
	#tesslider .carousel-indicators{width: 28px;  height: 10px;}
	#tesslider .carousel-indicators{left: 45%; z-index: 15;   width: 65%;}
	
	}
@media only screen and (max-width :320px){
.mcinfo {
    position: absolute;
    left: 0%;
    /* margin-left: -60px; */
    top: 40%;
    margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    width: 50%;
    line-height: 1;
    font-size: 12px;
}.vcinfo {
    position: absolute;
    left: 0%;
    /* margin-left: -60px; */
    top: 40%;
    margin: 0 auto;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    width: 50%;
    line-height: 1;
    font-size: 12px;
}
#myCarousel{display:none;}
#myCarouselgal{display:none;}
.homeproject{display:block !important; width:100%; float:left; margin-top: 3%;}
.vision{width:100%;}
.mission{width:100%;}
.homeproject a{width:98%; margin:0 auto;}
.sdesktop{display:none !important;}
.dmenu{display:none !important;}
.mdesktop{display:block !important;}
.mmenu{display:block;}
.aboutusinfo { width: 90%;  margin-left: 5%;}
.contactleft{height: auto; position: relative;     width: 100%;}
.contactright{display:none;}
.gmapp {position: relative; margin-top: 0;}
#contactus{    padding-bottom: 0%;}
#tesslider .carousel-caption{width: 95%; height: auto; bottom: 10%; right: 2.5% !important; background-size: cover;
    background-repeat: no-repeat;    left: auto;}
}