/* @font-face{font-family:OpenSans-BoldItalic;src: url(../fonts/OpenSans-BoldItalic.ttf);}
@font-face{font-family:OpenSans-ExtraBoldItalic;src: url(../fonts/OpenSans-ExtraBoldItalic.ttf);}
@font-face{font-family:OpenSans-Italic;src: url(../fonts/OpenSans-Italic.ttf);}
@font-face{font-family:OpenSans-LightItalic;src: url(../fonts/OpenSans-LightItalic.ttf);} */

@font-face{font-family:OpenSans-Bold;src: url(../fonts/OpenSans-Bold.ttf);}
@font-face{font-family:OpenSans-ExtraBold;src: url(../fonts/OpenSans-ExtraBold.ttf);}
@font-face{font-family:OpenSans-Light;src: url(../fonts/OpenSans-Light.ttf);}
@font-face{font-family:OpenSans-Regular;src: url(../fonts/OpenSans-Regular.ttf);}
@font-face{font-family:OpenSans-SemiBold;src: url(../fonts/OpenSans-SemiBold.ttf);}
@font-face{font-family:OpenSans-SemiBoldItalic;src: url(../fonts/OpenSans-SemiBoldItalic.ttf);}



.contact-bullet-pt
  {
    width:40%;
    padding:5px 0;
  }
.align-right
{
text-align:right;
}
.center-align
{
text-align:center;
}
.pagination-style
  {
    text-align:center!important;
    margin-bottom:2em;
  }
.message-div
  {
    position:fixed;
    top: 7em;
    left: 37%;
    z-index:999999;
  }
.message-box
  {
  padding: 1em 2em;
  border-radius: 10px;
  }
.msg-close
  {
    position: absolute;
    top: 3px;
    right: 7px;
}

  .bottombtn
  {
  font-family:OpenSans-Bold;
  display: none;
  position: fixed;
  bottom: 15%;
  right: 30px;
  z-index: 99999;
  font-size: 2em;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0em 0.5em;
  border-radius: 4px;
  -moz-box-shadow:    0px 1px 2px 1px #000;
    -webkit-box-shadow: 0px 1px 2px 1px #000;
    box-shadow:         0px 1px 3px 1px #000;
  }

/*_--------------------------------------------------Breadcrumb---------------------------------------*/
.breadcrumb
  {
    background-color:#fff;
    font-family:OpenSans-SemiBold;
    padding:2em 0;
    margin-bottom:0;
  }
.breadcrumb a
  {
    color:#928b8b;
    text-decoration:none;
  }
.breadcrumb a:hover
  {
    color:#403c3b;
    text-decoration:none;
  }
.breadcrumb-slash
  {
    padding:0.4em;
  }

/*_---------------------------------------------theme buttons--------------------------------------------*/
.theme-name
  {
    font-family:OpenSans-SemiBold;
    font-size:16px;
  }
.box{
        float:right;
        overflow: hidden;
        text-align:left;
        display:none;
    }
  .box-inner{
      width: 125px;
      padding: 10px;
  }
.theme-each-mob
  {
    padding-bottom:0.5em;
  }
/* .morning
  {
    background-color:#4B6003;
  }
.day
  {
    background-color:#F9B233;
  }
.evening
  {
    background-color:#F6E372;
  }
.night
  {
    background-color:#0E71B8;
  } */
.btn_group
  {
    padding-top: 1em;
    padding-left: 1.7em;
  }
.size_button
	{
    display:none;
	}
.button_label
	{
    font-size: 1em;
    padding: 0.1em 0.5em 0.2em;
    font-weight: bold;
    border-radius: 50px;
    margin: 0;
    opacity: 0.5;
    color:#6c6565;
    background-color: rgb(255,255,255,0.5);
	}
.button_label:hover
	{
	background-color:rgb(255,255,255,0.8);
	color:#000;
	}
.selected_mode
  {
    background-color:rgb(255,255,255,0.9);
    color:#000;
  }
.size_button:checked + label
	{
	background-color:rgb(255,255,255,0.8);
	color:#fff;
	}
/* ------------------------ */
.all-block
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
.all-img
  {
    width:100%;
    height:auto;
    object-fit:cover;
  }
.all-p
  {
    font-family:OpenSans-Regular;
    font-size:16px;
    text-align:justify;
  }
li span
  {
    font-family:OpenSans-Regular;
    font-size:16px;
    text-align:justify;
  }
.all-link
  {
    text-decoration:none;
    color:#000;
  }
.all-link:hover,.all-link:active
  {
    text-decoration:none;
    color:#000;
  }
/*____________________________________________________Project detail page________________________________________________*/
.detail-floor-title
  {
    font-family:OpenSans-Regular;
    font-size:30px;
    margin-bottom:0;
    margin-top:0.5em;
  }
.modal-flat-title
  {
    font-family:OpenSans-Regular;
    font-size:30px;
    margin-bottom:0;
    margin-top:0.5em;
    text-transform:uppercase;
  }
.floor-map
  {
    padding-top:1em;
  }
.modal-hr
  {
    width:3%;
    margin-left:auto;
    margin-right:auto;
    margin-top:9px;
    height:3px;
    border:none;
  }
.detail-floor-hr
  {
    width:10%;
    margin-left:0;
    margin-top:0;
    height:3px;
    border:none;
  }
.floor-flat-details
  {
    padding:0 1em;
  }
.flat-btn-grid
  {
    padding:0.2em;
  }
.flat-btn
  {
    padding-top:0.3em;
    padding-bottom:0.3em;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
  }
.availability-text
  {
    padding-left:2em;
  }
.availability-box
  {
    border-radius:0;
    padding:0px 8px;
    margin-right:0.5em;
  }
.detail-gallery-indicator
  {
    padding: 0.5em 2em;
    overflow-x: auto;
    overflow-y: hidden;
  }
.distance
  {
    font-family:OpenSans-Bold;
    font-size:23px;
    margin-bottom:0;
  }
.places-row
  {
    padding-bottom:1em;
  }
.place
  {
    font-family:OpenSans-Regular;
    font-size:18px;
    margin-bottom:0;
  }
.each-panel
  {
    /* height:35em; */
    padding:1em 0;
  }
.btn-floor
  {
    padding: 0.4em 3.3em;
    margin-left:2px;
    margin-bottom:0.5em;
    text-align:center;
    font-family:OpenSans-Regular;
    border-radius:0;
    font-size:18px;
  }
.tab-each-btn
  {
    /* padding:0.4em 2.1em; */
    margin:2px;
    text-align:center;
    font-family:OpenSans-Regular;
    font-size:18px;
  }
.detail-tab-row
  {
    padding:4em 0;
  }
.amenities-name
  {
    padding-left:1em;
  }
.amenities-each
  {
    text-transform:capitalize;
    font-family: :OpenSans-Regular;
    font-size:16px;
    padding-bottom:0.5em;
  }
.material-name
  {
    text-transform:uppercase;
    padding-left:0.5em;
    font-family: :OpenSans-Regular;
    font-size:16px;
  }
.brand-names
  {
    text-transform:capitalize;
    font-family: :OpenSans-Regular;
    font-size:16px;
  }
.bullet-point-img2
  {
    width:5%;
  }
.bullet-point-img
  {
    width:16%;
  }
.materials-div
  {
      padding:4em 0;
  }
.material-each-row
  {
    padding:0.5em;
  }
.material-content
  {
    padding:1em 0;
  }
.amenities-div
  {
  padding:4em 5em;
  }
.detail-row
  {
    position:relative;
  }
.event-row
  {
    position:relative;
  }
.event-yellow-box1
  {
    width: 16em;
    top: 0;
    right: 7em;
    height: 22em;
    position: absolute;
  }
.detail-yellow-box1
  {
    width: 24em;
    top: 0;
    left: 7em;
    height: 29em;
    position: absolute;
  }
.detail-yellow-box2
  {
    width: 24em;
    bottom: 0;
    right: 7em;
    height: 29em;
    position: absolute;
    z-index:0;
  }
.detail-img
  {
    padding:5em 0em;
  }
.img-grid
  {
    padding:0;
    z-index:1;
  }
.detail-desc
  {
  padding-bottom:1em;
  }
.btn-brochure
  {
    padding:0.5em 4em;
  }
.btn-rera
  {
    padding:0.5em 2.4em;
  }
.rera-modal-close
  {
    position:absolute;
    top:2em;
    right:2em;
  }
.rera-modal-title
  {
    font-family:OpenSans-Regular;
    font-size:36px;
  }
.rera-modal-content
  {
    width: 70%;
    margin: auto;
  }
.detail-desc-row
  {
    padding-top:2em;
    padding-bottom:2em;
    text-align:justify;
  }
.amenities-div
  {
    /* width:90%; */
    height:100%;
  }
.material-span
  {
    width:50%;
  }
.brand-span
  {
      width:50%;
  }
/*____________________________________________________EMI calculator_____________________________________________________*/
.emi-each-row
  {
      margin-top:1em;
  }
.full-length-btn
  {
    width:100%;
    font-family:OpenSans-Bold;
    font-size:1.5em;
    border-radius:none;
  }
#submit_button:disabled
  {
    cursor: not-allowed!important;
  }
.readonly-box
  {
    cursor:disable;
  }
.emi_label
  {
    font-size:14px;
    margin-top:0.8em;
  }
.emi-img
  {
    position:absolute;
    top:-5.5em;
    height:42.5em;
    width: 85%;
    right:0;
    object-fit: cover;
  }
.emi-row
  {
    /* padding-bottom:4em; */
  }
.emi-height
  {
    height:37em;
  }
/*____________________________________________________Contact us_____________________________________________________*/
.errorlist li
  {
    list-style-type:none;
    font-family:OpenSans-Regular;
    font-size:14px;
    color:Red;
  }
.contact-msg-p
  {
  padding-top:1em;
  }
.contact-hr
  {
      width:24%;
      margin-left:0;
      height:3px;
      border:none;
      margin-top:0.5em;
      margin-bottom:0.5em;
  }
.contact-address1
  {
  font-family:OpenSans-Bold;
  /* font-size:26px; */
  font-size:19px;
  margin-bottom:0;
  }
.contact-address2
  {
  font-family:OpenSans-SemiBold;
  font-size:20px;
  margin-bottom:0;
  margin-top:1em;
  }
.contact-address3
  {
  font-family:OpenSans-Regular;
  font-size: 16px;
  margin-bottom:0;
 line-height: 20px;
  }
.yellow-box
  {
      height:38em;
  }
.height-cls
  {
    margin-top:5em;
    margin-bottom:auto;
  }
.contact-address-div
  {
    position:absolute;
    left:-12em;
    top:4em;
    padding:3em 3em;
    width:27em;
  }
.input-box
  {
    border-radius:0;
    padding:1em;
  }
.input-box2
  {
    border-radius:0;
    padding:1em;
    border-color:#cecece;
  }
.msg-box
  {
    height:10em;
  }
textarea
  {
    resize:none;
  }
.btn-contact
  {
    padding:0.5em 4em;
  }
/*____________________________________________________Gallery_____________________________________________________*/
.each-img
  {
    padding-top:2em;
  }

.photo-title
  {
    padding:0.5em;
    font-size:14px;
    font-family: OpenSans-Regular;
    text-align:center;
  }
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
.textstyle{
   color: #fff;
  font-family:OpenSans-SemiBold;
   text-transform:capitalize;
  font-size: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
opacity:1;
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}









.photo-section
  {
    padding-top:3em;
    padding-bottom:3em;
  }
.gallery-p
  {
    margin-bottom:0;
  }
.photo-list-block
  {
    margin-bottom:2em;
  }
.photo-list-row1
  {
    position:relative;
  }
.photo-list-row2
  {
    padding-top:3em;
    padding-bottom:3em;
    position:relative;
  }
.yellow-left
  {
    height: 16.7em;
    width: 12em;
    position: absolute;
    left: 111px;
    top: 0;

  }
.yellow-right
  {
    height: 16.7em;
      width: 12em;
      position: absolute;
      right: 6.9em;
      top: -3em;
  }
.gallery-title
  {
    font-family:OpenSans-Bold;
    font-size:36px;
    margin-bottom:0;
    /* padding-top:2em; */
  }
.gallery-hr
  {
    width:12%;
    margin-left:0;
    height:3.5px;
    border:none;
  }
/*____________________________________________________Blog_____________________________________________________*/
.blogdetail-description
  {
    font-family:OpenSans-Regular!important;
  }
.blog-date
  {
    padding:0.2em 0.2em 0.2em 2em;
    width:40%;
    font-size:16px;
    margin-left:-2em;
    margin-top:1em;
  }
.blog-padding
  {
    padding-top:3em;
    padding-bottom:3em;
    margin-bottom:0;
  }
.each-blog-box
  {
    width:100%;
    padding:2em;
    height:28em;
  }
.blog-box
  {
    width:100%;
    padding:2em;
    height:21em;
  }
.blog-grid
  {
    height:35em;
  }
.blogdetail-grid
  {
    height:33em;
  }
.blog-title
  {
    font-family:OpenSans-SemiBold;
    font-size:26px;
    text-align:left;
    height:3em;
    overflow:hidden;
  }
.blog-content
  {
    height:7em;
    overflow:hidden;
  }
.blog-detail-title
  {
    font-family:OpenSans-Bold;
    font-size:26px;
    padding-top:1em;
  }
.blogdetail-hr
  {
    width:12%;
    margin-left:0;
    height:3px;
    border:none;
  }
.blog-detail-img
  {
    padding-top:2em;
  }
.blog-detail-date
  {
    padding:0.2em 1em;
    width:20%;
  }
.blogdetail-description
  {
    padding:2em 0;
  }
/*____________________________________________________Services_____________________________________________________*/
.all-banner-container
{
    /* background-image: url("../images/services_banner.jpg"); */
    /* width:100%;
    height:512px; */
}
.all-banner-img
  {
    position:relative;
  }
.all-banner-hr
  {
    width:20%;
    margin-left:0;
    margin-top:0.2em;
    margin-bottom:0.5em;
    height:3.5px;
    border:none;
  }
.all-banner-content
  {
    position:absolute;
    top:13em;
    left:15em;
  }
.all-banner-title
  {
    font-family:OpenSans-ExtraBold;
    font-size:53px;
    margin-bottom:0;
  }

.all-banner-caption
  {
    font-family:OpenSans-Regular;
    font-size:20px;
    text-align:justify;
  }




.services-content
  {
    padding-top:2em;
  }
.services-img2
  {
    height:48em;
    object-fit:cover;
  }
.services-img3
  {
    position:absolute;
    bottom:4em;
  }
.services-img3-mob
  {
    position:relative;
    padding-bottom:1em;
  }
.services-sec1
  {
    position:relative;
  }
/*___________________________________________________________Quick Contact______________________________________________________________*/
.form-popup {
    z-index: 9999;
  }
.logo-image
  {
    width:100%;
  }
.navbar-brand
  {
    margin:0;
  }
.quick-title
  {
    font-family:OpenSans-Bold;
    font-size:18px;
  }
/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  font-family:OpenSans-SemiBold;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  /* opacity: 0.5; */
  position: fixed;
  font-size:18px;
  bottom: 23px;
  right: 28px;
  width: 250px;
  z-index:9999;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 1px solid #fff;
  z-index: 999999;
}
.form-padding
  {
    padding:1em;
  }
/* Add styles to the form container */
.form-container {
  /* max-width: 300px; */
  padding: 10px;
}
.msg
  {
    height:200px;
  }
/* Full-width input fields */

.form-container input[type=text],  {
  width: 100%;
  padding: 1em;
  margin-bottom:0.5em;
  border: none;
  /* background: #f1f1f1; */
}

.sub-btn
  {
    font-family:OpenSans-Bold;
    font-size:14px;
  }
/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {

  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  /* padding: 16px 20px; */
  border: none;
  cursor: pointer;
  border-radius:0;
  width: 100%;
  margin-bottom:10px;

}


.input-item-2
  {
    font-family:OpenSans-Regular;
    margin-bottom:0.5em;
    border-radius:0;
    font-size:14px;
  }
/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
 .input-item
	{
	padding:0.5em;
	border:1px solid black;
	border-top:none;
	border-left:none;
	border-right:none;


	}
}
/*___________________________________________________________Home Page______________________________________________________________*/




/*-----------milestone scroll--------------*/




#style-2::-webkit-scrollbar-track
{
	border-radius: 10px;
}

#style-2::-webkit-scrollbar
{
	width: 25px;
}

#style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
}

/*--------------------------------*/
.rera-img
  {
    width: 35%;
    position: absolute;
    height: auto;
    right: 2em;
    top: 2em;
  }
.rera-img-2
  {
    width: 35%!important;
    position: absolute;
    height: auto;
    right: 2em;
    top: 2em;
  }
.address-row
  {
    padding-top:15em
  }
.location-yellow
{
  width:100%;
}
.why-ul
  {
    padding:2em 2em 0 0;
  }
.location-container
  {
    position:relative;
  }
.location-content
  {
    position:absolute;
    top:14em;
    left:7em;
    width:51.5em;
  }
.thr-img
  {
    width: 100%;
    height: auto;
  }
.about-img
  {
    width:100%;
    height:auto;
  }
.video
  {
    width:100%;
    height:250px;
  }
.yellow-test
  {
    width:100%;
    height:auto;
  }
.customer-container
  {
    position:relative;
  }
.customer-row
  {
    position:absolute;
    top: 7em;
  }
.nav-float-right
  {
    float:right;
  }
.nav-style-1
  {
    font-family:OpenSans-Regular;
    font-size:12px;
  }
.ph-link
  {
  padding-top:0.4em;
  }
.nav-style-2
  {
    font-family:OpenSans-Bold;
    font-size:11px;
  }
.nav-style-modes
  {
    padding-right:0.5em;
  }
.nav-style-3
  {
    font-family:OpenSans-Regular;
    font-size:12px;
  }
.vl {
    height: 15px;
    margin-top:auto;
    margin-bottom:auto;
  }
.vl-footer
  {
    height: 15px;
    margin-top:auto;
    margin-bottom:auto;
    padding-right:1em;
    margin-left:1em;
  }
.logo-div
  {
    padding:1em 1em ;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
.nav-1
  {
    padding-bottom:0;
    padding-top: 1em;
  }
.nav-2
  {
    padding-top:0;
  }
.quote-btn
  {
    padding:0.5em;
    border-radius:12px;
    font-size:0.8em;
  }
.horizontal-line
  {
    /* margin:0 1.2em; */
        margin: 2.5em 1em 0;
  }
.banner-img
  {
    width:100%;
    height:auto;
  }
.navbar-section
  {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:9999999999;
  }
  .dropdown-menu
  {
    margin-top: 0;
    font-family:OpenSans-Regular;
    font-size:12px;
    text-align:left;
  }
.dropdown-toggle::after
 {
   transition: transform 0.15s linear;
}

.show.dropdown .dropdown-toggle::after
{
  transform: translateY(3px);
}
.yellow-banner-box
  {
    padding:1.5em 0.5em;
  }
.book-your-apt
  {
    padding-right:9px;
    text-align:center;
  }
.book-p
  {
    font-size:15px;
    font-family:OpenSans-ExtraBold;
    margin-bottom:0;
    line-height:14px;
  }
.book-grid
  {
    padding:0;
    text-align:right;
  }
.now
  {
    font-family:OpenSans-ExtraBold;
    font-size:36px;
    line-height:30px;
  }
.quote-p-1
  {
    font-size:19px;
    font-family:OpenSans-Bold;
    margin-bottom:0;
    line-height:16px;
    font-family:OpenSans-Bold;
    margin-bottom:0;
  }
.quote-p-2
    {
      font-size:15px;
    }
.quote-p-div
  {
    margin-top:auto;
    margin-bottom:auto;
    padding:0
  }

.banner-text
  {
    padding:1.5em 1em 1.5em 0.5em;
    position:absolute;
    top: 790px;
    right:10%;
  }
.quote-p-div-2
  {
    padding: 0.5em 0.2em;
  }
.quote-link:hover
  {
    text-decoration:none;
  }
.about-row
  {
    /* padding-bottom:5em; */
  }
.about-content-div
  {
    /* padding-top:92px; */
    padding-left:2em;
  }
.yellow-about
  {
    /* position:absolute;
    top:0;
    left:0; */
  }
.image-about
  {
    position:absolute;
    top:4.5em;
    left:4em;
    height:326px;
    width:391px;
  }
.btn-blue
  {
    border-radius:0;
    font-size:16px;
    font-family:OpenSans-SemiBold;
  }
.btn-blue-night
  {
    border-radius:0;
    font-size:16px;
    font-family:OpenSans-SemiBold;
  }
.about-title
  {
    font-family:OpenSans-Regular;
    font-size:36px;
    margin-bottom:0;
  }
.bold-title
  {
    font-family:OpenSans-Bold;
    font-size:36px;
    margin-bottom:0;
  }
.project-title
  {
    font-family:OpenSans-Regular;
    font-size:36px;
    margin-bottom:0;
    padding-top:2em;
  }

.project-title-testimonial
  {
    font-family:OpenSans-Regular;
    font-size:30px;
    margin-bottom:0;

  }
.about-content
  {
    font-family:OpenSans-Regular;
    font-size:16px;
    margin-top: 4%;
    margin-bottom: 4%;
    text-align:justify;
  }
.thr-content
  {
    font-family:OpenSans-Regular;
    font-size:16px;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align:justify;
  }
.title-hr
  {
    width:20%;
    margin-left:0;
    margin-top:0.2em;
    margin-bottom:0;
    height:3px;
    border:none;
  }
.title-hr-blue
  {
    width:20%;
    margin-left:0;
    margin-top:0.2em;
    height:3px;
    border:none;
  }
.blog-hr
  {
    width:20%;
    margin-left:0;
    margin-top:0.2em;
    height:2.5px;
    border:none;
  }
.project-yellow-1-div
  {
    text-align:right;
  }
.padding-right-pjct
  {
    padding-right:1em;
  }
.yellow-project-1
  {
    position:absolute;
    top:0;
    right:15px;
    width: 17.6em;
  }
.yellow-project-2
  {
    position:absolute;
    top: 41.25em;
    right:0;
    left:15px;
  }
.project-container
  {
    position:relative;
    padding-bottom:5.39em;
  }
.project-img
  {
    width:100%;
    height:422.5px;
    object-fit:cover;
    /* position:relative; */
  }
.project-grid
  {
    position:relative;
  }
.project-title-div
  {
    position:absolute;
    bottom:0;
    width:92%;
    text-align:center;
    font-family:OpenSans-Bold;
    font-size:16px;
    margin-bottom:1em;
  }
.each-project
  {
    margin-bottom:1em;
  }
.each-project-title
  {
  padding-top:1em;

  }
.parallax
  {
    /* The image used */

    /* Set a specific height */
    min-height: 30em;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

  }
.thripunithura-content-div
  {
    padding-left:2em;

  }
.thr-sub-head
  {
    font-family:OpenSans-SemiBold;
    font-size:26px;
    margin-top:1.5em;
  }

.why-div
  {
    padding:4em 2em 4em 6em;

  }
.why-grid
  {
    padding-left:2em;
    padding-top:6em;
    padding-bottom:6em;
  }
.why-list-item
  {
    font-family:OpenSans-SemiBold;
    font-size:16px;
    text-transform:uppercase;
    padding-top: 0.5em;
    /* padding-bottom:0.2em;
    padding-top:0.2em; */
  }
.why-hr
  {
    width:97%;
    margin-left:0;
    height:1.5px;
    margin-top:0.2em;
    margin-bottom:0.2em;
    border:none;
  }

  .block:hover:after
  {
    height: 40px;
    border-left: 13px solid;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -13px;
    top:0;
  }

  .block
  {
    width: 97%;
    height: 40px;
    display: inline-block;
    position: relative;
  }
  .block:hover
  {
    width: 97%;
    height: 40px;
    /* display: inline-block; */
    position: relative;
  }

.arrow-span
  {
    border-radius:25px;
    padding:2px 9px;
  }

.arrow-right
  {
    font-weight:bold;
  }
.mob-center-box
  {
    padding:0.5em;
  }
.why-relative-box
  {
    position:relative;
  }
.blue-box
  {
    height: 11em;
    margin-bottom: 1em
    text-align:center;
    text-align:center;
    padding-top:1.5em;
    padding-bottom:1.5em;
  }
.specialities
  {
    position: absolute;
    left: 7em;
    right: -5em;
    top: 10em;
    z-index: 999;
  }
.sp-bold-txt
    {
      font-family:OpenSans-ExtraBold;
      font-size:40px;
      margin-bottom:0;
    }
.sp-regular-txt
    {
      font-family:OpenSans-Light;
      font-size:30px;
      margin-bottom:0;
      line-height:32px;
    }

.testimonial-title
  {
    /* padding-top:3em; */
  }
.milestone-bg-color
  {
    /* margin-top:6.5em; */
  }
.milestone-yellow
  {
    width:100%;
  }
.milestone-ul
  {
    font-family:OpenSans-Regular;
    /* font-size:14px; */
    padding-left:0;
    position:absolute;
    left:-6.35em;
     overflow: scroll;
     width:100%;
     height: 380px;
     overflow-x: hidden;
     margin-top:2em;
    }
.milestone-ul li
  {
    list-style-type:none;
    flex-grow:1;
    padding-left:1em;
  }

  .divider{
    flex-grow:0;
    height: 4px;
    width:6%;

  }
  .mytextdiv{
    display:flex;
    flex-direction:row;
    align-items: center;
    padding-bottom:1.5em;
  }
.milestone-year
  {
    font-family:OpenSans-Regular;
    font-size:26px;
    padding-right:0.3em;
  }
.location-title
  {
    font-family:OpenSans-SemiBold;
    font-size:16px;
    margin-bottom:2px;
  }
.location-address
  {
    font-family:OpenSans-Regular;
    font-size:12px;
  }
.location-title2
  {
    font-family:OpenSans-SemiBold;
    font-size:16px;
    margin-bottom:2px;
  }
.location-address2
  {
    font-family:OpenSans-Regular;
    font-size:14px;
  }
.more-link
  {
    font-family:OpenSans-Bold;
    font-size:16px;
  }


.footer2-p
  {
    font-family:OpenSans-Regular;
    font-size:14px;
    padding-top:1em;
  }
.footer-2
  {
    text-align:center;
  }
.footer-div
  {
    padding:3em;
  }
.footer-title
  {
    font-family:OpenSans-Bold;
    font-size:16px;
    margin-bottom:0.5em;
  }
.footer-links,.footer-links-2
  {
    font-family:OpenSans-Regular;
    font-size:16px;
    margin-bottom:0.5em;
  }
.footer-hr
  {
      width:20%;
      margin-left:0;
      margin-bottom:1em;
      margin-top:0;
      height:3px;
      border:none;
  }
.padding-cls
  {
    padding-top:1em;
  }
.social-icons
  {
    border-radius: 28px;
    padding: 0.5em 0.6em;
  }
.social-icons-fb
  {
    border-radius: 28px;
    padding: 0.5em 0.7em;
  }
.ph2
    {
      padding-left:5em;
    }
.ph-link-2
  {
    font-family:OpenSans-Bold;
  }
.footer-link-2:hover
  {
    text-decoration:none;
  }
  .navbar-toggler-icon
    {
      padding:4px;
    }
  .navbar-toggler
    {
      outline:none!important;
    }

/*____________________________________________________________Mobile view___________________________________________________  */




/* mobile and ipad */
@media(min-width: 300px) and (max-width: 991px)
{
  .customer-row {
    position: relative;
    top:0;
  }
  .address-row
    {
      padding-top:0;
    }
  .location-content {
    position: relative;
    top: 0;
    left:0;
    width:100%;
  }
  .banner-text
    {
      position:relative;
      top:0;
    }
    .banner-text
      {
        position:relative;
        top:0;
        left:0;
        padding:0;
      }

    .yellow-banner-box
    {
      margin-right:0;
      margin-left:0;
    }
  .quote-p-div
    {
      margin-left:auto;
      margin-right:auto;
    }
.book-grid {
    text-align: center;
    font-size: 2em;
    padding-bottom: 0.5em;
  }
  .quote-p-div
    {
      margin-left:auto;
      margin-right:auto;
    }
    .quick-title {
      font-size: 2em;
      text-align: center;
    }
}
/* mobile and ipad */
@media(min-width: 300px) and (max-width: 992px)
{

  .padding-right-pjct
    {
      padding-right:0;
    }

  .milestone-bg-color {
    position: relative;
  }
  .mob-center-box
    {
      padding:0;
    }
  .banner-img
    {
      height:50%;
    }


  #collapsibleNavbar ul li
    {
      text-align:left;
    }
  .nav-item
    {
      text-align:left;
    }
  .banner-img
    {
      height:50%;
    }

}
/* Small devices (landscape phones, 576px and up) */
 @media(min-width: 300px) and (max-width: 350px)
{
  .project-title-div
    {
      width:90%;
    }
    .blogdetail-grid {
        height: 15em;
    }
    .navbar-section
      {
        top:0;
      }
      .theme-brush-img
        {
          width:100%;
          height:auto;
        }
}
 @media(min-width: 350px) and (max-width: 400px)
{
  .project-title-div
    {
      width:90%;
    }
    .blogdetail-grid {
        height: 16em;
    }
    .navbar-section
      {
        top:3px;
      }
  .theme-brush-img
    {
      width:70%;
      height:auto;
    }
}
 @media(min-width: 400px) and (max-width: 450px)
{
  .project-title-div
    {
      width:90%;
    }
    .blogdetail-grid {
        height: 17em;
    }
  .navbar-section
    {
      top:3px;
    }
.theme-brush-img
  {
    width:70%;
    height:auto;
  }
}
 @media(min-width: 450px) and (max-width: 550px)
{
  .project-title-div
    {
      width:93%;
    }
    .blogdetail-grid {
        height: 18em;
    }
.navbar-section
      {
        top:11px;
      }
  .theme-brush-img
    {
      width:49%;
      height:auto;
    }
}
 @media(min-width: 550px) and (max-width: 576px)
{
  .theme-brush-img
    {
      width:49%;
      height:auto;
    }
  .project-title-div
    {
      width:93%;
    }
    .blogdetail-grid {
        height: 19em;
    }
    .navbar-section
          {
            top:15px;
          }
}
/* Small devices (landscape phones, 576px and up) */
 @media(min-width: 300px) and (max-width: 400px)
{
  /* .divider
    {
      width:40%;
    } */
}
 @media(min-width: 400px) and (max-width: 576px)
{
  /* .divider
    {
      width:20%;
    } */

}

@media(min-width: 300px) and (max-width: 576px)
{

  .mob-tab-btns
    {
      width:50%;
    }
  .location-row2
    {
      padding:0!important;
    }
  .mob-locations-pg
    {
      padding:2.5em 0 2em;
    }
  .message-div {
    left: 5%;
    right: 5%;
  }
  .bottombtn
    {
      bottom: 78px;
      right: 15px;
      padding: 0,5em 1em;
      border-radius: 0;
    }



  .open-button
      {
        font-size: 1.8em;
        text-align: center;
        /* border-radius: 50px; */
        bottom: 0.5em;
        width: 53px;
        padding: 4px 2px;
        right: 15px;
      }
      .navbar
        {
          padding:0;
        }


        .rera-modal-close
          {
            position:absolute;
            top:0.5em;
            right:1em;
          }
        .rera-modal-title
          {
            font-family:OpenSans-Regular;
            font-size:1.2em;
          }
        .rera-modal-content
          {
            width: 100%;
            margin: auto;
          }
  .detail-img
    {
    padding: 1em;
    }
  .detail-desc-row
    {
      padding-top: 0em;
    }
.btn-brochure, .btn-rera
 {
   width:100%;
 }
 .materials-div {
     padding: 2em 0;
 }
.material-name, .brand-names
  {
    font-size:14px;
  }

  .bullet-point-img {
      width: 11%;
  }
  .amenities-div {
      padding: 2em 1em;
  }
  .bg-light-ash {
      padding-bottom: 2em;
    }
.amenities-name
  {
    padding-left:0.5em;
  }
.tab-each-btn
  {
    font-size:12px;
  }
  .floor {
      width: 100%;
    }
.mob-center
  {
    text-align:center;
  }
.detail-floor-hr
  {
    margin-left:auto;
    margin-right:auto;
  }
.mob-bg-color
  {
  margin-bottom:1em;
  padding:0.5em;
  }
.distance
  {
    font-size:1.2em;
  }
.place
  {
    font-size:1em;
  }
  .detail-tab-row {
      padding: 2em 0;
  }

.emi-height
  {
    height:43em;
  }
.input-box2
  {
    padding:0.5em;
  }

.contact-address-div
  {
    position:relative;
    width:100%;
    padding:2em 1em;
    top:auto;
    left:auto;
  }
.contact-address3
  {
    font-size:14px;
  }
.contact-address2
  {
    font-size:18px;
  }
.contact-address1
  {
    font-size:20px;
  }
.height-cls
  {
    height:30em;
    margin-top:3em;
    text-align:center;
  }

  .mob-gallery
    {
      padding:1em;
    }
  .photo-section
    {
      padding-bottom:2em;
      padding-top:0;
    }
  .photo-list-row2
    {
      padding-top:0;
      padding-bottom:0;
    }
    .mob-gallery-title
      {
        padding:0.5em;
        color:#fff;
        font-family: OpenSans-SemiBold;
        text-align:center;
      }

.gallery-title
  {
    text-align:center;
    /* padding-top:1em; */
  }
.gallery-hr
  {
    width:14%;
    margin-left:auto;
  }
.photo-list-block
  {
    margin-bottom:1em;
  }


  .blog-detail-title
    {
      font-size:18px;
      padding-top:0;
      text-align:center;
    }
  .blog-box {
      padding: 1em;
      height: 11em;
    }
  .blogdetail-hr {
      width: 20%;
      margin-left:auto;
    }
    .blog-detail-date {
        width: 72%;
      }
.blog-detail-img {
    padding-top: 0em;
  }


  .blog-date
    {
      width:69%;
        margin-left:-1em;
    }
.blog-padding {
  padding-top: 1em;
  padding-bottom: 1em;
}
.each-blog-box
  {
    height:auto;
    padding:2em 1em ;
    margin-bottom:1em;
  }
.blog-grid
  {
    height:auto;
  }
.blog-title
  {
    height:auto;
  }
.blog-content
  {
    height:auto;
  }





  .padding-1em
    {
      padding-top:1em;
      padding-bottom:1em;
    }
  .services-sec2-bg
    {
      padding:2em 0;
    }
  .services-content
    {
    padding-top: 1em;
    }
  .input-item-2
    {
      font-size:16px;
    }
  .form-popup {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .clear-padding
    {
      padding:0;
    }

  .milestone-year
    {
      font-family: OpenSans-Bold;
      font-size:1.5em;
    }
  .thr-content
    {
      padding-top:0;
      padding-bottom:0;
    }
.why-relative-box
  {
    padding-bottom:1em;
    padding-top:1em;
  }
.blue-box
  {
    height:8em;
    width:100%;
    margin:9px;
    padding-top: 0.8em;
    padding-bottom: 0.6em;
  }
  .why-ul
    {
      text-align:center;
      padding:0;
    }
  .bold-title {
    font-size: 1.4em;
    text-align:center;
  }
  .why-list-item
    {
      font-size:0.8em;
    }
  .padding-cls-mob
    {
      padding-top:1em;
    }
  .dropdown-item
  {
    font-family: OpenSans-SemiBold;
    font-size: 0.8em;
  }
  .project-container
  {
    padding-bottom: 2em;
  }
  .block:hover:after
  {
      content:none;
  }
.thr-sub-head
  {
    text-align:center;
    font-size:1em;
  }
  .nav-float-right {
      float: none;
      padding:0;
    }
  .navbtn
    {
      left:1em;
    }
  .logo-image {
    width:100%;
  }
  .mob-div-padding
    {
      padding:0;
    }
  .milestone-bg-color
    {
      margin-top:2em;
    }

.footer-div
  {
    text-align:center;
    padding:2em;
  }
.mob-center-box
  {
    display: flex;
  justify-content: center;
  align-items: center;
  }
.arrow-span
  {
    display:none;
  }
.footer-hr
  {
    margin-left:auto;
    margin-right:auto;
  }
  #collapsibleNavbar {
      position: fixed;
      top: 0;
      left: 0;
      /* right: 0; */
      z-index: 1;
      width: 100%; /*example + never use min-width with this solution */
      padding:1em;
      height:100%;
      text-align:center;
  }
  .image-about
    {
      position:relative;
      width:100%;
      top:0;
      left:0;
      height:auto;
    }
  .about-content-div
    {
      padding:1em;
    }
  .title-hr
    {
      margin-left:auto;
      margin-right:auto;
    }
  .about-title
    {
      text-align:center;
        font-size:1.5em;
    }
  .mobile-btns
    {
      text-align:center;
    }
  .project-title
    {
        text-align:center;
    }
  .project-title-testimonial
    {
        text-align:center;
    }
  .quote-p-1
    {
      font-size: 1em;
      padding: 0.5em 1em;
    }
  .book-p
    {
      font-size:0.7em;
      line-height: 23px;
    }
.project-yellow-1-div
  {
    text-align:left;
  }
.yellow-project-1
  {
    top:2em;
    left:0;
    width: 50%;
height: 35em;
  }
.yellow-project-2
  {
    top:82em;
    height: 35em;
width: 50%;
left:auto;
right: 0;
  }
.project-img
  {
    height:470px;
  }
.specialities
  {
    position: relative;
    top: 1em;
    left:0;
  }
.milestone-row-mob
  {
    padding-top:1em;
    padding-bottom:1em;
  }
  .btn-blue
  {
    margin-bottom:1em;
  }

.sp-bold-txt
  {
    font-size:1.6em;
  }
.sp-regular-txt
  {
    font-size:1.5em;
  }
.why-grid
  {
    padding:1em;
    margin-top:1em;
  }
.why-div
  {
    padding:1em;

  }
.why-div ul
  {
      padding-left:0;
  }
.title-hr-blue
  {
    margin-left:auto;
    margin-right:auto;
  }
.thripunithura-content-div
  {
    padding:1em;
  }
.project-title
  {
    padding-top:0;
    font-size:1.5em;
  }
.mob-content
  {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

.project-title-testimonial
  {
    padding-top:1em;
  }
.thr-img
  {
    width: 100%;
    height: auto;
  }

.milestone-ul
  {
    position:relative;
    left:0;

  }
  #style-2::-webkit-scrollbar
  {
  	width: 10px;
  }
.divider
    {
      width:0;
    }
.nav-style-3
  {
    font-family:OpenSans-SemiBold;
    font-size:0.8em;
  }
.dropdown-menu
  {
    padding:1em;
    border:none;
    font-size:1em;
  }
  .location-container
    {
      padding-top:1em;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px)
{
  .bg-light-ash {
      padding-bottom: 2em;
    }
    /* .yellow-box
      {
            width: 50%;
          } */
}
@media (min-width: 576px) and (max-width: 768px)
{

  .location-row2
    {
      padding:0!important;
    }
  .mob-locations-pg
    {
      padding:2.5em 0 2em;
    }
  #style-2::-webkit-scrollbar
  {
    width: 10px;
  }
  .divider
    {
      width:0;
    }
  .rera-modal-close
    {
      position:absolute;
      top:0.5em;
      right:1em;
    }
  .rera-modal-title
    {
      font-family:OpenSans-Regular;
      font-size:1.2em;
    }
  .rera-modal-content
    {
      width: 100%;
      margin: auto;
    }


  .message-div {
    left: 10%;
    right: 10%;
  }
  .theme-brush-img
    {
      width:33%;
      height:auto;
    }

    .bottombtn
      {
        bottom: 78px;
        right: 15px;
        padding: 0,5em 1em;
        border-radius: 0;
      }



    .open-button
        {
          font-size: 1.8em;
          text-align: center;
          /* border-radius: 50px; */
          bottom: 0.5em;
          width: 53px;
          padding: 4px 2px;
          right: 15px;
        }


/* detail page */
.detail-img
  {
  padding: 1em;
  }

.detail-desc-row
  {
    padding-top: 0em;
  }
.btn-brochure, .btn-rera
{
 width:100%;
}
.materials-div {
   padding: 2em 0;
}
.material-name, .brand-names
{
  font-size:14px;
}

.bullet-point-img {
    width: 1em;
}
.amenities-div {
    padding: 2em 2em;
}

.amenities-name
{
  padding-left:0.5em;
}
.tab-each-btn
{
  font-size:12px;
}
.floor {
    width: 100%;
  }
.mob-center
{
  text-align:center;
}
.detail-floor-hr
{
  margin-left:auto;
  margin-right:auto;
}
.mob-bg-color
{
margin-bottom:1em;
padding:0.5em;
}
.distance
{
  font-size:1.2em;
}
.place
{
  font-size:1em;
}
.detail-tab-row {
    padding: 2em 0;
}
.bullet-point-img2 {
    width: 1em;
}






.emi-height
  {
    height:34em;
  }




  .contact-address-div {
      position: absolute;
      right: 15px;
      top: -34em;
      padding: 3em 3em;
      width: 25em;
      left:auto!important;
  }


  .contact-address3
    {
      font-size:16px;
    }
  .contact-address2
    {
      font-size:20px;
    }
  .contact-address1
    {
      font-size:26px;
    }
  .height-cls
    {
      height:30em;
      margin-top:3em;
      text-align:center;
    }


  .mob-gallery
    {
      padding:1em;
    }
  .photo-section
    {
      padding-bottom:2em;
      padding-top:0;
    }
  .photo-list-row2
    {
      padding-top:0;
      padding-bottom:0;
    }
    .mob-gallery-title
      {
        padding:0.5em;
        color:#fff;
        font-family: OpenSans-SemiBold;
        text-align:center;
      }
.gallery-title
  {
    text-align:center;
    /* padding-top:1em; */
  }
.gallery-hr
  {
    width:14%;
    margin-left:auto;
  }
.photo-list-block
  {
    margin-bottom:1em;
  }




  .blog-detail-title
    {
      font-size:18px;
      padding-top:0;
      text-align:center;
    }
  .blog-box {
      padding: 2em;
      height: 14em;
    }
  .blogdetail-hr {
      width: 20%;
      margin-left:auto;
    }
    .blog-detail-date {
        width: 29%;
      }
.blog-detail-img {
    padding-top: 0em;
  }
  .blogdetail-grid {
      height: 19em;
  }



  .blog-date
    {
      width:33%;
        margin-left:-1em;
    }
  .blog-padding {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .each-blog-box
    {
      height:auto;
      padding:2em 1em ;
      margin-bottom:1em;
    }
  .blog-grid
    {
      height:auto;
    }
  .blog-title
    {
      height:auto;
    }
  .blog-content
    {
      height:auto;
    }






  .services-sec2-bg
    {
      padding-top:2em;
      padding-bottom:2em;
    }
  .input-item-2
    {
      font-size:16px;
    }
  .form-popup {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .why-hr
    {
      width:100%;
    }
  .navbar-section {
    top: 1.5em;
  }

  .clear-padding
    {
      padding:0;
    }

  .milestone-year
    {
      font-family: OpenSans-Bold;
      font-size:1.5em;
    }
  .thr-content
    {
      padding-top:0;
      padding-bottom:0;
    }
.why-relative-box
  {
    padding-bottom:1em;
    padding-top:1em;
  }
.blue-box
  {
    width:100%;
    height: 12em;
    margin: 18px;
    padding-top: 3em;
    padding-bottom: 0.6em;
  }
  .why-ul
    {
      text-align:center;
      padding:1em 2em 0em;
    }
  .bold-title {
    font-size: 1.4em;
    text-align:center;
  }
  .why-list-item
    {
      font-size:0.8em;
    }
  .padding-cls-mob
    {
      padding-top:1em;
    }
  .dropdown-item
  {
    font-family: OpenSans-SemiBold;
    font-size: 0.8em;
  }
  .project-container
  {
    padding-bottom: 2em;
  }
  .block:hover:after
  {
      content:none;
  }
.thr-sub-head
  {
    text-align:center;
    font-size:1em;
  }
  .nav-float-right {
      float: none;
      padding:0;
    }
  .navbtn
    {
      left:1em;
    }
  .logo-image {
    width:100%;
  }
  .mob-div-padding
    {
      padding:0;
    }
  .milestone-bg-color
    {
      margin-top: 3em;
    }

.footer-div
  {
    text-align:center;
    padding:2em;
  }
.mob-center-box
  {
    display: flex;
  justify-content: center;
  align-items: center;
  }
.arrow-span
  {
    display:none;
  }
.footer-hr
  {
    margin-left:auto;
    margin-right:auto;
  }
  #collapsibleNavbar {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 80%; /*example + never use min-width with this solution */
      padding:1em;
      height:100%;
      text-align:center;
  }
  .image-about
    {
      position:relative;
      width:100%;
      top:0;
      left:0;
      height:auto;
    }
  .about-content-div
    {
      padding:1em;
    }
  .title-hr
    {
      margin-left:auto;
      margin-right:auto;
    }
  .about-title
    {
      text-align:center;
        font-size:1.5em;
    }
  .mobile-btns
    {
      text-align:center;
    }
  .project-title
    {
        text-align:center;
    }
  .project-title-testimonial
    {
        text-align:center;
    }
  .quote-p-1
    {
      font-size: 1em;
      padding: 0.5em 1em;
    }
  .book-p
    {
      font-size:0.7em;
      line-height: 23px;
    }
.project-yellow-1-div
  {
    text-align:left;
  }
.yellow-project-1
  {
    top:2em;
    left:15px;
    width: 50%;
height: 35em;
  }
.yellow-project-2
  {
    top:82em;
    height: 35em;
    width: 50%;
    right: 15px;
    left:auto;
  }
.project-img
  {
    height:470px;
  }
.specialities
  {
    position: relative;
    top: 1em;
    left:0;
  }
.milestone-row-mob
  {
    padding-top:1em;
    padding-bottom:1em;
  }
  .btn-blue
  {
    margin-bottom:1em;
  }
.project-title-div
  {
    width:92%;
  }
.sp-bold-txt
  {
    font-size:2em;
  }
.sp-regular-txt
  {
    font-size:2em;
  }
.why-grid
  {
    padding:1em;
    margin-top:1em;
  }
.why-div
  {
    padding:2em;

  }

.title-hr-blue
  {
    margin-left:auto;
    margin-right:auto;
  }
.thripunithura-content-div
  {
    padding:1em;
  }
.project-title
  {
    padding-top:0;
    font-size:1.5em;
  }
.mob-content
  {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

.project-title-testimonial
  {
    padding-top:1em;
  }
.thr-img
  {
    width: 100%;
    height: auto;
  }

.milestone-ul
  {
    position:relative;
    left:0;
  }
.nav-style-3
  {
    font-family:OpenSans-SemiBold;
    font-size:0.8em;
  }
.dropdown-menu
  {
    padding:1em;
    border:none;
    font-size:1em;
  }
  .location-container
    {
      padding-top:1em;
    }

}
/* Medium devices (tablets, 768px and up) */
@media(min-width: 768px) and (max-width: 991px)
{
  .pd-mob-lt
    {
      padding-left:0;
    }
  .contact-bullet-pt
    {
    width: 100%;
    padding: 0.5em 0;
    }
  .rera-modal-close
    {
      position:absolute;
      top:1em;
      right:1em;
    }
  .rera-modal-title
    {
      font-family:OpenSans-Regular;
      font-size:1.2em;
    }
  .rera-modal-content
    {
      width: 100%;
      margin: auto;
    }


  .theme-brush-img
    {
      width:33%;
      height:auto;
    }
    .bottombtn
      {
        bottom: 78px;
        right: 15px;
        padding: 0,5em 1em;
        border-radius: 0;
      }



    .open-button
        {
          font-size: 1.8em;
          text-align: center;
          /* border-radius: 50px; */
          bottom: 0.5em;
          width: 53px;
          padding: 4px 2px;
          right: 15px;
        }




  .contact-address-div {
      position: absolute;
      left: -8em;
      top: 3em;
      padding: 3em 1em;
      width: 19em;
  }
.contact-address3
  {
    font-size:14px
  }
.contact-address2
  {
    font-size:20px
  }
.contact-address1
  {
    font-size:24px
  }
.input-box
  {
    padding:0.5em;
  }

.height-cls
  {
    margin-top:5em;
  }



  #collapsibleNavbar {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 40%; /*example + never use min-width with this solution */
      padding:1em;
      height:100%;
      text-align:center;
}
@media(min-width: 768px) and (max-width: 992px)
{
  .pd-mob-lt
    {
      padding-left:0!important;
    }
  .proj-slider-next.next
    {
      top:25%!important;
    }
  .proj-slider-prev.prev
    {
        top:25%!important;
    }
  .mob-locations-pg
    {
      padding:2.5em 0 2em;
    }
  #style-2::-webkit-scrollbar
  {
    width: 20px;
  }
  .divider
    {
      width:0;
    }
  .message-div {
    left: 20%;
    right: 20%;
  }

  /* detail page */
  .modal-hr {
    width: 9%;
  }


    .detail-yellow-box2 {
      width: 13em;
      height: 16em;
      right:5em;
    }

    .detail-yellow-box1 {
        width: 13em;
        height: 16em;
        left: 5em;
    }
    .detail-img {
        padding: 3em 1em;
    }

  .detail-desc-row
    {
      padding-top: 0em;
    }

  .materials-div {
     padding: 2em 0;
  }
  .material-name, .brand-names
  {
    font-size:14px;
  }

  .bullet-point-img {
      width: 0.8em;
  }
  .amenities-div {
      padding: 2em 2em;
  }
  .bg-light-ash {
      /* padding-bottom: 2em; */
    }
  .amenities-name
  {
    padding-left:0.5em;
  }
  .tab-each-btn
  {
    font-size:12px;
  }
  .floor {
      width: 100%;
    }
  .mob-center
  {
    text-align:center;
  }
  .detail-floor-hr
  {
    margin-left:auto;
    margin-right:auto;
  }
  .mob-bg-color
  {
  margin-bottom:1em;
  padding:0.5em;
  }
  .distance
  {
    font-size:1.2em;
  }
  .place
  {
    font-size:1em;
  }
  .detail-tab-row {
      padding: 2em 0;
  }
  .bullet-point-img2 {
      width:0.8em;
  }
/*----------------------*/




  .emi-each-row
    {
        margin-top:0.5em;
    }
    .emi_label {
        font-size: 13px;
      }
      .emi-img
        {
          height:38.5em;
        }
      .emi-height
        {
          height:33em;
        }




  .mob-gallery
    {
      padding:1em;
    }
  .photo-section
    {
      padding-bottom:2em;
      padding-top:0;
    }
  .photo-list-row2
    {
      padding-top:0;
      padding-bottom:0;
    }
    .mob-gallery-title
      {
        padding:0.5em;
        color:#fff;
        font-family: OpenSans-SemiBold;
        text-align:center;
      }
.gallery-title
  {
    text-align:center;
    /* padding-top:1em; */
  }
.gallery-hr
  {
    width:14%;
    margin-left:auto;
  }
.photo-list-block
  {
    margin-bottom:1em;
  }

  .blog-detail-title
    {
      font-size:26px;
      padding-top:0;
      text-align:center;
    }
  .blog-box {
      padding: 2em;
      height: 16em;
    }
  .blogdetail-hr {
      width: 20%;
      margin-left:auto;
    }
    .blog-detail-date {
        width: 31%;
      }
.blog-detail-img {
    padding-top: 0em;
  }
  .blogdetail-grid {
      height: 22em;
  }





  .blog-date
    {
      width:63%;
    }
  .blog-content {
    height: 6em;
  }
  .blog-grid
    {
      height:32em;
    }
  .blog-title
    {
      font-size:18px;
    }
  .each-blog-box
    {
      height:24em;
    }
  .input-item-2
    {
      font-size:18px;
    }
  .form-popup {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .why-hr
    {
      width:100%;
    }
  .navbar-section {
    top: 1.5em;
  }

  .clear-padding
    {
      padding:0;
    }

  .milestone-year
    {
      font-family: OpenSans-Bold;
      font-size:1.5em;
    }
  .thr-content
    {
      padding-top:0;
      padding-bottom:0;
    }
.why-relative-box
  {
    padding-bottom:1em;
    padding-top:1em;
  }
.blue-box
  {
    width:100%;
    height: 16em;
    margin: 18px;
    padding-top: 3em;
    padding-bottom: 0.6em;
  }
  .why-ul
    {
      text-align:center;
      padding:1em 2em 0em;
    }
  .bold-title {
    font-size: 2em;
    text-align:center;
  }
  .why-list-item
    {
      font-size:1em;
    }
  .padding-cls-mob
    {
      padding-top:1em;
    }
  .dropdown-item
  {
    font-family: OpenSans-SemiBold;
    font-size: 1em;
  }
  .project-container
  {
    padding-bottom: 2em;
  }
  .block:hover:after
  {
      content:none;
  }
.location-container
  {
    padding-top:2em;
  }
.thr-sub-head
  {
    text-align:center;
    font-size:1.5em;
  }
  .nav-float-right {
      float: none;
      padding:0;
    }
  .navbtn
    {
      left:1em;
      font-size:2em;
    }
  .logo-image {
    width:100%;
  }
  .mob-div-padding
    {
      padding:0;
    }
  .milestone-bg-color
    {
      margin-top: 3em;
    }

.footer-div
  {
    text-align:center;
    padding:2em;
  }
.mob-center-box
  {
    display: flex;
  justify-content: center;
  align-items: center;
  }
.arrow-span
  {
    display:none;
  }
.footer-hr
  {
    margin-left:auto;
    margin-right:auto;
  }

  }
  .image-about
    {
      position:relative;
      width:100%;
      top:0;
      left:0;
      height:auto;
    }
  .about-content-div
    {
      padding:1em;
    }
  .title-hr
    {
      margin-left:auto;
      margin-right:auto;
    }
  .about-title
    {
      text-align:center;
        font-size:2em;
    }
  .mobile-btns
    {
      text-align:center;
    }
  .project-title
    {
        text-align:center;
    }
  .project-title-testimonial
    {
        text-align:center;
    }
  .quote-p-1
    {
      font-size: 1em;
      padding: 0.5em 1em;
    }
  .book-p
    {
      font-size:0.8em;
      line-height: 23px;
    }
.project-yellow-1-div
  {
    text-align:left;
  }
.yellow-project-1
  {
    top:2em;
    left:0;
    width: 50%;
height: 35em;
  }
.yellow-project-2
  {
    top:82em;
    height: 35em;
    width: 50%;
    right: 0;
    left:auto;
  }
.project-img
  {
    height:470px;
  }
.specialities
  {
    position: relative;
    top: 1em;
    left:0;
  }
.milestone-row-mob
  {
    padding-top:1em;
    padding-bottom:1em;
  }
  .btn-blue
  {
    margin-bottom:1em;
  }
.project-title-div
  {
    width:94%;
  }
.sp-bold-txt
  {
    font-size:2.5em;
  }
.sp-regular-txt
  {
    font-size:2.5em;
    line-height: 59px;
  }
.why-grid
  {
    padding:1em;
    margin-top:1em;
  }
.why-div
  {
    padding:2em;

  }

.title-hr-blue
  {
    margin-left:auto;
    margin-right:auto;
  }
.thripunithura-content-div
  {
    padding:1em;
  }
.project-title
  {
    padding-top:0;
    font-size:2em;
  }
.mob-content
  {
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

.project-title-testimonial
  {
    padding-top:1em;
  }
.thr-img
  {
    width: 100%;
    height: auto;
  }

.milestone-ul
  {
    position:relative;
    left:0;
  }
.nav-style-3
  {
    font-family:OpenSans-SemiBold;
    font-size:1em;
  }
.dropdown-menu
  {
    padding:1em;
    border:none;
    font-size:1em;
  }


}

@media (min-width: 1200px) and (max-width: 1500px)
{
  .banner-text
    {
      top: 589px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1200px)
{
  .pd-mob-lt
    {
      padding-left:0!important;
    }
  .content-des
    {
      font-size:16px!important;
    }
  .contact-bullet-pt {
    width: 50%;
    padding: 7px 0;
}
  .message-div {
    left: 30%;
    right: 30%;
  }

  /* detail page */
  .modal-hr {
    width: 9%;
  }
  .detail-yellow-box2 {
    width: 15em;
    height: 20em;
    right:7em;
  }

  .detail-yellow-box1 {
      width: 15em;
      height: 20em;
      left:7em;
  }
  .detail-img {
      padding: 4em 1em;
  }
  .detail-desc-row
    {
      padding-top: 0em;
    }

  .materials-div {
     padding: 2em 0;
  }
  .material-name, .brand-names
  {
    font-size:14px;
  }

  .bullet-point-img {
      width: 0.8em;
  }
  .amenities-div {
      padding: 2em 2em;
  }
  .bg-light-ash {
      /* padding-bottom: 2em; */
    }
  .amenities-name
  {
    padding-left:0.5em;
  }
  .tab-each-btn
  {
    font-size:12px;
  }
  .floor {
      width: 100%;
    }

  .mob-bg-color
  {
  margin-bottom:1em;
  padding:0.5em;
  }
  .distance
  {
    font-size:1.2em;
  }
  .place
  {
    font-size:1em;
  }
  .detail-tab-row {
      padding: 2em 0;
  }
  .bullet-point-img2 {
      width:0.8em;
  }
/*----------------------*/







.contact-address-div
{
  width:23em;
}
.contact-address-div
  {
    left:-10em;
  }

  .yellow-left
    {
      height: 14.8em;
      width: 9em;
      left: 96px;
      top: 0;

    }
  .yellow-right
    {
      height: 14.8em;
        width: 9em;
        right: 6em;
        top: -3em;
    }



  .blog-detail-date {
      padding: 0.5em 1em;
      width: 26%;
  }



  .each-blog-box
    {
      height:27em;
    }
  .blog-date
    {
      width:63%;
    }
  .all-banner-content {
    position: absolute;
    top: 9em;
    left: 8em;
  }
  .all-banner-title {
    font-size: 45px;
  }
  .all-banner-caption {
    font-size: 16px;
  }
  .location-yellow
    {
      width:100%;
    }
  .location-container
    {
      /* height:48em; */
    }
    .location-content {
        position: absolute;
        top: 12em;
        left: 6em;
        width: 43em;
      }
  .quote-p-div-2 {
    padding: 0.8em 0.2em;
  }
  .banner-text
    {
      top:380px;
    }
  .now
    {
      font-size:29px;
    }
  .book-p
    {
      font-size:12px;
    }
  .nav-style-3
    {
      font-size:11px;
    }
  .why-ul
    {
      padding-left:0;
      padding-right:1em;
    }
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5em;
      padding-left: 0.5em;
    }
  .about-content-div
    {
      padding-left:4.5em;
    }
  .btn-blue, .btn-blue-night
    {
      font-size:1em;
    }
  .project-title-div
    {
      width:91%;
    }

.why-list-item
  {
    font-size:14px;
  }
.thripunithura-content-div
  {
    padding-left:4em;
  }
.divider
  {
    width:8%;
  }

.testiminial-video
  {
    padding-top:1em;
  }
.project-title-testimonial
  {
      font-size: 1.6em;
    }
.customer-row {
    top: 4em;
      }

.testimonial-title
  {
    padding-top:0.5em;
  }

.yellow-project-1
  {
    width:100%;
    /* width:16.6em; */
  }
.yellow-project-2
  {
    width: 100%;
    /* width: 15.7em; */
    left: 0;
    top:42em;
  }
.project-container {
    padding-bottom: 3.1em;
  }
  .why-div {
      padding: 1em 1em 1em 5em;
    }
  .blue-box
    {
      height:11em;
    }
 .sp-bold-txt
  {
    font-size:32px;
  }
.sp-regular-txt
  {
    font-size:29px;
  }
  .specialities {
    top:7.5em;
  }

  .about-img-1
    {
      height:52em;
      object-fit:cover;
    }
    .bottombtn
      {
        bottom: 100px;
        right: 28px;
        padding: 0,5em 1em;
        border-radius: 0;
      }

 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
  .floor
    {
      width:10em;
    }
  .pd-mob-lt
    {
      padding-left:0!important;
    }
  .message-div {
    left: 35%;
    right: 35%;
  }
  .blog-grid {
    height: 38em;
  }
.about-img-1
  {
    height:46em;
      object-fit:cover;
  }
  .bottombtn
    {
      bottom: 100px;
      right: 28px;
      padding: 0,5em 1em;
      border-radius: 0;
    }

 }
 @media (min-width: 1200px) and (max-width: 1300px)
 {
   .banner-text
    {
      top:532px;
    }
    .all-banner-content {
      position: absolute;
      top: 12em;
      left: 11em;
    }
    .all-banner-title {
      font-size: 45px;
    }
    .all-banner-caption {
      font-size: 16px;
    }
  }
 @media (min-width: 1300px) and (max-width: 1400px)
 {
   .banner-text
    {
      top:547px;
    }
    .all-banner-content {
      position: absolute;
      top: 12em;
      left: 13em;
    }
  }
 @media (min-width: 1500px) and (max-width: 1600px)
 {
   .banner-text
    {
      top:655px;
    }
    .all-banner-content {
      position: absolute;
      top: 14em;
      left: 19em;
    }
 }
 @media (min-width: 1600px) and (max-width: 1700px)
 {
   .banner-text
    {
      top:703px;
    }
    .all-banner-content {
      position: absolute;
      top: 14em;
      left: 24em;
    }
 }
 @media (min-width: 1700px) and (max-width: 1800px)
 {
   .banner-text
    {
      top:739px;
    }
    .all-banner-content {
      position: absolute;
      top: 19em;
      left: 27em;
    }
 }

@media (min-width: 992px) and (max-width: 992px)
{

}

@media (min-width: 1200px) and (max-width: 1200px)
{
  .location-content {
      position: absolute;
      top: 11em;
      left: 7em;
      width: 51.5em;
    }
 .yellow-right {
     height: 16.8em;
     width: 10em;
     right: 6.9em;
     top: -3em;
   }
 .yellow-left {
     height: 16.7em;
     width: 10em;
     left: 110px;
     top: 0;
   }
   .yellow-project-1
     {
       width:16.8em;
     }

 }