.posR{position: relative;}

/* Top Container Start */
.top-container{width: 100%; background: url(../images/rental-bg.jpg) no-repeat center center; margin-top: 68px; background-size: cover; height: 250px; position: relative;}
.top-container:before{content:''; background: rgba(68,68,68,0.4); width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; position: absolute;}
.top-container .breadcrumb {background: none; padding: 10px 0 15px 0;}
.top-container .breadcrumb li{color: #fff; font-size: 10px;}
.top-container .breadcrumb li a {font-size: 10px; color: #bbb;}
.top-container .breadcrumb>li+li:before {font-size: 10px; color: #bbb; padding: 0 1px;}
.top-container h1 {text-align: center; font-size: 28px; color: #fff; margin-bottom: 10px; margin-top: 40px;}
.top-container p{font-size: 22px; color: #fff; font-weight: 400; text-align: center;}
/* Top Container Finish */

/* Overview Start */
.rental-overview{padding: 50px 0;}
.rental-overview h2 {font-size: 28px; color: #858585; font-weight: 400; position: relative; margin-bottom: 35px;}
.rental-overview h2:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}
.rental-overview p {font-size: 12px; line-height: 24px; color: #1a1a1a; font-weight: 500; margin-bottom: 20px;text-align: justify;}
.rental-img-over{float: left; margin-right: 55px;}
/* Overview Finish */


/* City Photo Gallery Start */
.rental-gallery-div{transition: 0.25s;}
.rental-cityphoto-gallery h2 {font-size: 28px; color: #858585; font-weight: 400; position: relative; margin-bottom: 35px;}
.rental-cityphoto-gallery h2:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}
.rental-gallery-div{width: 255px; overflow: hidden; height: 170px; float: left; margin-right: 10px; margin-bottom: 10px;}
.rental-gallery-div-detail{padding: 20px; position: relative; z-index: 3;}
.rental-gallery-div-detail h3{text-transform: uppercase; transition: 0.25s; font-size: 18px; margin-bottom: 15px; font-weight: 600; color: #fff; position: relative;}
.rental-gallery-div-detail h3:before{content: ''; position: absolute; left: 0; bottom: -8px; width: 40px; height: 2px; background: #fff;}
.rental-gallery-div-detail p{font-size: 12px; transition: 0.25s; color: #fff; font-weight: 500; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.95); margin-left: -150px; opacity: 0;}
.rental-gallery-div a{position: absolute; transition: 0.25s; text-decoration: none; opacity: 0; bottom: 20px; left: 20px; text-transform: uppercase; color: #000; z-index: 3; font-size: 12px; font-weight: 600; background: #fff; padding: 4px 8px;}
.rental-gallery-div a:after{position: absolute; width: 0px; transition: 0.5s; height: 1px; background: #fff; content: ""; margin-top: 7px; margin-left: 3px;}
.rental-gallery-div:hover h3{color: #ffb400;}
.rental-gallery-div:hover h3:before{background: #ffb400;}
.rental-gallery-div:hover p{margin-left: 0; opacity: 1;}
.rental-gallery-div:hover a{opacity: 1;}
.rental-gallery-div:hover a:after{width: 200px;}
.rental-gallery-div:hover:before{background: rgba(0,0,0,0.70);}

.rental-gallery-box{position: relative;}
.rental-gallery-div{position: relative;}
.rental-gallery-div:before{content: ''; transition: 0.25s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.25);}
.rental-gallery-div img{width: 100%; height: 100%; position: absolute; z-index: 1;}
.rental-gallery-box-1{width: 520px; height: 340px; background: #fff; margin-right: 10px; margin-bottom: 10px; float: left;}
.top-select-city .rental-gallery-div-detail{padding: 35px !important;}
.top-select-city{width: 520px; height: 350px; position: absolute; left: 0; top: 0;}
.top-select-city h3{text-transform: uppercase; transition: 0.25s; font-size: 24px; margin-bottom: 18px; font-weight: 600; color: #fff; position: relative;}
.top-select-city h3:before{content: ''; position: absolute; left: 0; bottom: -8px; width: 73px; height: 2px; background: #fff;}
.top-select-city p{font-size: 14px; transition: 0.25s; color: #fff; font-weight: 500; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.95); margin-left: -150px; opacity: 0;}
.top-select-city a{position: absolute; transition: 0.25s; text-decoration: none; opacity: 0; bottom: 30px; left: 30px; text-transform: uppercase; color: #000; z-index: 3; font-size: 13px; font-weight: 600; display: table; padding: 7px 10px; background: #fff;}
.top-select-city a:after{position: absolute; width: 0px; transition: 0.5s; height: 1px; background: #fff; content: ""; margin-top: 9px; margin-left: 3px;}
.top-select-city:hover a:after{width: 450px;}
/* City Photo Gallery Finish */



/* Leasing Page Css Start */
.leasing-bg{background: url(../images/leasing-bg.jpg) no-repeat center center !important; background-size: cover !important;}
.leasing-overview{padding: 50px 0;}
.leasing-overview h2 {font-size: 28px; color: #858585; font-weight: 400; position: relative; margin-bottom: 35px;}
.leasing-overview h2:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}
.leasing-overview p {font-size: 12px; line-height: 24px; color: #1a1a1a; font-weight: 500; margin-bottom: 20px;text-align: justify;}
.leasing-img-over{float: right; margin-left: 30px;}
/* Leasing Page Css Finish */

/* New Launch Page Css Start */
.newlaunch-bg{background: url(../images/newlaunchl-bg.jpg) no-repeat center center !important; background-size: cover !important;}
.newlaunch-overview{padding: 50px 0;}
.newlaunch-overview h2 {font-size: 28px; color: #858585; font-weight: 400; position: relative; margin-bottom: 35px;}
.newlaunch-overview h2:before {content: ""; background: #858585; width: 45px; height: 2px; bottom: -10px; left: 0; position: absolute;}
.newlaunch-overview p {font-size: 12px; line-height: 24px; color: #1a1a1a; font-weight: 500; margin-bottom: 20px;text-align: justify;}
.newlaunch-img-over{float: right; margin-left: 30px;}
/* New Launch Page Css Start */





@media (max-width: 1199px) {
.rental-gallery-box-1, .top-select-city{width: 460px !important;}	
.rental-gallery-div{width: 225px;}
}


@media (max-width: 991px) {
.rental-gallery-box-1, .top-select-city{width: 470px !important;}	
.rental-gallery-div{width: 230px;}
.top-container h1{font-size:24px; margin-top: 50px;}
.top-container p{font-size: 18px; font-weight: 500;}
.newlaunch-overview h2, .rental-overview h2, .leasing-overview h2{font-size: 18px; margin-bottom: 20px;}
.rental-cityphoto-gallery h2{font-size: 18px;  margin-bottom: 28px;}
.top-container .breadcrumb{display: none;}
.top-container{height: 150px;}
.top-select-city p, .rental-gallery-div-detail p{margin-left: 0 !important; opacity: 1;}
.rental-gallery-div:before{background: rgba(0,0,0,.7);}
.rental-gallery-div a{opacity: 1;}
.rental-gallery-div a:after{width: 200px;}
.top-select-city a:after{width: 450px;}
.rental-gallery-div-detail h3{color: #ffb400;}
}

@media (max-width: 767px) {
.newlaunch-overview h2, .rental-overview h2, .leasing-overview h2{margin-bottom: 35px;}
.rental-gallery-box-1, .top-select-city{width: 98% !important; height: 230px;}
.rental-gallery-box-1{margin: 0 auto 2%;}	
.rental-gallery-div{width: 48%; margin: 1%;}
.top-select-city:hover a:after{width: 600px !important;}
.rental-gallery-div:hover a:after{width: 260px;}
.top-select-city .rental-gallery-div-detail{padding: 20px !important;}
.leasing-img-over, .rental-img-over{float: none; display: block; margin: 0 auto 15px;}
.top-select-city h3{font-size: 18px !important;}
.rental-gallery-div-detail h3{font-size: 14px;}
}