#AbtPioSec,
#Container,
#FormContainer,
#Gardeniaa,
#InvestSec,
#Location-Container,
#OurProj,
#TeamContainer,
#TestimonialSec,
#VideoPos,
#navHeadMain,
header {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative
}
#AbtPioniers,
#Accessibility,
#Banner,
#Content-Main,
#Footer,
#Form,
#GardeniaIn,
#Header,
#InvestIn,
#Location,
#Main-Menu,
#Mobile-Menu,
#OurTeam,
#ProjectIn,
#TestimonialIn,
#TopIN,
#Videosec,
#navHead {
	max-width: 1200px;
	min-width: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative
}
.adaOn span {
	background: #003263;
	color: #fff;
	border-radius: 50%
}
#Scroller a {
	background: #fff;
	border: 2px solid #000;
	color: #000;
	border-radius: 50%
}
#Header-Container {
	position: absolute;
	z-index: 99;
	background: url(https://www.pionierdevelopers.com/images/header-bg.png) no-repeat center center;
	min-height: 165px
}
#Menu-Container {
	border-bottom: 1px solid #8b9697
}
#HeaderTop {
	border-bottom: 1px solid #8b9697
}
#Header {
	min-height: 106px
}
.logo {
	position: absolute;
	border: 1px solid #8b9697;
	padding: 1.7%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	top: 44px;
	border-bottom: none;
	z-index: 1
}
#TopIN {
	padding: 16px
}
.headiv {
	font: 600 15px/17px Muli, sans-serif;
	text-transform: uppercase;
	color: #fff
}
.table-cell.logo-left {
	padding: 0 0 0 35px
}
.table-cell.logo-right {
	padding: 0 0 0 15.3%
}
.menu {
	text-align: center
}
.menu>li {
	font: 600 12px/16px Muli, sans-serif;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-right: 1px solid #8b9697
}
.menu li a {
	padding: 15px 0;
	color: #fff
}
.menu li a:hover {
	background: #00000069
}
.menu ul li a {
	padding: 13px 15px 13px 25px
}
.menu ul li a:hover {
	color: #2f91b2
}
.menu ul {
	background: #000000f0;
	width: 265px;
	border-top: 2px solid #3091b2
}
.menu-home {
	width: 10%
}
.menu-home a::before {
	font-size: 20px
}
.menu-home a {
	width: 100%;
	height: 100%
}
.menu-home a::before {
	vertical-align: top;
	margin: auto
}
.menu-home span {
	vertical-align: middle
}
.menu-about {
	width: 15%
}
.menu-projects {
	width: 13.2%;
	padding-right: 1%;
	border-right: none!important
}
.menu-team {
	width: 34%;
	padding-left: 22%
}
.menu-contact {
	width: 13%
}
.menu-ph {
	width: 12%;
	border-right: none!important
}
.menu-ph span {
	width: 100%
}
.toggleMenu {
	font: 400 16px/20px Muli, sans-serif;
	color: #fff
}
.toggleMenu a {
	border-radius: 5px
}
.Wrapper {
	font: 300 14px/20px Muli, sans-serif
}
.Wrapper ul li {
	background: #020202f2;
	color: #fff;
	border-bottom: 1px solid #cccccc42
}
#Banner-Container {
	height: 588px
}
#Banner-Container video {
	max-width: 100%;
	width: 100%;
	object-fit: cover;
	z-index: 2;
	position: relative;
	height: 100%
}
.rot {
	background: url(https://www.pionierdevelopers.com/images/lake-circle-bg.png) no-repeat left 35px
}
.jp2 .rot {
	background: url(https://www.pionierdevelopers.com/images/lake-circle-bg.jp2) no-repeat left 35px
}
.jpx .rot {
	background: url(https://www.pionierdevelopers.com/images/lake-circle-bg.wdp) no-repeat left 35px
}
#GardeniaIn {
	min-height: 640px
}
#GardeniaIn .leaf-R {
	background: url(https://www.pionierdevelopers.com/images/right-leaf-b-bg.png) no-repeat 0 0;
	right: -3%;
	height: 331px;
	position: absolute;
	width: 132px;
	bottom: -6%;
	z-index: 9
}
#GardeniaIn .leaf-L {
	background: url(https://www.pionierdevelopers.com/images/left-leaf-b-bg.png) no-repeat 0 0;
	left: 0;
	height: 57px;
	position: absolute;
	width: 50px;
	top: 94%;
	z-index: 9
}
#GardeniaIn h2 {
	font: 300 48px/58px Muli, sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 9;
	padding: 0
}
#GardeniaIn h2 span {
	font: 400 15px/18px Muli, sans-serif;
	color: #959595;
	display: block;
	letter-spacing: 3px
}
#GardeniaIn h2::after {
	position: absolute;
	content: '';
	left: 21.8%;
	top: -45px;
	width: 676px;
	height: 131px;
	background: url(https://www.pionierdevelopers.com/images/just-bg.png) no-repeat 0 0;
	z-index: -1
}
.gardeniaa-left h3 {
	font: 800 44px/54px Muli, sans-serif;
	color: #00aeef;
	text-transform: uppercase;
	padding: 95px 0 0 5px;
}
.gardeniaa-left h3 span {
	color: #000
}
.gardeniaa-left p {
	font: 300 16px/26px Muli, sans-serif;
	color: #525252;
	padding: 32px 0 0 5px
}
.gardeniaa-left h4 {
	font: 800 30px/45px Muli, sans-serif;
	color: #4da326;
	text-transform: uppercase;
	padding: 30px 0 0 0;
	position: relative
}
.gardeniaa-left h4 span {
	color: #7ecc55;
	font: 300 16px/26px Muli, sans-serif;
	display: block
}
.gardeniaa-left h4::after {
	position: absolute;
	content: '';
	left: 0;
	top: 54px;
	width: 1px;
	height: 56px;
	display: none;
	background: #000
}
.gardenia-list ul li {
	display: inline-block;
	margin: 50px 2px 30px 2px;
	font: 300 16px/26px Muli, sans-serif;
	text-transform: uppercase;
	text-align: center
}
.gardenia-list ul li a {
	display: block;
	padding: 4px;
	width: 140px;
	border: 1px solid #00afec
}
.gardenia-list ul li a:hover {
	background: #4da326;
	color: #fff;
	transition: all .65s;
	border: 1px solid #38761c
}
.wifi-head {
	font: 800 25px/30px Muli, sans-serif;
	color: #00aeef;
	text-transform: uppercase;
	padding: 15px 30px 0 0
}
.wifi-text {
	font: 800 20px/25px Muli, sans-serif;
	color: #cb2b27;
	text-transform: uppercase;
	padding: 15px 0 0 0
}
#AbtPioSec {
	background: #00aeef
}
#AbtPioniers {
	min-height: 720px
}
.numbScroll {
	min-height: 140px
}
.scrolist {
	text-align: center
}
.scrolist ul li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	text-align: left;
	padding: 50px 0 0 65px;
	font: 400 14px/16px Muli, sans-serif;
	letter-spacing: 2px
}
.scrolist ul li span {
	font: 300 45px/40px Muli, sans-serif
}
.scrolist ul li:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 54px;
	right: 10px;
	top: 50px;
	background-color: #4dc6f4
}
.scrolist ul li:last-child:after {
	display: none
}
.yrs {
	font: 400 14px/18px Muli, sans-serif!important;
	display: inherit;
	padding: 12px 0 0 20px!important
}
.abt-pio h1 {
	font: 800 48px/68px Muli, sans-serif;
	color: #161616;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0 0 0
}
.blk {
	font: 400 14px/7px Muli, sans-serif;
	color: #15100d;
	letter-spacing: 2px;
	display: block
}
.white {
	font: 300 18px/20px Muli, sans-serif;
	color: #fff;
	letter-spacing: 3px;
	display: block
}
.pio-white {
	color: #fff
}
.homeTable {
	margin: 50px 0 0 0;
	height: 417px
}
.home-bg {
	background: url(https://www.pionierdevelopers.com/images/abt-dev-ph.jpg) no-repeat 0 0
}
.webp .home-bg {
	background: url(https://www.pionierdevelopers.com/images/abt-dev-ph.webp) no-repeat 0 0
}
.jp2 .home-bg {
	background: url(https://www.pionierdevelopers.com/images/abt-dev-ph.jp2) no-repeat 0 0
}
.jpx .home-bg {
	background: url(https://www.pionierdevelopers.com/images/abt-dev-ph.wdp) no-repeat 0 0
}
.home-text {
	color: #fff;
	font: 300 16px/30px Muli, sans-serif;
	padding: 15px 10px 10px 15px
}
.home-text a {
	color: #000;
	padding: 20px 0 20px 0;
	display: block;
	position: relative;
	letter-spacing: 2px
}
.home-text a:hover {
	color: #fff
}
.home-text a:after {
	content: '';
	position: absolute;
	background: #fff;
	height: 1px;
	width: 52px;
	left: 0;
	bottom: 5px
}
#InvestIn {
	min-height: 665px
}
#InvestIn h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #101710;
	text-transform: uppercase;
	text-align: center;
	padding: 55px 0 85px 0;
	width: 60%;
	margin: 0 auto;
	position: relative
}
.invest-list ul li {
	font: 400 16px/20px Muli, sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 0 0 8px 0;
	margin: 0;
	cursor: default
}
.invest-list ul li a {
	display: block
}
.nbs-flexisel-item img {
	cursor: default;
	position: relative;
	margin: 0 0 8px 0
}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-left::before {
	left: -25px
}
.nbs-flexisel-nav-right,
.nbs-flexisel-nav-right::before {
	right: -25px
}
.bda {
	background: url(../images/bda-approved-th.jpg) no-repeat 0 0
}
.pre-plots {
	background: url(../images/premium-plots-th.jpg) no-repeat 0 0
}
.str-locs {
	background: url(../images/strategic-loc-th.jpg) no-repeat 0 0
}
.uni-ame {
	background: url(../images/unique-amenities-th.jpg) no-repeat 0 0
}
.bda-plots {
	background: url(../images/bda-plots-th.jpg) no-repeat 0 0
}
#TestimonialSec {
	background: url(https://www.pionierdevelopers.com/images/testimonials-bg.jpg) no-repeat center center
}
#TestimonialIn {
	min-height: 452px
}
.reviews h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 55px 0 55px 0;
	width: 60%;
	margin: 0 auto;
	position: relative
}
.reviews ul li {
	font: 300 16px/28px Muli, sans-serif;
	color: #fff;
	text-align: center;
	padding: 5px 5% 5px 5%;
	position: relative
}
.reviews ul li span {
	color: #daf824;
	text-transform: uppercase;
	display: block;
	padding: 15px 0 0 0;
	letter-spacing: 3px
}
.reviews ul li:after {
	background: url(https://www.pionierdevelopers.com/images/comma-r-th.png) no-repeat 0 0;
	position: absolute;
	width: 59px;
	height: 48px;
	content: '';
	right: -30px;
	top: 20px
}
.reviews ul li:before {
	background: url(https://www.pionierdevelopers.com/images/comma-l-th.png) no-repeat 0 0;
	position: absolute;
	width: 59px;
	height: 48px;
	content: '';
	left: -30px;
	top: 20px
}
.TestiTabs {
	position: absolute;
	z-index: 9;
	margin: 0;
	padding: 0;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 125px
}
.TestiTabs li {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer
}
.TestiTabs li a {
	display: block;
	width: 100%;
	height: 100%
}
.TestiTabs li.Reviews_here {
	background: #fff
}
.TestiTabs ul li:after,
.TestiTabs ul li:before {
	display: none
}
#ProjectIn h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #282828;
	text-transform: uppercase;
	text-align: center;
	padding: 55px 0 70px 0;
	margin: 0 auto;
	position: relative
}
#Form h3::after,
#InvestIn h3::after,
#OurTeam h3::after,
#ProjectIn h3::after,
.reviews h3::after {
	position: absolute;
	content: '';
	width: 148px;
	height: 2px;
	background: url(https://www.pionierdevelopers.com/images/bottom-line-bg.png) no-repeat 0 0;
	left: 50%;
	top: 121px;
	transform: translateX(-50%) translateY(-50%)
}
#Form h3::after,
#InvestIn h3::after {
	top: 170px
}
#ProjectIn h3 span {
	color: #00aeef
}
.BG-Lakedistrictt {
	background: url(https://www.pionierdevelopers.com/images/laked-bg.jpg) no-repeat 0 0
}
.webp .BG-Lakedistrictt {
	background: url(https://www.pionierdevelopers.com/images/laked-bg.webp) no-repeat 0 0
        
}
.jp2 .BG-Lakedistrictt {
	background: url(https://www.pionierdevelopers.com/images/laked-bg.jp2) no-repeat 0 0
}
.jpx .BG-Lakedistrictt {
	background: url(https://www.pionierdevelopers.com/images/laked-bg.wdp) no-repeat 0 0
}
.BG-Gardeniaa {
	background: url(https://www.pionierdevelopers.com/images/gardeniaa-bg.jpg) no-repeat 0 0
}
.webp .BG-Gardeniaa {
	background: url(https://www.pionierdevelopers.com/images/gardeniaa-bg.webp) no-repeat 0 0
}
.jp2 .BG-Gardeniaa {
	background: url(https://www.pionierdevelopers.com/images/gardeniaa-bg.jp2) no-repeat 0 0
}
.jpx .BG-Gardeniaa {
	background: url(https://www.pionierdevelopers.com/images/gardeniaa-bg.wdp) no-repeat 0 0
}
.BG-lyf {
	background: url(https://www.pionierdevelopers.com/images/pionier-lifestyle-ph.jpg) no-repeat 0 0
}
.webp .BG-lyf {
	background: url(https://www.pionierdevelopers.com/images/pionier-lifestyle-ph.webp) no-repeat 0 0
}
.jp2 .BG-lyf {
	background: url(https://www.pionierdevelopers.com/images/pionier-lifestyle-ph.jp2) no-repeat 0 0
}
.jpx .BG-lyf {
	background: url(https://www.pionierdevelopers.com/images/pionier-lifestyle-ph.wdp) no-repeat 0 0
}
.BG-lake {
	background: url(https://www.pionierdevelopers.com/images/pionier-lakedew-ph.jpg) no-repeat 0 0
}
.webp .BG-lake {
	background: url(https://www.pionierdevelopers.com/images/pionier-lakedew-ph.webp) no-repeat 0 0
}
.jp2 .BG-lake {
	background: url(https://www.pionierdevelopers.com/images/pionier-lakedew-ph.jp2) no-repeat 0 0
}
.jpx .BG-lake {
	background: url(https://www.pionierdevelopers.com/images/pionier-lakedew-ph.wdp) no-repeat 0 0
}
.BG-ster {
	background: url(https://www.pionierdevelopers.com/images/sterling-avenue.jpg) no-repeat 0 0
}
.BG-mapple {
	background: url(https://www.pionierdevelopers.com/images/mapple-avvenue.jpg) no-repeat 0 0
}
.BG-beverly {
	background: url(https://www.pionierdevelopers.com/images/beverly-avvenue.jpg) no-repeat 0 0
}
.BG-silverlane {
	background: url(https://www.pionierdevelopers.com/images/silver-lane.jpg) no-repeat 0 0
}
.BG-res {
	background: url(https://www.pionierdevelopers.com/images/pionier-greendales-ph.jpg) no-repeat 0 0
}
.webp .BG-res {
	background: url(https://www.pionierdevelopers.com/images/pionier-greendales-ph.webp) no-repeat 0 0
}
.jp2 .BG-res {
	background: url(https://www.pionierdevelopers.com/images/pionier-greendales-ph.jp2) no-repeat 0 0
}
.jpx .BG-res {
	background: url(https://www.pionierdevelopers.com/images/pionier-greendales-ph.wdp) no-repeat 0 0
}
.proj-row {
	min-height: 450px
}
.proj-row h4 {
	font: 500 20px/26px Muli, sans-serif;
	color: #282828;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 35px 35px 0 35px
}
.proj-row h4 span {
	display: block
}
.proj-row p {
	font: 300 16px/26px Muli, sans-serif;
	color: #949595;
	padding: 30px 60px 0 35px
}
.moreBox {
	font: 400 16px/20px Muli, sans-serif;
	text-transform: uppercase;
	margin: 35px 0 0 35px;
	width: 150px
}
.moreBox a {
	border: 1px solid #00afec;
	color: #1d1d1d;
	display: block;
	padding: 10px;
	text-align: center
}
.moreBox a:hover {
	background: #4da326;
	color: #fff;
	transition: all .65s;
	border: 1px solid #38761c
}
.sar-road {
	font: 400 15px/20px Muli, sans-serif;
	color: #1a1a1a;
	padding: 50px 0 50px 35px;
	position: relative
}
.sar-road::after {
	background: #a2a2a2;
	position: absolute;
	left: 35px;
	top: 38px;
	content: '';
	width: 65px;
	height: 1px
}
.al-right .sar-road::after {
	right: 35px;
	top: 39px;
	left: inherit;
	width: 70px
}
.BG-lake,
.cbg {
	position: relative
}
/*.cbg::after {*/
/*	background: url(https://www.pionierdevelopers.com/images/blue-arrow-bg.png) no-repeat 0 0;*/
/*	position: absolute;*/
/*	left: -81px;*/
/*	top: 50px;*/
/*	content: '';*/
/*	width: 81px;*/
/*	height: 9px*/
/*}*/
.BG-Gardeniaa::after,
.BG-lake::after {
	background: url(https://www.pionierdevelopers.com/images/green-arrow-bg.png) no-repeat 0 0;
	position: absolute;
	right: -81px;
	top: 50px;
	content: '';
	width: 81px;
	height: 9px
}
.al-right {
	text-align: right
}
.al-right p {
	padding: 30px 35px 0 35px
}
.al-right .sar-road {
	padding: 50px 35px 50px 35px
}
.al-right .moreBox {
	margin: 35px 35px 0 35px;
	float: right
}
#TeamContainer {
	background: #f5f5f5
}
#OurTeam {
	min-height: 360px
}
#OurTeam h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #282828;
	text-transform: uppercase;
	text-align: center;
	padding: 55px 0 70px 0;
	margin: 0 auto;
	position: relative
}
#OurTeam h3 span {
	color: #00aeef
}
.teamlist ul li {
	font: 500 20px/60px Muli, sans-serif;
	color: #282828;
	text-transform: uppercase;
	display: inline-block;
	width: 49%;
	padding: 0 0 0 5px;
	letter-spacing: 2px;
	position: relative
}
.teamlist ul li a {
	color: #282828;
	width: 100%;
	display: block
}
.teamlist ul li a:hover {
	color: #4da326
}
.lav::after,
.reddy::after {
	content: '';
	position: absolute;
	background: #b5b8b9;
	width: 90%;
	height: 1px;
	top: 50px
}
.reddy::after {
	left: 5px
}
.lav::after {
	right: 5px
}
.lav::before,
.reddy::before {
	content: '+';
	position: absolute;
	top: 10px;
	font: 300 33px/33px Muli, sans-serif;
	color: #939393;
	z-index: -1
}
.lav:hover::before,
.reddy:hover::before {
	color: #4da326
}
.reddy::before {
	right: 55px
}
.lav::before {
	left: 55px
}
.teamlist ul li span {
	font: 300 16px/20px Muli, sans-serif;
	color: #848586;
	display: block;
	letter-spacing: 0;
	text-transform: capitalize
}
.lav {
	text-align: right;
	padding: 0 5px 0 5px!important
}
.enquiry {
	font: 300 15px/16px Muli, sans-serif;
	position: fixed;
	right: 0;
	z-index: 9999;
	background: #2c2c2c;
	top: 53px;
	color: #fff;
	padding: 10px;
	height: 40px;
	border-radius: 20px 0 0 20px
}
.enquiry a {
	color: #fff
}
.enquiry:hover {
	width: 140px;
	transition: .8s all ease;
	padding: 10px 0 0 15px
}
.enquiry span {
	display: none;
	padding: 0 0 0 5px
}
.enquiry:hover span {
	display: inline-block;
	vertical-align: middle
}
.enquiry:hover a {
	width: 100%;
	height: 100%
}
#VideoContainer {
	top: -235px;
	position: relative;
	height: 235px
}
#Videosec .theme-L {
	background: #00afec
}
.videoShot {
	background: #00afec
}
.videoText {
	font: 300 30px/40px Muli, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 125px 0 0 10px
}
.vidMore {
	font: 300 14px/20px Muli, sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	margin: 60px 0 10px 10px
}
.vidMore a {
	display: block;
	padding: 10px;
	border: 1px solid #c7d30a;
	width: 170px
}
.vidMore a:hover {
	background: #4da326;
	color: #fff;
	transition: all .65s;
	border: 1px solid #38761c
}
.vid-pop {
	position: absolute;
	top: 30px;
	left: 25%
}
.Vidheight {
	min-height: 465px
}
.mapBG {
	background: url(https://www.pionierdevelopers.com/images/blr-map-bg.png) no-repeat 0 center;
	background-size: 85% auto
}
#Location {
	min-height: 850px
}
.address h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #282828;
	text-transform: uppercase;
	padding: 40px 0 0 145px;
	position: relative
}
.address h3::after {
	position: absolute;
	content: '';
	width: 148px;
	height: 2px;
	background: url(https://www.pionierdevelopers.com/images/where-we-bg.png) no-repeat 0 0;
	left: 25.5%;
	top: 105px
}
.webp .address h3::after {
	background: url(https://www.pionierdevelopers.com/images/where-we-bg.webp) no-repeat 0 0
}
.jp2 .address h3::after {
	background: url(https://www.pionierdevelopers.com/images/where-we-bg.jp2) no-repeat 0 0
}
.jpx .address h3::after {
	background: url(https://www.pionierdevelopers.com/images/where-we-bg.wdp) no-repeat 0 0
}
.address h3 span {
	color: #00aeef
}
.office {
	margin: 50px 0 0 145px
}
.office h4 {
	font: 800 18px/20px Muli, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	position: relative
}
.office p {
	font: 400 16px/24px Muli, sans-serif;
	color: #787878;
	padding: 20px 0 0 0
}
.clr {
	color: #4f5154!important
}
.p-top {
	padding: 5px 0 45px 0!important
}
.ofc-branchBG {
	background: #f4f4f4
}
.ofc-branchBG .theme-R {
	background: #f4f4f4
}
.ofc-branch {
	position: relative;
	padding: 15px 0 50px 145px
}
.ofc-branch h4 {
	font: 700 18px/30px Muli, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	position: relative
}
.ofc-branch h4::before,
.office h4::before {
	position: absolute;
	left: -65px;
	top: -2px;
	background: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	border: 1px solid #d8d6d6;
	padding: 3px 0 0 12px;
	font-size: 22px
}
.office h4::before {
	top: -7px;
	padding: 7px 0 0 12px
}
.dark-blue::before {
    color: #6666cc;
}
.sky-blue::before {
    color: #00afec;
}
.purple::before {
    color: #cb44ba;
}
.orange::before {
	color: #f77b02
}
.blue::before {
	color: #00afec
}
.green::before {
	color: #9cba11
}
.red::before {
	color: #be0000
}
.black::before {
	color: #3da27a
}
.ofc-branch ul li {
	margin: 35px 0 0 0
}
.ofc-branch ul li::after {
	content: '';
	position: absolute;
	border-bottom: 1px dashed #ccc;
	width: 132%;
	left: -145px;
	bottom: -20px
}
.ofc-branch ul li:last-child::after {
	display: none
}
.plr {
	padding: 12px 0 8px 0
}
.pl {
	padding: 15px 0 0 0
}
.pl:after {
	display: none
}
.ofc-branch p {
	font: 400 16px/20px Muli, sans-serif;
	color: #4f5154
}
.icns {
	margin: 0 13px 0 0
}
#FormContainer {
	background: #1f1f1f
}
#Form {
	min-height: 407px
}
#Form h3 {
	font: 800 42px/46px Muli, sans-serif;
	color: #fff;
	text-align: center;
	padding: 55px 0 0 0;
	text-transform: uppercase;
	position: relative
}
.formIn {
	margin: 35px 0 0 0
}
.navInner {
	position: absolute;
	left: 50%;
	background: #0000008f;
	width: 60%;
	top: 60%;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	border-bottom: 1px solid #00afec;
	min-height: 170px
}
#navHead {
	background: url(https://www.pionierdevelopers.com/images/banner-bg.jpg) no-repeat center center;
	min-height: 435px
}
#navHead .theme-L {
	background: url(https://www.pionierdevelopers.com/images/banner-l-bg.jpg) no-repeat right top;
	z-index: 1
}
#navHead .theme-R {
	background: url(https://www.pionierdevelopers.com/images/banner-r-bg.jpg) no-repeat left top;
	z-index: 1
}
#navHead h1 {
	font: 900 48px/52px Muli, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding: 40px 0 0 0
}
.navlake h1 {
	padding: 20px 0 0 0!important
}
.navigation {
	font: 600 18px/20px Muli, sans-serif;
	padding: 10px 5px 5px 5px;
	text-align: center;
	color: #fff
}
.navigation a {
	color: #fff;
	text-decoration: none
}
.textMain {
	padding: 15px 20px 50px 0;
	font: 300 16px/26px Muli, sans-serif;
	color: #525252
}
.textMain a {
	color: #0258cd;
	text-decoration: none
}
.textMain a:hover {
	color: #0000ac
}
.textMain h1 span {
	font: normal 20px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d
}
.hTag2,
.textMain h2,
.textMain h3.hTag2,
.textMain h4.hTag2 {
	font: 700 24px/26px Muli, sans-serif;
	color: #0253c0;
	text-transform: uppercase
}
.textMain h2 span {
	font: 500 16px/20px Muli, sans-serif;
	color: #000
}
.hTag2 a,
.textMain h2 a,
.textMain h3.hTag2 a,
.textMain h4.hTag2 a {
	color: #0253c0
}
.hTag3,
.textMain h2.hTag3,
.textMain h3,
.textMain h4.hTag3 {
	font: 600 20px/24px Muli, sans-serif;
	color: #0258cd;
	text-transform: uppercase
}
.hTag3 a,
.textMain h2.hTag3 a,
.textMain h3 a,
.textMain h4.hTag3 a {
	color: #0258cd
}
.hTag4,
.textMain h2.hTag4,
.textMain h3.hTag4,
.textMain h4 {
	font: 400 18px/22px Muli, sans-serif;
	color: #014cbe
}
.hTag4 a,
.textMain h2.hTag4 a,
.textMain h3.hTag4 a,
.textMain h4 a {
	color: #014cbe
}
.teamDiv {
	margin: 80px 0 0 0;
	position: relative
}
.teamDiv h2 {
	color: #00aeef;
	font: 800 40px/46px Muli, sans-serif;
	text-transform: uppercase;
	padding: 30px 0 0 5px
}
.teamDiv h2 span {
	color: #848586;
	font: 300 20px/22px Muli, sans-serif;
	text-transform: capitalize
}
.teamDiv p {
	color: #525252;
	font: 300 16px/26px Muli, sans-serif;
	text-transform: inherit;
	padding: 40px 0 0 5px
}
.lavText h2 {
	padding: 30px 90px 0 5px
}
.lavText p {
	padding: 40px 90px 0 5px
}
.reddy-th {
	background: url(https://www.pionierdevelopers.com/images/rama-reddy-th.jpg) no-repeat 0 0
}
.reddy-th .theme-L {
	background: url(https://www.pionierdevelopers.com/images/rama-reddy-th-l.jpg) no-repeat right top
}
.lavanya-th {
	background: url(https://www.pionierdevelopers.com/images/lavanya-th.jpg) no-repeat 0 0;
	position: relative
}
.lavanya-th .theme-R {
	background: url(https://www.pionierdevelopers.com/images/lavanya-th-l.jpg) no-repeat 0 0
}
.abtDiv h2 {
	color: #00aeef;
	font: 700 50px/50px Muli, sans-serif;
	text-transform: uppercase;
	padding: 30px 0 0 40px
}
.abtDiv h2 span {
	font: 700 50px/50px Muli, sans-serif;
	color: #292929
}
.abtDiv p {
	color: #525252;
	font: 300 16px/26px Muli, sans-serif;
	text-transform: inherit;
	padding: 20px 25px 0 40px
}
.vision-th {
	background: url(https://www.pionierdevelopers.com/images/vision-mission-th.jpg) no-repeat 0 0;
	width: 56%
}
.vision-th .theme-L {
	background: url(https://www.pionierdevelopers.com/images/vision-mission-bg-l.jpg) no-repeat right top
}
.pio-spirit {
	background: url(https://www.pionierdevelopers.com/images/pionier-spirit-th.jpg) no-repeat 0 0;
	width: 56%
}
.pio-spirit .theme-R {
	background: url(https://www.pionierdevelopers.com/images/pionier-spirit-th-r.jpg) no-repeat left top
}
.abtDiv {
	margin: 45px 0 0 0;
	position: relative
}
.abt-pio-devs h1,
.abt-pio-devs h2 {
	text-align: center;
	text-transform: uppercase;
	font: 300 48px/52px Muli, sans-serif;
	color: #15100d;
	padding: 70px 0 20px 0
}
.abt-pio-devs h2 span {
	display: block;
	font: 300 30px/32px Muli, sans-serif;
	color: #a19f9e;
	letter-spacing: 1px
}
.abt-pio-devs p {
	text-align: center;
	padding: 10px
}
.BGinner,
.BGinner .theme-L,
.BGinner .theme-R {
	background: #f4f4f463
}
.BGcontainer {
	padding: 10px 10px 30px 10px
}
.BGcontainer.BGinner {
	position: relative;
	min-height: 535px
}
.textHead h2 {
	text-align: center;
	text-transform: capitalize;
	font: 300 48px/52px Muli, sans-serif;
	color: #15100d;
	padding: 70px 0 40px 0
}
.gardeniaa-th {
	float: right;
	margin: 15px 5px 10px 25px;
	text-align: center;
	background: #282828;
	padding: 8px;
	color: #fff
}
.gardeniaa-th img {
	margin: 0 0 5px 0
}
.textHead h3 {
	text-align: center;
	text-transform: capitalize;
	font: 300 40px/45px Muli, sans-serif;
	color: #15100d;
	padding: 50px 0 20px 0
}
.amentities-list ul li {
	display: inline-block;
	width: 16%;
	vertical-align: top;
	text-align: center;
	background: 0 0
}
.amentities-list span {
	display: block
}
.featuresList {
	text-align: center
}
.featuresList ul li {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	background: 0 0;
	border: 1px solid #e1e1e1;
	margin: 10px 10px 0 5px;
	padding: 11px;
	text-align: left
}
.amentities-gallery {
	text-align: center
}
.amentities-gallery ul li {
	display: inline-block;
	vertical-align: top;
	background: 0 0;
	padding: 6px;
	margin: 6px;
	border: 1px solid #eee;
	text-align: center
}
.amentities-gallery ul li img:hover {
	transform: scale(1.1);
	transition: all .65s
}
.locMain {
	text-align: center
}
.loclist {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	margin: -2px;
	text-align: left;
	padding: 2%;
	background: #e6f0ff;
	min-height: 550px
}
.loclist.lite {
	background: #e5fff0
}
.loclist h4 {
	padding: 15px 4px 15px 60px;
	position: relative
}
.loclist h4:before {
	left: 10px;
	position: absolute
}
.sch {
	color: #05adda!important;
	background: url(https://www.pionierdevelopers.com/images/schools-colleges-ico.png) no-repeat left center
}
.hotel {
	color: #029841!important;
	background: url(https://www.pionierdevelopers.com/images/hotels-ico.png) no-repeat left center
}
.mall {
	color: #fecf03!important;
	background: url(https://www.pionierdevelopers.com/images/malls-ico.png) no-repeat left center
}
.pub {
	color: #ed8347!important;
	background: url(https://www.pionierdevelopers.com/images/pubs-ico.png) no-repeat left center
}
.ofc {
	color: #7b6faf!important;
	background: url(https://www.pionierdevelopers.com/images/offices-ico.png) no-repeat left center
}
.hosp {
	color: #e22124!important;
	background: url(https://www.pionierdevelopers.com/images/hospitals-ico.png) no-repeat left center
}
.loclist ul li {
	background: url(https://www.pionierdevelopers.com/images/g-list-bg.png) no-repeat 8px 13px
}
.videosList {
	text-align: center
}
.videosList ul li {
	display: inline-block;
	width: 33%;
	background: 0 0
}
.featuresMain {
	text-align: center
}
.lakefeatutres {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	text-align: left
}
.lakefeatutres ul li {
	background: 0 0;
	padding: 6px 0 6px 0
}
.mediaGalery ul li {
	display: inline-block;
	vertical-align: middle;
	width: 360px;
	background: 0 0;
	border: 1px solid #f0f0f0;
	text-align: center;
	padding: 3px;
	margin: 5px;
	min-height: 500px
}
#FooterBtm {
	background: #161616
}
.connect-us {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font: 800 24px/26px Muli, sans-serif;
	letter-spacing: 4px;
	padding: 40px 0 0 0
}
.social-logo ul {
	font-size: 0
}
.social-logo {
	margin: 20px auto;
	text-align: center
}
.social-logo li {
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 36px;
	font-size: 20px;
	color: #000;
	background: #fff;
	border-radius: 78%;
	padding: 7px;
	margin: 0 5px
}
.social-logo li a {
	width: 100%;
	height: 100%;
	display: block
}
.ypo-logo {
	text-align: center;
	padding: 25px 0 25px 0;
	position: relative
}
.ypo-logo::after {
	position: absolute;
	content: '';
	width: 143px;
	height: 7px;
	background: url(https://www.pionierdevelopers.com/images/footer-line-r-bg.jpg) no-repeat 0 0;
	left: 56.2%;
	top: 42px
}
.webp .ypo-logo::after {
	background: url(https://www.pionierdevelopers.com/images/footer-line-r-bg.webp) no-repeat 0 0
}
.jp2 .ypo-logo::after {
	background: url(https://www.pionierdevelopers.com/images/footer-line-r-bg.jp2) no-repeat 0 0
}
.jpx .ypo-logo::after {
	background: url(https://www.pionierdevelopers.com/images/footer-line-r-bg.wdp) no-repeat 0 0
}
.ypo-logo::before {
	position: absolute;
	content: '';
	width: 143px;
	height: 7px;
	background: url(https://www.pionierdevelopers.com/images/footer-line-l-bg.jpg) no-repeat 0 0;
	left: 32%;
	top: 42px
}
.webp .ypo-logo::before {
	background: url(https://www.pionierdevelopers.com/images/footer-line-l-bg.webp) no-repeat 0 0
}
.jp2 .ypo-logo::before {
	background: url(https://www.pionierdevelopers.com/images/footer-line-l-bg.jp2) no-repeat 0 0
}
.jpx .ypo-logo::before {
	background: url(https://www.pionierdevelopers.com/images/footer-line-l-bg.wdp) no-repeat 0 0
}
.f-menu {
	font: 400 14px/18px Muli, sans-serif;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	z-index: 99!important;
	position: relative
}
.f-menu a {
	padding: 0 15px 0 15px;
	z-index: 99!important;
	position: relative
}
.copy-r-text {
	color: #fff;
	font: 400 14px/18px Muli, sans-serif;
	text-align: center;
	padding: 20px 0 0 0
}
.contactDetails {
	text-align: center
}
.contactDetails a {
	color: #525252
}
.contactMap iframe {
	width: 100%;
	height: 300px;
	margin: 10px auto;
	border: 0
}
.contactDetails ul li {
	display: inline-block;
	text-align: center;
	background: 0 0;
	vertical-align: top;
	width: 260px
}
.contactDetails ul li::before {
	color: #000;
	font-size: 19px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 50px;
	display: inline-block
}
.contactDetails h3 {
	font: 400 22px/26px Muli, sans-serif;
	color: #000;
	text-transform: uppercase;
	padding: 20px 0 0 5px
}
.textMain .useFul {
	margin: 15px 0;
	padding: 0
}
.textMain .useFul ul {
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: center
}
.textMain .useFul li {
	margin: 1%;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	width: 45%;
	min-width: 290px;
	font: 400 16px/20px'Source Sans Pro', sans-serif;
	background: 0 0;
	border: 2px solid #ccc
}
.textMain .useFul li span {
	display: block;
	padding: 15px 0;
	background: #ccc;
	margin: 0 0 15px 0
}
.textMain .useFul li img {
	margin: 10px 0
}
.textMain .useFul li a {
	display: block;
	padding: 5px;
	text-decoration: none
}
.textMain .relList li {
	border: 2px solid #ccc
}
.textMain .relList li a {
	padding: 5px 15px
}
.login {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(250, 249, 247, .8) none repeat scroll 0 0;
	transition: opacity 666ms ease 0s;
	z-index: 900
}
.login iframe {
	height: 100%!important
}
.clsbtn,
.clsbtn1 {
	font: 700 16px/24px Lato, sans-serif;
	width: 320px;
	height: 48px;
	justify-content: left;
	position: absolute;
	right: 0;
	background: #fbfbfb;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 10px 10px 20px;
	cursor: pointer
}
.clsbtn span {
	padding: 0 0 0 8px!important;
	cursor: default!important
}
.Cform,
.Cform iframe {
	width: 100%!important
}
.popfull {
	background: rgba(0, 0, 0, .7);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10000;
	left: 0;
	top: 0;
	display: none
}
.popvideo {
	width: 75%;
	height: auto;
	padding: 40% 0 0 0;
	position: fixed;
	z-index: 10005;
	background: #fff;
	display: none;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.popvideo iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border: 4px solid #666
}
.popclose {
	position: absolute;
	right: -10px;
	top: -10px;
	border-radius: 50%;
	background: #fff;
	border: 4px solid #666;
	width: 30px;
	height: 30px;
	z-index: 2;
	text-align: center;
	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif
}
.popclose a {
	display: block;
	text-decoration: none
}
.blog-posts {
	text-align: center
}
.textMain .blog-posts li,
.textMain .blog-wrap li {
	padding: 10px;
	border: 1px solid #bcbcbc;
	background: 0 0;
	margin: 1%;
	width: 348px;
	min-height: 376px;
	display: inline-block;
	vertical-align: top;
	position: relative
}
.textMain .blog-posts li::after,
.textMain .blog-posts li::before,
.textMain .blog-wrap li::after,
.textMain .blog-wrap li::before {
	width: 21px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background: url(https://www.pionierdevelopers.com/images/blog-li-before.png) no-repeat scroll 0 0
}
.textMain .blog-details .blog-head,
.textMain .blog-posts li .post-content .post-title {
	margin: 0;
	font: 700 17px/22px'Nunito Sans', sans-serif;
	border-bottom: 1px solid #87c3c6;
	color: #fff!important;
	padding: 15px 32px 15px 32px
}
.textMain .blog-posts li .post-content .post-title a {
	color: #fff
}
.textMain .blog-details,
.textMain .blog-posts li .post-content {
	background: #00aeef;
	padding: 0 5px;
	text-align: center;
	color: #fff!important
}
.blog-post-container .meta-date,
.blog-post-container .post-featured-image {
	display: none!important
}
.paraCenter {
	text-align: center
}
@media screen and (max-width: 1000px) {
	.gardenia-list ul li {
		margin: 50px 1px 30px 2px;
		font: 300 14px/24px Muli, sans-serif
	}
	.gardenia-list ul li a {
		padding: 2px;
		width: 118px
	}
	.scrolist ul li {
		padding: 50px 0 0 20px;
		width: 32%
	}
	#InvestIn h3 {
		width: 100%
	}
	.BG-Lakedistrictt,
	.BG-Gardeniaa,
	.BG-lake,
	.BG-lyf,
	.BG-res {
		background-size: contain !important;
	}
	.address h3 {
		padding: 40px 0 0 90px
	}
	.address h3::after {
		left: 11.5%
	}
	.office {
		margin: 50px 0 0 100px
	}
	.ofc-branch {
		padding: 15px 0 50px 100px
	}
	.ofc-branch ul li::after {
		width: 125%;
		left: -99px
	}
	.table-cell.gardeniaa-left {
		width: 60%
	}
	.table-cell.logo-left {
		padding: 0
	}
	.headiv {
		font: 600 13px/17px Muli, sans-serif
	}
	.ypo-logo::before {
		left: 28%
	}
	.ypo-logo::after {
		left: 58%
	}
	#Banner-Container {
		height: auto;
		line-height: 0
	}
	.pio-spirit,
	.vision-th {
		width: 50%;
		background-size: 100% auto
	}
	.abtDiv h2,
	.abtDiv h2 span {
		font: 700 40px/44px Muli, sans-serif
	}
	.textMain {
		padding: 15px 0 50px 0
	}
	.gardeniaa-th {
		float: none;
		margin: 10px auto
	}
	.featuresList ul li {
		width: 98%
	}
	#navHead h1 {
		font: 900 41px/44px Muli, sans-serif;
		padding: 40px 0 0 0
	}
}
@media screen and (max-width: 900px) {
	.scrolist ul li {
		font: 400 13px/16px Muli, sans-serif;
		padding: 50px 0 0 5px
	}
	.scrolist ul li span {
		font: 300 33px/36px Muli, sans-serif
	}
	.home-text {
		font: 300 16px/26px Muli, sans-serif
	}
	.videoText {
		font: 300 25px/30px Muli, sans-serif
	}
	.address h3 {
		font: 800 35px/40px Muli, sans-serif;
		padding: 40px 0 0 80px
	}
	.address h3::after {
		left: 22%;
		top: 95px
	}
	.ofc-branch {
		padding: 15px 0 50px 80px
	}
	.office {
		margin: 50px 0 0 80px
	}
	.ofc-branch h4 {
		font: 700 18px/24px Muli, sans-serif
	}
	.ofc-branch ul li::after {
		left: -80px
	}
	.ypo-logo::after {
		left: 59%
	}
	.ypo-logo::before {
		left: 23%
	}
	.reviews ul li {
		font: 300 15px/22px Muli, sans-serif
	}
	.table-cell.gardeniaa-left {
		width: 65%
	}
	.rot {
		background-size: 100% auto;
		background-position: center
	}
	#Header-Container {
		position: relative;
		background: #1f1f1f;
		min-height: 145px
	}
	#HeaderTop {
		border-bottom: none
	}
	.logo {
		position: relative;
		border: none;
		padding: 1%;
		top: 37px;
		text-align: center
	}
	#Menu-Container {
		border-bottom: none
	}
	.table-cell.logo-right {
		padding: 0 0 0 10px;
		text-align: left
	}
	.table-cell.logo-left {
		padding: 0 10px 0 0;
		text-align: right
	}
	#TopIN {
		padding: 15px 0 5px 0;
		text-align: center
	}
	#Main-Menu {
		display: none
	}
	#Mobile-Menu {
		display: block
	}
	#Content,
	#Sidebar {
		display: block
	}
	.loclist {
		width: 48%;
		margin: 6px;
		padding: 3%
	}
}
@media screen and (max-width: 800px) {
    .al-right {
        width: 40%;
    }
   
	.gardeniaa-left h3 {
		font: 800 45px/50px Muli, sans-serif
	}
	.scrolist ul li {
		font: 400 12px/16px Muli, sans-serif
	}
	.ypo-logo::before {
		left: 22.5%
	}
	.copy-r-text {
		font: 400 13px/18px Muli, sans-serif
	}
	.videoText {
		font: 300 23px/29px Muli, sans-serif;
		padding: 90px 0 0 10px
	}
	.vidMore {
		margin: 40px 0 10px 10px
	}
	.vidMore a {
		width: 145px
	}
	#GardeniaIn h2::after {
		left: 7%
	}
	.Vidheight {
		min-height: 320px
	}
	#VideoContainer {
		height: 80px
	}
	.mapBG {
		background-size: 90% auto
	}
	.teamDiv h2 {
		font: 800 34px/45px Muli, sans-serif;
		padding: 30px 0 0 25px
	}
	.teamDiv p {
		padding: 20px 5px 0 25px
	}
	.lavText h2 {
		padding: 30px 5px 0 15px
	}
	.lavText p {
		padding: 20px 10px 0 15px
	}
	.videosList ul li {
		width: 49%;
		padding: 5px
	}
	.navInner {
		top: 50%
	}
	.contactDetails ul li {
		width: 300px
	}
	#cboxLoadedContent {
		position: relative;
		width: 90%;
		padding: 50% 0 0 0;
		margin: 15px auto
	}
	#cboxLoadedContent embed,
	#cboxLoadedContent iframe {
		position: absolute;
		margin: 0;
		padding: 0;
		border: 4px solid #333;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 1
	}
}
@media screen and (max-width: 767px) {
    
	.gardeniaa-left,
	.rot {
		width: 100%!important;
		display: inherit;
		height: 243px;
		background-position: center center;
		background-size: 68% auto
	}
	#GardeniaIn h2::after {
		left: 4%;
		width: 90%;
		background-size: 100%
	}
	.scrolist ul li {
		width: 100%;
		text-align: center
	}
	.scrolist ul li::after {
		display: none
	}
	.abt-pio h1 {
		padding: 50px 0 0 0
	}
	.gardeniaa-left h3 {
		padding: 50px 0 0 10px
	}
	.gardeniaa-left p {
		padding: 32px 0 0 10px
	}
	.gardenia-list ul li {
		margin: 50px 0 30px 5px
	}
	.proj-row h4 {
		font: 500 18px/24px Muli, sans-serif;
		letter-spacing: 2px;
		padding: 35px 10px 0 10px
	}
	.proj-row p {
		padding: 30px 10px 0 10px
	}
	.moreBox {
		margin: 35px 0 0 10px
	}
	.sar-road {
		padding: 50px 0 50px 10px
	}
	.sar-road::after {
		left: 10px
	}
	.videoText {
		font: 300 18px/24px Muli, sans-serif;
		padding: 90px 0 0 10px
	}
	.vidMore a {
		width: 120px
	}
	.Vidheight {
		min-height: 275px
	}
	.mapBG {
		background-size: 80% auto;
		width: 100%;
		display: block;
		height: 500px;
		background-position: center
	}
	.table-cell.address {
		display: block
	}
	#Form h3 {
		font: 800 34px/40px Muli, sans-serif
	}
	.table-cell.logo-left,
	.table-cell.logo-right {
		display: inherit;
		text-align: center;
		width: 100%;
		line-height: 25px
	}
	#navHead h1 {
		font: 900 38px/39px Muli, sans-serif;
		padding: 25px 0 0 0
	}
	.amentities-gallery ul li,
	.amentities-list ul li {
		width: 200px
	}
	.teamDiv {
		margin: 25px 0 0 0
	}
	.table-cell.reddy-th {
		display: inherit;
		width: 100%
	}
	.teamDiv .table-cell {
		width: 100%!important;
		display: inherit
	}
	.lavanya-th,
	.reddy-th {
		height: 300px
	}
	.abtDiv .table-cell {
		width: 100%;
		display: inherit
	}
	.abtDiv h2 span {
		display: initial
	}
	.abt-pio-devs h1,
	.abt-pio-devs h2 {
		font: 300 40px/49px Muli, sans-serif;
		padding: 15px 0 20px 0
	}
	.abt-pio-devs h2 span {
		font: 300 23px/24px Muli, sans-serif
	}
	.lakefeatutres {
		width: 40%
	}
	.loclist {
		width: 47%;
		margin: 3px;
		padding: 2%;
		min-height: 385px
	}
}
@media screen and (max-width: 639px) {
     .webp .BG-Lakedistrictt,.webp .BG-res,.webp .BG-Gardeniaa,.webp .BG-lyf,.webp .BG-lake {
        background-size: contain !important;
    }
    
	.abt-pio h1 {
		font: 800 40px/55px Muli, sans-serif
	}
	.home-bg {
		display: inherit;
		width: 100%;
		height: 400px;
		background-size: 100% auto
	}
	.home-text {
		width: 100%;
		display: inherit
	}
	#InvestIn h3 {
		font: 800 30px/35px Muli, sans-serif
	}
	.al-right,
	.life,
	.resi {
		display: inherit;
		width: 100%
	}
	.BG-Lakedistrictt,
	.BG-Gardeniaa,
	.BG-lake,
	.BG-lyf,
	.BG-res {
		display: inherit;
		width: 100%;
		height: 300px
	}
	.proj-row h4 span {
		display: inline-block
	}
	.proj-row.row2 {
		background: #0000000f
	}
	.proj-row.row2 {
		margin: 35px 0 25px 0
	}
	.teamlist {
		min-height: 230px
	}
	.teamlist ul li {
		width: 100%;
		padding-left: 20px
	}
	.lav {
		text-align: left;
		padding: 0 5px 0 20px!important
	}
	.lav::before {
		right: 55px;
		left: auto
	}
	.lav::after {
		left: 5px
	}
	.gardeniaa-left h3 {
		font: 800 43px/50px Muli, sans-serif;
		text-align: center;
		padding-left: 0!important
	}
	.gardeniaa-left h4 {
		padding: 45px 0 0 15px
	}
	.gardenia-list ul li a {
		width: 110px
	}
	.vid-pop {
		top: 80px;
		left: 37%;
		width: 58%
	}
	#Form h3 {
		font: 800 27px/33px Muli, sans-serif
	}
	#Form h3::after,
	#InvestIn h3::after {
		top: 150px
	}
	.ypo-logo::before {
		left: 5%
	}
	.ypo-logo::after {
		left: 65%
	}
	.reviews ul li::after,
	.reviews ul li::before {
		display: none
	}
	#ProjectIn h3 {
		padding: 50px 0 30px 0
	}
	#GardeniaIn .leaf-R {
		display: none
	}
	.textHead h2 {
		font: 300 34px/38px Muli, sans-serif;
		padding: 10px 0 20px 5px
	}
	.textHead h3 {
		font: 300 30px/35px Muli, sans-serif;
		padding: 25px 0 25px 0
	}
	.lakefeatutres {
		width: 300px
	}
	.videosList ul li {
		width: 100%;
		padding: 5px
	}
	.loclist {
		width: 315px
	}
	#ProjectIn h3::after {
		top: 170px
	}
	.BG-Gardeniaa {
		height: 250px
	}
}
@media screen and (max-width: 479px) {
    
	#TestimonialSec {
		background: #333!important
	}
	.mapBG {
		background: 0 0
	}
	#livprop_chatbox {
		display: none!important
	}
	#Scroller {
		display: none!important
	}
	#GardeniaIn h2 {
		font: 300 37px/42px Muli, sans-serif
	}
	#GardeniaIn h2::after {
		top: -24px
	}
	#GardeniaIn h2 span {
		font: 400 13px/26px Muli, sans-serif
	}
	.gardeniaa-left h4 {
		font: 800 25px/35px Muli, sans-serif
	}
	.gardeniaa-left h4 span {
		font: 300 12px/20px Muli, sans-serif
	}
	.abt-pio h1 {
		font: 800 38px/39px Muli, sans-serif
	}
	.blk {
		font: 400 14px/17px Muli, sans-serif
	}
	.white {
		font: 300 18px/26px Muli, sans-serif
	}
	.home-bg {
		height: 280px
	}
	#InvestIn h3 {
		font: 800 23px/30px Muli, sans-serif
	}
	#Form h3::after,
	#InvestIn h3::after {
		top: 130px
	}
	.reviews h3 {
		font: 800 36px/40px Muli, sans-serif;
		width: 100%
	}
	#TestimonialIn {
		min-height: 650px
	}
	#TestimonialSec {
		background-size: cover
	}
	.reviews ul li::after,
	.reviews ul li::before {
		display: none
	}
	.address h3 {
		font: 800 34px/40px Muli, sans-serif;
		padding: 40px 0 0 0;
		text-align: center
	}
	#Form h3 {
		font: 800 20px/24px Muli, sans-serif
	}
	.copy-r-text {
		font: 400 12px/20px Muli, sans-serif
	}
	.f-menu {
		font: 400 12px/16px Muli, sans-serif;
		z-index: 99!important;
		position: relative
	}
	.f-menu a {
		padding: 0 7px 0 7px;
		z-index: 99!important;
		position: relative
	}
	.vid-pop {
		left: 45%
	}
	.mapBG {
		height: auto
	}
	#ProjectIn h3 {
		font: 800 34px/40px Muli, sans-serif
	}
	#ProjectIn h3 span {
		font: 800 34px/40px Muli, sans-serif
	}
	#OurTeam h3 {
		font: 800 34px/40px Muli, sans-serif
	}
	.gardenia-list ul li {
		margin: 15px 5px 2px 20px;
		text-align: center
	}
	.gardenia-list ul li a {
		width: 140px
	}
	.abt-pio-devs h1,
	.abt-pio-devs h2 {
		font: 300 32px/46px Muli, sans-serif
	}
	.abt-pio-devs h2 span {
		font: 300 18px/20px Muli, sans-serif
	}
	.abt-pio-devs p {
		text-align: justify
	}
	.abtDiv h2,
	.abtDiv h2 span {
		font: 700 32px/44px Muli, sans-serif;
		text-align: center;
		padding: 15px 5px 0 5px
	}
	.abtDiv p {
		padding: 20px 8px 0 8px;
		text-align: justify
	}
	.navInner {
		width: 94%;
		min-height: 150px
	}
	.amentities-gallery ul li,
	.amentities-list ul li {
		width: 138px;
		margin: 4px
	}
	.textHead h3 {
		font: 300 24px/35px Muli, sans-serif
	}
	.ypo-logo::after {
		left: 70%;
		background-size: 70%
	}
	.ypo-logo::before {
		left: 2%;
		background-size: 70%
	}
	.teamDiv h2 {
		font: 800 30px/40px Muli, sans-serif
	}
	.BG-Gardeniaa {
		height: 188px
	}
}
@media screen and (max-width: 359px) {
	.gardeniaa-left h3 {
		font: 800 40px/44px Muli, sans-serif
	}
	#GardeniaIn h2 {
		font: 300 32px/34px Muli, sans-serif
	}
	#GardeniaIn h2 span {
		font: 400 11px/23px Muli, sans-serif
	}
	.gardeniaa-left h4 {
		font: 800 22px/35px Muli, sans-serif
	}
	.gardeniaa-left h4 span {
		font: 300 10px/14px Muli, sans-serif
	}
	.gardenia-list ul li {
		margin: 15px 1px 2px 11px
	}
	.white {
		font: 300 15px/26px Muli, sans-serif
	}
	#InvestIn h3 {
		font: 800 21px/26px Muli, sans-serif
	}
	.BG-lake,
	.BG-lyf,
	.BG-res {
		height: 225px
	}
	#Form h3 {
		font: 800 18px/23px Muli, sans-serif
	}
	.f-menu {
		font: 400 11px/16px Muli, sans-serif;
		z-index: 99!important;
		position: relative
	}
	.ypo-logo::after,
	.ypo-logo::before {
		display: none
	}
	.office {
		margin: 50px 0 0 70px
	}
	.ofc-branch {
		padding: 15px 0 50px 70px
	}
	.ofc-branch p {
		font: 400 13px/18px Muli, sans-serif;
		color: #4f5154
	}
	.connect-us {
		letter-spacing: 2px
	}
	.vid-pop {
		left: 48%
	}
	.reddy::before {
		right: 28px
	}
	.lav::before {
		right: 25px
	}
	.table-cell.logo-left,
	.table-cell.logo-right {
		line-height: 25px;
		font-size: 12px
	}
	.teamDiv h2 {
		font: 800 28px/40px Muli, sans-serif
	}
	.BG-Gardeniaa {
		height: 170px
	}
}
.image-plan{
    border:1px solid #000 !important;
}