html,
body {
    font-family: 'Montserrat', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
}

a,
img,
button,
input[type=submit] {
    text-decoration: none;
    outline: none;
    border: 0;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 20px;
}

.clearfix {
    clear: both;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-uppercase {
    text-transform: uppercase;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.center-block {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.img-full {
    width: 100%;
    height: auto;
}

.center-block {
    margin: 0 auto;
}

.col-1 {
    width: 8.333333333333333%;
}

.col-2 {
    width: 16.66666666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333333333%;
}

.col-5 {
    width: 41.66666666666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333333333%;
}

.col-8 {
    width: 66.66666666666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333333333333%;
}

.col-11 {
    width: 91.66666666666667%;
}

.col-12 {
    width: 100%;
}

.col-12-5 {
    width: 20%;
}

.w70 {
    width: 70%;
}

.w30 {
    width: 30%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-12-5,
.w30,
.w70 {
    float: left;
}

section {
    float: left;
    width: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.mg-t-b {
    margin: 10px auto !important;
}

section {
    position: relative;
}

.width-80 {
    width: 80%
}

.center-block {
    display: block;
    margin: 0 auto;
}

/******************************************** Common style *************************************/

.fsz20 {
    font-size: 20px;
}

.upper {
    text-transform: uppercase;
}

.lh26 {
    line-height: 26px;
}

.hidden-xs {
    display: block !important;
}

.visible-xs {
    display: none !important;
}

.hidden-portrait {
    display: block !important;
}

.visible-portrait {
    display: none !important;
}

.bgwhite {
    background-color: #fff;
}

.bgblack {
    background-color: #090909;
}

.bggray {
    background-color: #dcdcdc;
}

.bgorange {
    background-color: #fe621d;
}

.bgdarkblue {
    background-color: #021e2a;
}

.bglightblue {
    background-color: #23a9e1;
}

.white {
    color: #fff !important;
}

.green {
    color: #009a5c;
}

.text-gray {
    color: #5a5a5a;
}

.section-padding {
    padding: 100px 0px;
}

.color-orange {
    color: #fe621d
}

.color-light-blue {
    color: #23a9e1
}

.color-dark-blue {
    color: #021e2a
}

.color-white {
    color: #fff;
}

.color-black {
    color: #000;
}

.border-dark-blue {
    border-color: #021e2a
}

.border-white {
    border-color: #fff
}

.font-400 {
    font-weight: 400;
}

.font-500 {
    font-weight: 500;
}

.font-600 {
    font-weight: 600;
}

.font-700 {
    font-weight: 700;
}

.fn-sz-14 {
    font-size: 14px;
}

.fn-sz-15 {
    font-size: 15px;
}

.fn-sz-16 {
    font-size: 16px;
}

.fn-sz-18 {
    font-size: 18px;
}

.mg-bm-10 {
    margin-bottom: 10px;
}

.mg-bm-20 {
    margin-bottom: 20px;
}

.mg-bm-30 {
    margin-bottom: 30px;
}

.mg-bm-40 {
    margin-bottom: 40px;
}

.mg-bm-50 {
    margin-bottom: 50px;
}

.mg-tp-10 {
    margin-top: 10px;
}

.mg-tp-20 {
    margin-top: 20px;
}

.mg-tp-30 {
    margin-top: 30px;
}

.mg-tp-40 {
    margin-top: 40px;
}

.mg-tp-50 {
    margin-top: 50px;
}

.mg-tp-60 {
    margin-top: 60px;
}

.b-r-5 {
    border-radius: 5px;
}

.pd-4-20 {
    padding: 9px 20px;
}

/****************************************header starts**************************************/
header {
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    background-color: #fff;
    /*
    -webkit-box-shadow: 0px 3px 5px 0px rgba(105, 105, 105, 0.5);
    -moz-box-shadow: 0px 3px 5px 0px rgba(105, 105, 105, 0.5);
    box-shadow: 0px 3px 5px 0px rgba(105, 105, 105, 0.5);
*/
}

.header-top {
    background-color: #f4f2f3;
    padding: 5px 0px;
    color: #6f6f6f;
}

.menu-icon-mobile {
    display: none;
}

.call a {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    color: #6f6f6f;
}

.call i {
    transform: rotate(90deg);
    font-size: 14px;
}

.soc-icons {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

.soc-icons li a {
    color: #6f6f6f;
}

.soc-icons li {
    display: inline-block;
    margin: 0px 8px;
}

.logo img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 4px;
}
.form_download{
       background-color: #fe621d;
    cursor: pointer;
    text-align: center;
    margin: 0px auto;
    color: #fff;
    font-weight: 600;
    padding: 5px 15px;
    border-radius: 7px;
    font-size: 14px;
}
.logo {
    padding: 5px 0px 0px;
}

.nav-links,
.soc-icons {
    list-style-type: none;
}
.cond{
    font-size: 12px;
    bottom: 6%;
    right: 6%;
    position: absolute;
}
.nav-links li a {
    color: #090909;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    padding: 0px 5px 0 7px;
    display: inline-block;
    line-height: 18px;
}

.content-form {
    right: 0;
    top: 100%;
}

.close-form {
    padding: 1px 8px;
    display: inline-block;
    float: right;
    border: 1px solid;
    margin: 10px;
    cursor: pointer;
}

.nav-links li {
    display: inline-block;
}

.nav-links {
    margin: 30px 0 0 0;
    padding: 0px;
}

.fb:hover {
    color: #3b5998;
}

.twitter:hover {
    color: #0084b4;
}

.youtube:hover {
    color: #FF0000;
}

.linked:hover {
    color: #0077B5;
}

.insta:hover {
    color: #d52c85;
}

.transition {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.detail-section {
    margin: 12px 0px;
}

.nav-links .active {
    border-left: 3px solid #23a9e1;
    font-weight: 600;
    color: #23a9e1;
}

.enq-section {
    background-color: #fe621d;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 9px 24px !important;
    border-radius: 5px;
    position: relative;
    top: 10px;
    margin-left: 30px;
}

.sub-header {
    background-color: #23a9e1;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    padding: 2px 0px;
}
.sub-header span{ padding: 0px 15px; }
.sub-header p {
    padding: 0;
    margin: 0;
}
.sub-header span.sub-header-text{padding: 0;}



/************************* slider ****************************/
.slider { background-repeat: no-repeat; background-size: cover;}
.slider-1 { background-image: url(../images/landing/1.jpg);  background-position: center;}
.slider-2 { background-image: url(../images/landing/2.jpg);}
.slider-3 { background-image: url(../images/landing/banner_1.jpg);}
.slider-4 { background-image: url(../images/landing/banner_2.jpg);}

.banner-content {
    position: absolute;
    right: 0;
    padding: 96px;
}

.main-title {
    font-weight: 700;
    font-size: 46px;
    line-height: 47px;
    margin-bottom: 30px;
}

.sub-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 2px;
}

.book-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 40px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    display: inline-block;
    padding: 8px 0px;
    text-transform: uppercase;
}

a.banner-btn, span.enlarge-btn {
    display: block;
    background-color: #021e2a;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 4px 24px !important;
    border-radius: 5px;
    width: 153px;
    text-align: center;
}
 span.enlarge-btn {
    width: auto;
}

.home-banner .bx-controls {
    position: absolute;
    top: 50%;
    right: 8%;
}

.home-banner .bx-controls a {
    display: block;
}

/****************************** Overview ***************************************/
.section-wrap {
    padding: 50px 0px;
}

.overview {
    background-image: url(../images/landing/texture.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.section-wrap h1 {
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section-wrap h2 {
    font-size: 29px;
    line-height: 45px;
    font-weight: 400;
    margin-top: 40px;
}

.overview .overview-tag {
    border-radius: 5px;
    padding: 8px 5px 8px 65px;
    font-weight: 700;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 10px;
    position: relative;
    line-height: 20px;
}

.overview .overview-img {
    position: absolute;
    bottom: -12px;
    right: 0;
}

.overview .overview-tag:before {
    content: '';
    background-image: url(../images/landing/badge-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 12px;
    top: 6px;
    width: 40px;
    height: 47px;
}

/******************************* Hightlights  ************************************/
.highlights {
    background-image: url(../images/landing/highlights-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.highlights:after {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-image: url(../images/landing/texture.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.form_brochure{margin-top: 10px;}
.highlights-right .download-btn {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    left: 47%;
    line-height: 18px;
    cursor: pointer;
}

.highlights-slider-wrapper {
    float: left;
    width: 100%;
    margin-top: 40px;
    padding-top: 45px;
    border-top: 1px solid #23363e;
}

.highlight-img {
    display: inline-block;
    width: 65%;
    margin-left: 85px;
}

.highlight-content {
    display: inline-block;
    width: 264px;
    position: relative;
    top: -4em;
    left: 10px;
}

.highlight-content .txt-1 {
    font-size: 35px;
    line-height: 40px;
}

.highlight-content .txt-2 {
    font-size: 14px;
    margin-top: 30px;
}

.highlights-slider-wrapper .bx-wrapper {
    position: relative
}

.highlights-slider-wrapper .bx-wrapper .bx-controls {
    position: absolute;
    right: 18%;
    bottom: 0px;
    z-index: 100;
}

.p1 {
    background-image: url(../images/landing/podium-1.png);
}

.p2 {
    background-image: url(../images/landing/club-house-1.png);
}

.p3 {
    background-image: url(../images/landing/amenities-1.png);
}

.p4 {
    background-image: url(../images/landing/lobby-1.png);
}

.p5 {
    background-image: url(../images/landing/lake-1.png);
}

#bx-pager li a.active .p1 {
    background-image: url(../images/landing/podium-2.png);
}

#bx-pager li a.active .p2 {
    background-image: url(../images/landing/club-house-2.png);
}

#bx-pager li a.active .p3 {
    background-image: url(../images/landing/amenities-2.png);
}

#bx-pager li a.active .p4 {
    background-image: url(../images/landing/lobby-2.png);
}

#bx-pager li a.active .p5 {
    background-image: url(../images/landing/lake-2.png);
}

#bx-pager li a.active {
    color: #fe621d;
    text-align: center;
}

.pager-icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 45px;
    width: 50px;
    display: block;
    margin: 0 auto;
}

#bx-pager ul {
    padding: 0px;
    list-style: none;

}

#bx-pager li {
    text-align: center;
    margin-bottom: 17px;
}

#bx-pager li a {
    font-size: 12px;
    font-weight: 700;
    color: #535e65;
}

#bx-pager {
    position: absolute;
    top: 30px;
    left: -10px;
    width: 80px;
    z-index: 100
}

/************************** Life At karle *****************************/

ul.life-at-karle-list {
    padding: 0;
    list-style: none;
    float: left;
    margin-top: 73px;
}

ul.life-at-karle-list li {
    width: 25%;
    float: left;
    text-align: center;
    height: 140px;
}

ul.life-at-karle-list li img {
    display: block;
    margin: 0 auto 5px;
}

ul.life-at-karle-list li span {
    font-size: 12px;
    font-weight: 600;
}


/******************************8 Location *****************************/
.get-direction-btn {
    position: absolute;
    bottom: 25px;
    right: 25px;
    line-height: 18px;
}

ul.location-tab {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.location-tab a {
    padding: 15px;
    text-align: center;
    width: 20%;
    float: left;
    background-color: #e4e4e4;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

ul.location-tab a.active-tab {
    background-color: #fff;
    cursor: pointer;
}

ul.location-tab a img {
    vertical-align: sub;
    margin-right: 8px;
    margin-top: 10px;
}

.location-tab-container {
    background-color: #fff;
    padding: 10px;
    float: left;
    width: 100%;
}

.location-tab-container ul {
    padding: 9px 20px;
    float: left;
}

.location-tab-container ul li {
    display: inline-block;
    margin-right: 45px;
    list-style: disc;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.location-tab-container ul li:before {
    content: '';
    position: absolute;
    border: 2px solid #000;
    border-radius: 100%;
    left: -12px;
    top: 10px;
}


/************************   KTC **********************************/
ul.ktc-list {
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
    margin-top: 40px;
}

ul.ktc-list li {
    width: 16.6%;
    float: left;
}

.ktc-list-content {
    width: 160px;
    height: 82px;
    padding-left: 25px;
    position: relative;
}

.ktc-list-content:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100px;
    width: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}

.ktc-list-content.blue-icon:before {
    background-image: url(../images/landing/blue.png);
}

.ktc-list-content.orange-icon:before {
    background-image: url(../images/landing/orange.png);
}

ul.ktc-list .ktc-list-content p {
    font-size: 12px;
    margin-bottom: 7px;
    line-height: 16px;
}

ul.ktc-list .ktc-list-content span {
    font-size: 11px;
    line-height: 15px;
    display: block;
}

.ktc-list-content.mg-top--40 {
    margin-top: -50px;
}
.footer-logo {
    margin-top:30px;
    margin-bottom: 30px;
    vertical-align: middle;
    white-space: nowrap;
}
.footer-logo img {
    margin: 0 20px;
    vertical-align: middle;
}
/* about */
.captcha label{font-size: 12px;}
.captcha label.error{top: 55px !important;}
.logo{ width: 11%; }
.menus.col-10 { width: 72%; float: left !important;}
.nav-links li a { padding: 0px 2px 0 2px; border-left: 3px solid #ffffff;}
.enq-section {width: 15%; float: left !important; margin: 17px 0px 0px 12px; padding: 6px 24px !important; cursor: pointer;}
.nav-links { margin: 34px 0 0 0;}
.headerFormContainer { width: 300px; padding: 20px; height: auto; position: fixed; right: 21%; top: 68px; background: #fff; z-index: 999999999; float: right;  border: 1px solid #23a9e1; display: none;}
.form_row input, .form_row select{ width: 100%; height: 30px; margin-bottom: 13px; padding-left: 5px; border: 1px solid #888; box-shadow: none;}
.formsubmit-wrapper{ text-align: center; }
.formsubmit-wrapper input[type="Submit"] { background: #ee621d; color: #fff; font-weight: 600; font-size: 17px; width: 107px; margin: 10px auto; border: 0px; cursor: pointer;}
.mob-enq, .close-btn{ display: none; }
.about-cont{ background: url("../images/bg.jpg") no-repeat; background-size: cover; background-position: center; float: left; width: 100%; 
color: #fff; text-align: center;}
.about-cont img{ margin-top: 20px; }
.about-text{ padding: 0px; margin: 50px 0px; text-align: center;}
.about-text li, .about-text li img{ display: inline-block;  vertical-align: middle;}
.about-text li:nth-child(2){ padding-left: 30px; font-size: 23px; line-height: 32px;}
.about-cont h2{ color: #55b4f1; margin-top: 20px;}
.about-cont .fn-sz-13{ font-size: 13px; }
.success_form {  text-align: center;}
.location-cont{ padding-bottom: 0px; }
.location-tab-container ul { padding: 9px 20px 9px 51px;}
.highlights-slider-wrapper a.bx-prev { margin-right: 6px;}
/* Copy right */
.copy-right{ background:#081f2a; padding: 5px 0px; float: left; width: 100%;}
.copy-right p, .copy-right a{ color: #fff; font-size: 11px; padding: 0px; display: inline-block; margin: 0px; font-weight: 600; }
.copy-right a{ float: right; }
label.error {position: absolute; left: 0; font-size: 9px; top: 23px; font-weight: 600; color: red;}
.video-cont iframe{ display: block; }
.video-popup-cont ul li{ display: inline-block; margin: 0px 5px; width: 32%; }
.video-popup-cont ul li img{ max-width: 100%; cursor: pointer; }
.video-popup-cont ul{ padding-left: 0px; }
.footer-desc p{
  text-align: left;
  color: #fff;
  margin-bottom: 10px;
  font-size: 10px;
}
.footer-desc p a{
  font-size: 10px;
  }
.footer-desc{
  border-bottom: 1px solid #3a3a3a;
  margin-bottom: 15px;
}
#overlay1, #overlay2, #overlay3{
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
  z-index: 9999;
}

#popup1, #popup2, #popup3 {
  width: 800px;
  height: 500px;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 90px auto;
}

#close1, #close2, #close3 {
    position: absolute;
    top: 1px;
    right: 6px;
    cursor: pointer;
    color: #000;
    font-weight: 600;
}
.master-plan{ text-align: center; }
.master-plan img{ width: 38%; margin:20px auto; }
.floorplane-top{ position: relative; }
.floor-cover{ background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: absolute; top:0; left: 0; text-align: center; display: none;}
.floor-cover > a{
    display: block;width: 100%;height: 100%;
}
.floor-inner-cover { top: 50%; position: absolute; transform: translate(-50%, -50%); left: 50%; color: #fff; font-size: 18px; font-weight: 600;}
.floorplane-top:hover .floor-cover{ display: block; }
.slider{position: relative;}
.slider .image-label{    position: absolute;bottom: 0;left: 0;padding: 0px 10px;background: rgba(255,255,255,0.8);font-size: 12px;font-weight: bold;}
svg#Layer_1 {
    width: 195px;
    height: 85px;
    position: relative;
    left: 0;
}

@media(max-width: 1440px){
    .headerFormContainer{ right: 13%; }
    .home-banner .bx-controls { right: 12%; transform: translateY(-50%);}
}
@media(max-width: 1366px){
    .headerFormContainer { right: 11%;}
}
@media(max-width: 1280px){
    .headerFormContainer { right: 9%;}
}
@media only screen and (max-width: 900px){
.nav-links li a {
    font-size: 10.6px !important;
    padding: 0px 0px 0 2px;
}
     svg#Layer_1{width: 153px !important; height: 50px; position: relative; left: 0px;}
      .banner-content { width: 95%;}
}

@media(max-width: 768px){
    .overview .col-5, .highlights  .col-6{ width: 100%; }
    .banner-content {padding: 10px; bottom: inherit; width: 100%; text-align: center; top: 20px;}
    .home-banner .bx-controls{ right: 2%; }
    .banner-content .main-title br{ display: none;  }
    .banner-content .main-title{ margin-bottom: 10px; }
    section#home { margin-top: 128px !important;}
    a.banner-btn{ margin: 0 auto; }
    .overview{ padding-bottom: 0px; }
    .overview .overview-img{ display: block; position: static; }
    .overview .overview-img{ position: static; }
    .highlights-right{ text-align: center; }
    .highlights-right { height: auto !important; }
    .highlights-right .download-btn{ position: static; transform: none;  margin: 20px 0px 0px 0px; display: inline-block;}
    .highlight-img { display: inline-block; width: 85%; margin-left: 85px; float: right;}
    .highlight-content { display: inline-block; width: 100%; position: relative; top: inherit; left: 110px;}
    .highlight-content .txt-2{ margin-top: 0px; }
    .highlights-slider-wrapper .bx-wrapper .bx-controls {right: 2%; bottom: -32px;}
    .about-text li:nth-child(2){ padding-left: 0px; }
    .nav-links li a{ font-size: 12.6px; padding: 0px 0px 0 3px; }
    .nav-links li:last-child{ float: right; }
    .headerFormContainer {right: 2%; top: 104px;}
    .menus.col-10 { width: 84%; float: right !important;}
    .enq-section { width: 21%; float: right !important; margin: 0px 0px 20px 12px; padding: 4px 24px 4px !important;}
    .nav-links { margin: 10px 0 0 0;}
    .location-cont{ padding-bottom: 0px; }
    .location-tab-container ul { padding: 9px 20px 9px 20px;}
    .slider-1 { background-image: url(../images/2BnW-iPad.jpg);  background-position: center;}
    .slider-2 { background-image: url(../images/2-iPad.jpg);}
    .slider-3 { background-image: url(../images/landing/banner_iPad_1.jpg);}
    .slider-4 { background-image: url(../images/landing/banner_iPad_2.jpg);}
    .slider { background-repeat: no-repeat; background-size: cover;}
    .video-popup-cont ul li{width: 31.5%;}
    #popup1, #popup2, #popup3{ width: 90%; }
    .master-plan img{ width: 50%; }
    ul.ktc-list li { width: 33.33%;}
    .ktc-list-content{ width: auto; }
}


@media screen and (max-width: 767px) {
     svg#Layer_1 {
    width: 195px;
    height: 50px;
    position: relative;
    left: 0;
}
    .hidden-xs-divider{display: none;}
    .highlights .col-4, .highlights .col-5, .highlights .col-3, .width-80{ width: 100%; }
    .slide1 { background-position: center 0px; background-size: 100% 100%;}
    .nav-links { display: none; position: fixed; background: #fff; width: 100%; top: 51px; left: 0; border-bottom: 2px solid;}
    .nav-links li { width: 100%;}
    .nav-links li a { width: 100%; text-align: center; display: block; padding: 8px 14px; font-size: 15px;}
    .menu-icon-mobile { display: block; width: 38px; height: auto; margin-top: 10px; cursor: pointer; margin-right: 0px;}
    .menu-icon-mobile span {width: 100%;  height: 2px; margin: 8px 0; display: block; background-color: #2a2a2a;}
    .enq-section { position: fixed; bottom: 0; right: 0; width: 50%; text-align: center; z-index: 99;}
    .col-6 { width: 100%;}
    ul.ktc-list li { width: 50%; height: 260px;}
    .section-wrap {padding: 30px 0px;}
    .section-wrap h2 {font-size: 24px;line-height: 30px; margin-top: 10px; margin-bottom: 10px;}
    .overview .overview-tag{ margin-top: 15px; }
    .overview .mg-bm-50 {margin-bottom: 35px;}
    .overview{ padding-bottom: 0px; }
    #bx-pager {top: 10px; left: 0px; width: 100%;}
    #bx-pager li { float: left; margin: 0px 8px;}
    .highlight-img {width: 100%; margin-left: 0px; float: none; margin-top: 62px;}
    .highlight-content{ left: 0; }
    .highlight-content .txt-1 {font-size: 24px;}
    .highlight-content .txt-2{ line-height: 20px; }
    .highlights{ padding-bottom: 60px; }
    ul.life-at-karle-list li{ width: 50%; }
    .highlights .mg-tp-40{ margin-top: 10px; }
    .highlights .mg-tp-60{ margin-top: 30px; text-align: center; }
    .get-direction-btn {bottom: 13px; right: 8px; line-height: 18px; padding: 4px 8px; font-size: 10px;}
    ul.location-tab a { padding: 7px; font-size: 12px; text-align: center; line-height: 14px;}
    ul.location-tab a img{ display: block; margin: 5px auto; }
    .about-text {margin: 15px 0px;}
    .about-text li:nth-child(2) {font-size: 18px; line-height: 27px;}
    .copy-right{ text-align: center; }
    .copy-right a{ float: none; }
    section#home { margin-top: 0px !important;}
    ul.life-at-karle-list{ margin-top: 40px; }
    .home-banner .bx-controls {top: inherit;right: 1%; bottom: 40px;}
    .nav-links li:last-child{ display: none; }
    .enq-section{ display: none; }
    .mob-enq{ display: block; width: 100%; position: fixed; margin-bottom: 0px; bottom: 0; top:inherit; padding: 2px 21px !important; border-radius: 0px; float: none !important; cursor: pointer;}
    .headerFormContainer { width: 100%; height: 100%; top: inherit; right: 0; bottom: 0;}
    .close-btn { float: right; margin: 10px; font-weight: 600; font-size: 24px; display: block; cursor: pointer;}
    form#form_id { margin-top: 70px;}
    .success_form{ padding-top: 100px; }
    .location-cont{ padding-bottom: 0px; }
    .highlights-slider-wrapper .bx-wrapper .bx-controls { right: -2%; bottom: -58px; z-index: 0;}
    .slider-1 { background-image: url(../images/2BnW-Mobile.jpg);  background-position: center;}
    .slider-2 { background-image: url(../images/2-Mobile.jpg);}
    .slider-3 { background-image: url(../images/landing/banner_mobile_1.jpg);  background-position: center;}
    .slider-4 { background-image: url(../images/landing/banner_mobile_2.jpg);}
    .slider { background-repeat: no-repeat; background-size: cover;}
    .banner-content{ top:16%; }
    .banner-content .main-title{ font-size: 25px; margin-bottom: 0px; line-height: 28px; }
    .banner-content .sub-title {font-size: 15px; line-height: 21px;}
    .book-title { font-size: 13px; margin-top: 5px; margin-bottom: 10px; padding: 1px 0px;}
    .sub-header p {padding: 4px 0px; line-height: 17px;}
    .video-popup-cont ul li { width: 100%; margin: 0px;}
    #popup1, #popup2, #popup3{ height: 400px; }
    #overlay1 iframe, #overlay2 iframe, #overlay3 iframe{ height: 360px !important; }
    .master-plan img { width: 70%;}
    .cond{ bottom: 1%; }
    .sub-header p{display: flex;flex-direction: column;}
    .sub-header span.sub-header-text{font-size: 10px;}
    .slider .image-label{
            transform: rotate(-90deg);
        left: -32px;
        bottom: inherit;
        background-color: rgba(255,255,255,0.5);
        font-weight: normal;
        font-size: 9px;
        line-height: 18px;
    }
}

@media screen and (max-width: 600px) {
    .no-padd-top {
        padding-top: 0px;
    }
      .footer-logo {
  white-space: normal;
  }
}

@media screen and (max-width: 480px) {
    .hidden-xs {display: none !important;}
    .visible-xs { display: block !important;}
    #bx-pager li{ width: 14%; line-height: 14px; }
    .video-cont iframe{ height: 350px !important; }
}
@media(max-width: 375px){
    #bx-pager li{ width: 15%; line-height: 14px; }
    #bx-pager li img{ margin: 5px auto; display: block; }
    .menu-icon-mobile {margin-top: 15px; margin-right: 0px;}
    .floor-inner-cover{ width: 100%; }
    .about-cont h2{font-size: 22px;}

}
@media(max-width: 320px){
    .highlight-img{ margin-top: 117px; }
    #bx-pager li { width: 27%; margin-bottom: 7px;}
    .highlight-content .txt-1 { font-size: 21px;}
    .section-wrap h2 { font-size: 18px;line-height: 25px;}
    .life-at-karle{ padding-bottom: 30px; }
    ul.life-at-karle-list li{ line-height: 20px; }
    ul.ktc-list{ margin-bottom: 0px; }
    ul.ktc-list li{ height: 230px; }
    .banner-content{ top:18%; }
    .banner-content .main-title {font-size: 18px; line-height: 20px;}
    .banner-content .sub-title {font-size: 13px;line-height: 16px;}
    .book-title {font-size: 12px;margin-top: 3px; margin-bottom: 7px;padding: 1px 0px;}
    a.banner-btn { font-size: 11px !important; padding: 2px 24px !important; width: auto; display: inline-block;}
    .section-wrap h1{ font-size: 14px; }
}