@media (min-width: 768px) {}

@media (min-width: 992px) {
    .header li.nav-item::before {
    display: inline-block;
    content: '';
    height: 5px;
    width: 5px;
    position: absolute;
    top: 43%;
    transform: translateX(-50%);
    /* margin: 4px 0px -24px -12px; */
    background-color: #fff;
    righ: 5px;
     
 }

.header ul > li {
    padding-right: 5px;
}
  .header li.nav-item::before {
     background-color: #c6a062;
 }
     
	
}

@media (max-width: 991px) {
.banner,video, source{
height:300px;
}
	.sidebar-contact.section-padding{
	display:none;
	}
	/*html,body{
	overflow-y:scroll !important;
	}*/
	.main-header{
	display:none !important;
	}
	.flor-planWrap-mob{
	font-size: 30px !important;
		font-family: 'Elsie', cursive;
		    color: #003c5b !important;
	}
	 .project-speci ul {
    margin-top: 0px !important;
}
	div#section4 {
    min-height: 300px;
}
	.gallery > li, .banking-partners > li {
    max-width: 100%;
		margin-bottom:15px;
}
.ban-txt-top {
    margin-top: 70px !important;
}	 
	.fp-tableCell {    
   padding-top: 35px;
    padding-bottom: 35px;
    
}
	#section0 .fp-tableCell{
	padding-top:0;
		padding-bottom:0;
	}
	 .ban-txt-top h1,.ban-txt-top h3 {
    font-size: 33px !important;
}
	
	.ban-txt-top h3, .ban-txt-top h1, .ban-txt-top h5 {     
    line-height: 1.5;
}
	.ban-txt-top h5 {
    font-size: 21px;
}
	.overview-wrapper{
	font-size: 30px !important;
	}
	.ban-txt-bottom h2 {
    font-size: 37px !important;
    margin-bottom: 20px !important;
    line-height: 1;
}
	.amenties-wrapper h1 {    
    font-size: 30px !important;
}
#upClick
{
	display:none !important;
	}
	.heading-wrapper h1 {
		line-height: 1.5 !important;
     font-weight: normal !important;
}
	.gallery > li {
    max-width: 100% !important;
    
}
	.sidebar-contact.section-padding {   
    z-index: 100000;
    height: 100vh;
    padding: 0 !important;
	background: #03031f;	
}
    section#about:before {
        width: 81%;
    }
    li.active-menu {
        z-index: 1;
    }
    .mob-overlay ul>li .sub-menu {
        visibility: hidden;
        transition: all .5s ease-in-out;
        opacity: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 62px;
        background-image: url(../images/topbar_bg.png);
        z-index: 1000;
        height: auto;
    }
    .overlay-menu ul.hs-menu-children-wrapper {
        display: none;
    }
    .mob-overlay ul.hs-menu-children-wrapper>li>a {
        font-size: 15px;
    }
    .carrer-btn .theme-btn:hover {
        background: transparent;
        color: #000;
        border: 0;
    }
    .carrer-btn .theme-btn {
        border: 0;
    }
    .active-menu ul.sub-menu {
        /* display: block !important; */
        visibility: visible !important;
        opacity: 1 !important;
    }
    .dropdown-item:focus,
    .dropdown-item:hover {
        background: transparent !important;
    }
    .mob-overlay ul>li>a {
        display: inline !important;
    }
    .abt-imgbg {
        display: none;
    }
    #about .founder-img {
        z-index: 0;
    }
    .title_box h2 {
        font-size: 22px;
    }
    .tab-pane h3 {
        font-size: 18px;
    }
    .footer-sec {
        z-index: 11;
        /* background: #fff; */
        position: relative;
    }
    .copy-right {
        background: #fff;
        z-index: 11;
        position: relative;
    }
    .about-area,
    .testimony-section,
    .footer-area {
        z-index: 11;
    }
    .section-padding {
        padding: 2em 0 !important;
    }
    .mobwhite-text {
        color: #fff !important;
    }
    .inner-banner {
        min-height: 450px;
    }
    .title_border {
        margin-top: 4%;
    }
    .gallery-bg-img {
        display: none;
    }
    /*.desktop_logo img {
         filter: brightness(100);
     }*/
    .center-content {
        max-width: 90%;
    }
    #myTab li {
        width: 100%;
    }
    .contactForm {
        max-width: 95%;
    }
   
    section#about {
        background-position: left center !important;
    }
    /*#about p,
     #about h2>span.text-white,
     #about .social-share a {
         color: #fff !important;
     }*/
    .social-share a {
        color: #fff !important;
    }
    .enquiry-btn {
        right: -93px;
    }
    .sidebar-in .enquiry-btn {
        right: 0;
        top: 0;
        left: auto;
        transform: unset;
    }
.footer-area{
	position:relative !important;
	}
}
#section9 .fp-tableCell{
padding-top: 0 !important;
	padding-bottom: 0 !important;
}
@media (max-width: 767px) {
    body{
        padding-top: 0;
    }
    /*section#about::before {
    background: #191628;
    z-index: 0; 
}*/
    .founder-img {
        max-width: 525px;
    }
    .abt-content {
        margin-top: 25px;
    }
    section#about::before {
        content: '';
        width: 100%;
        height: 100%;
        right: 0;
        background: #181628;
        top: 0;
        transform: rotate(15deg);
        transform: skew(25deg);
        left: 0;
        transform: unset;
        transform-origin: top;
    }
    .abt-content {
        z-index: 1;
        position: relative;
    }
    #about .title_box {
        z-index: 1;
    }
    .title_box.pull-right {
        float: left;
    }
     
	.project-speci h2 {
    font-size: 33px !important;
}
	.project-speci:before {
     content:unset !important;
}
.section.fp-section.fp-table, .fp-tableCell{
height:auto !important;	
}

}

@media (max-width: 360px) {
	
    .topbar a {
        font-size: 12px;
    }
    .inner-wrapper:before {
        top: -8px;
    }
    .inner-wrapper:after {
        bottom: -8px;
    }
    .center-content:hover .inner-wrapper:after,
    .center-content:hover .inner-wrapper:before {
        height: calc(100% + 15px);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
     
}

@media (min-width: 991px) and (max-width: 1024px) {
    .nav-tabs .nav-link {
        font-size: 12px;
    }
    section#about:before {
        width: 80%;
    }
   
}

@media (min-width: 991px) and (max-width: 1200px) {
    section#about:before {
        transform: rotate(0);
        width: 50%;
    }
}
.modal .bd-example-modal-lg.show{
z-index: 100000;
}