/* :root{
    --drk-blue:#012638;
    --yellow:#50c7d2;
} */


@media(max-width:1700px){
.banner-logo h5 {
    font-size: 25px;
    font-weight: bold;
  }
    .banner-form {
       width: 100%;
    padding: 10px;
    }
    .dev-logo {
        width: 80%;
    }
    .price-sec {
        bottom: 12%;
        left: 31%;
    }
    .bann-pice h1 span {
        font-size: 29px;
    }
    .btn-11 span {
        font-size: 16px;
    }
    .banner-form .form-group {
        display: flex;
    }
    .banner-form .form-group input {
        height: 34px;
    margin-left: 0px;
    }
    .form_heading {
        margin-bottom: 13px;
    }
    .col-md-6.bann-right-col::after {
        bottom: -23%;
        left: 8%;
    }

   
    .banner-hilight {
        margin:5px 10px 5px 10px;
		
    }
    .banner-hilight ul li {
        height: 32px;
        font-size: 17px;
    }

    .banner-dot-3 {
        display: none;
    }
    .col-md-6.bann-right-col::before {
        top: -3%;
        left: -70px;
    }
    .location-b {
        margin-top: 1px;
    }
    .banner-logo h1 {
        font-size: 53px;
    }
    .typo-bann h2 span {
        font-size: 28px;
    }
    .banner-img .carousel-control-next, .carousel-control-prev {
        top: 45%;
    }
    .banner-img .carousel-control-next {
        right: 5%;
    }
    .over-img {
        height: 100%;
    }
    .over-text h1 {
        font-size: 47px;
    }
    .over-text h1 span {
        width: 35%;
        height: 4px;
        right: 87px;
        bottom: 20px;
    }
    .box {
        padding: 45px 11px;
    }
    .p-box h1 {
        font-size: 23px;
    }
    .main-p {
        height: 93vh;
    }
    .floor-plan .btn-11 {
        width: 100%;
    }
    .floor-plan li.nav-item {
        width: 31%;
    }
    .my-floor .my-nav-pill {
        width: 100%;
        display: flex;      
       justify-content: center;
    }
    .floor-plan::before {
        left: -5%;
        top: -14%;
        width: 15%;
        height: 35%;
    }
    .my-floor {
        margin-bottom: 20px;
    }
}

/* end of 1500 */

@media(max-width:1500px){
    

.my-nav-bar a.nav-item.nav-link {
    margin-left: 5px;
    padding-left: 10px;
	font-size: 17px;
}
    .banner-hilight ul li {
    font-size: 15px;
    
    }
    .banner-logo h1 {
        font-size: 30px;
    }
	.banner-logo h5 {
        font-size: 23px;
		font-weight:bold;
    }
	.banner-logo h5 span {
  color: var(--yellow);
}
    .over-text h1 span {
        width: 33%;
        right: 64px;
        bottom: 20px;
    }
    .p-box {
        margin-bottom: 14px;
    }
    .box h2 {
        margin: 16px;
    }
    .main-p {
        height: 99vh;
    }
    
.over-text {

}
.over-text h1 {
    font-size: 32px;
   padding-top: 0px;
    padding-bottom: 10px;
}
.gall-1 {
    height: 217px;
    flex: 0 0 46%;
    margin-left: 12px;
}
.gallery-1 {
    height: 454px;
}
}

/* end of 1400 */
@media(max-width:992px){
.abcd {
  display: none;
}
}

@media(max-width:767px){
    
	.location-box img {
  border-radius: 30px;
  box-shadow: 0px 0px 10px #000;
  min-height: 236px !important;
}
	.abcd{display:none;}
    .dekstop-view{display: none;}
    .mobile-view{display: block;}
.gallery .container {
  max-width: 100%;
}
.bton {
 background: transparent;
color: var(--yellow);}
.p-box h1 {
    font-size: 25px;
  }
.typo-bann {
  width: fit-content;
  margin: 0px;
  border-radius: 10px;
  padding: 6px 2% 9px 10%;
}
    .banner {
        height: auto;
    }
    .banner-img .carousel-inner {
        border: unset;
        border-top-right-radius:  unset;
        border-bottom-right-radius:  unset;
        border-left: 0;
        margin-top:  unset;
        height: auto;
        padding:  unset;
    }
    .banner-img .carousel-inner .carousel-item {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
        overflow: hidden;
    }
    .banner-img {
        margin-top: 0px;
        min-height: 300px;
    }
    #carouselExampleIndicators{
        min-height: 300px;
    }
    .bann-right-col {
        min-height: 587px;
		padding: 4px;
    }
    .banner-img .carousel-control-next {
        right: 0%;
    }
    .my-nav-bar .navbar-brand {
        width: 56%;
    }
    .dev-logo {
        width: 100%;
    }
    .col-md-6.pl-0.ban-out {
        padding-right: 0;
    }

    .navbar-toggler-icon {
        background: #fff;
        padding: 5px 19px;
        color: #000;
        width: 100%;
        height: 68%;
    }

    .navbar-toggler-icon img{
       width: 27px;
    }
    .dis {
        margin-bottom: 35px;
    }

    .banner-text {
       height: auto;
    text-align: center;
    padding: 0 2px;
    }
    .price-sec {
        bottom: unset;
        left: unset;
        position: relative;
        width: 100%;
        margin: 4% 0;
    }
    .banner-img .carousel-control-next, .carousel-control-prev {
        width: 11%;
    }
    .my-nav-bar {
        background: #fff;
        top: -1px;
    }
    .col-md-6.bann-right-col::before {
        top: -18%;
        left: -87px;
    }
    .banner-logo {
        margin-top: 5px;
    }
    .typo-bann h2 {
        display: grid;
    }
    .typo-bann h2 span {
        font-size: 20px;
    }
    .banner-logo h1 {
        font-size: 28px;
        margin-top: 18px;
    }
    .banner-dot-3 {
        left: 2%;
        max-width: 4%;
        top: 21%;    
    }
    .banner-hilight {
        margin-top: 6%;
    }
    .banner-dot {
        left: 1%;
        bottom: 42%;
        max-width: 12%;
    }
    .my-nav-bar .last {
        margin-top: 10px;
    }

    .banner-hilight ul li {
       height: auto;
    max-width: 100%;
       
        font-size: 13px;
       padding: 1px;

    }
    .banner-hilight ul li span {
       padding-right: 8px;
    margin-bottom: 0px;
    }
    .bann-pice h1 span {
        font-size: 24px;
        margin-top: 5px;
    }
    .bann-pice h1 {
        font-size: 19px;
    }
    .banner-form {
        width: 100%;
        margin-top: 16px;
    }
    .bann-pice {
        width: 80%;
        margin: auto;
        border: 8px solid #011e2c;
    }
    .col-md-6.bann-right-col::after {
    display: none;
    }
    .banner-form .form-group {
        flex-direction: column;
        margin-bottom: 0;
    }
    .banner-form .form-group input {
        margin-bottom:5px;
    }
    .typo-bann {
        padding: 7px 72px;
        padding: 4px 2% 5px 3%;
       width: 100%;
    }
    .banner-form .form-group input {
        margin-left: 0px;
    }
    .over-img {
        height: auto;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .over-text {
        padding-right: 0;
        z-index: 23;
        position: relative;
    }
    .over-text h1 {
        font-size: 28px;
        margin-top: 0px;
    }
    .over-text h4 {
        margin-bottom: 15px;
        font-size: 19px;
    }
    .over-text h1 span {
        width: 22%;
        right: 5px;
        bottom: 15px;
    }
    .out-txt {
        height: 100%;
        flex-direction: column-reverse;
    }
    .bton h1 {
writing-mode: unset;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    }
.bton .ko {

    color: #012638 !important;
  }
    .floor-plan li.nav-item {
        width: 50%;
    }
    .gall-1 {
        flex: unset;
        margin-left: 0px;
		width: 100%;
    }
    .about-1 h1 {
        margin-bottom: 21px;
        font-size: 34px;
    }    
    .bton {
        padding: 9px 33px;
        border-bottom-left-radius: unset;
        border-top-left-radius: unset;
        border-radius: 20px;
        margin-bottom: 10px;
    }
    .price-list {
        flex-direction: column-reverse;
		padding: 10px 0px;
    }
    .highlights {
        flex-direction: column-reverse;
    }
    .high-heading {
        margin: 19px 0px;
    }
    .high-text {
        margin-left: 0%;
        text-align: left;
        padding: 36px 13px;
    }
    .high-heading h1 {
        font-size: 33px;
    }
    .high-box-img {
        max-width: 63%;
    }
    .amenities {
        align-items: start;
        justify-content: center;
        flex-direction: row-reverse;        
    position: relative;
    margin-top: 30%;
    }
    .amenities .bton {
        margin-top: -33%;
    }
    .pic-1 {
        padding: 1.5rem 6px;
        max-width: calc(50.33% - 20px);
        flex: 0 0 calc(49.33% - 19px);       
       letter-spacing: 1px;
       display: flex;
       align-items: center;
       justify-content: center;
    }
    .pic-1 h4 {
        font-size: 15px;
    }
    .floor-plan {
        flex-direction: column-reverse;
        margin: 0;
        margin-top: 50px
    }
    .my-floor .my-nav-pill {
        justify-content: center;
    }
    .btn-11 {
        width: 100%;
    }
    .floor-plan::after {
        left: -35%;
        bottom: -42%;       
        width: 25%;
    }
    .gallery {
        flex-direction: column-reverse;
		padding: 30px 0;
    }
    .gallery-1 {
        height: auto;
        margin-bottom: 20px;
    }
    .location {
        flex-direction: column-reverse;
        padding: 30px 0px;
    }
    .location .bton {
       width: 100%;
    text-align: center;
    margin-bottom: 23px;
    }
    .location-box::after {
        right: -8px;
    }
    .location-box::before {
        left: -11px;
    }
    .my-loc {
        margin-top: 33px;
    }
    .location-txt {
        padding: 14px;
    }
    .about-1 p {
        text-align: justify;
    }
    .my-bottom-form .form-group input {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 18px;
    }
    .my-bottom-form .form-group {
        margin-bottom: 0;
    }
    .mobile-section {
        background: var(--drk-blue);
        display: flex;
        justify-content: space-between;
        padding: 8px 5px;
        position: fixed;
        bottom: -100%;
        width: 100%;
        z-index: 99;
    }
    .mobile-section.dekstop-view.mobile-view a {
        background: var(--yellow);
        color: var(--drk-blue);
        font-weight: 600;
		font-size: 14px;

    }
    .fixed{
        bottom: 0%;
    }
    .box h2 {
        margin: 18px;
    }
    .box h3 {
        margin-bottom: 34px;
    }
    .dis p {
        font-size: 11px;
    }
    .call-btn{
       display: block;
    }
}

/* end of 767px */


@media(max-width:500px){
    .gallery-img {
        height: 258px;
    }
    .location-b {
        letter-spacing: 1px;
        margin-top: 14px;
        font-size: 21px;
    }
    .banner-hilight ul li {
        height: auto;
        max-width: 100%;
        font-size: 13px;
        padding: 1px;
        text-align: center;
        width: auto;
    }

}
}