button.formmangr-button.formmangr-button-submit{
    font-family: "Rokkitt", Helvetica, Arial, "sans-serif";
}

@media screen and (max-width:1440px) {
.container, .gallery-grid-modular{
    max-width: 1180px;
}  
section#luxury-life, section.floorplans-intro, section.nb-description, section.page-intro {
    padding: 90px 0 75px;
}
body.home ul.amenities-grid > li{
    padding-left: 68px;
    
}
body.home ul.amenities-grid > li:after{
    left: 58px;
    background: #fff;
}
.mp-box-content h1{
    font-size: 40px;
}
section.gallery-ctas h2{
    font-size: 40px;
}
.inner-page-banner h1.inner-page-title {
    font-size: 52px;
}
.resident-section-content {
    padding-left: 140px;
}
.resident-section-content:before {
    width: 140px;
    height: 140px;
}
h2.resident-section-title {
    font-size: 30px;
}
a.flexi-resource-link {
    font-weight: 400;
}
h2.luxury-life-heading {
    font-size: 36px;
}
}


@media screen and (max-width:1200px) {
.container, .gallery-grid-modular{
    max-width: 960px;
}    
    
.header-bottom li {
    font-size: 18px;
}
    
.header-cta a.cb-btn{
    font-size: 24px;
}
p, .home-amne-desc p, ul.amenities-grid > li, .copyright-text p, .cta-content, .hero-image-slider .slide-text, .hero-video-section .video-text {
    font-size: 18px;
}
a.flp-more-details{
    font-size: 18px;
}
.multipurpose-boxes h3{
    font-size: 18px;
}
li.footer-menu-item a.menu-item-link {
    font-size: 16px;
}
.footer-contact span{
    font-size: 18px;
}
ul.ct-tabs li{
    font-size: 22px;
}
    
}


@media screen and (max-width:991px) {
    .hero-image-slider.flexslider .slides > li {
    height: calc(100vh - 80px);
    margin-top: 80px;
}
.container, .gallery-grid-modular, .amenity-content .container, section.gallery-tabs-header .container{
    max-width: 740px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
section#luxury-life .box-right {
    padding-right: 0px;
}
.hero-image-slider .slide-content{
    padding: 0 20px;
}
.header-cta a.cb-btn {
    font-size: 18px;
}
.header-bottom, .header-top {
    width: calc(100% - 0px);
    padding: 30px 30px 30px 0;
}
.header-cta, .header-top {
    display: none;
}  
section#luxury-life .prpty-sldr-col {
    padding: 0;
    height: 250px;
    margin-bottom: 20px;
}
a.cb-btn {
    padding: 15px;
}
/*
.luxury-life .col-6{
    padding: 0;
}
*/
section.form-section .col-12{
    padding: 50px 10px 50px 30px;
}
.formmangr-col {
    padding: 0 20px 10px 0;
}
.main-content {
    padding-top: 80px;
}
section#luxury-life .col-bg{
    width: 100%;
}
.amenities-intro .big-image .container {
    height: 40vw;
}
section.footer-lower .copyright-area {
    padding-bottom: 50px;
}
section.footer-lower .attribution {
    bottom: 15px;
    top: inherit;
}
.floorplan-filters select.flp-bedrooms, .floorplan-filters select {
    width: 100%;
}
.nb-headings {
    padding-right: 10%;
}
body.page-template-page-gallery ul.modular-gallery-ul > li {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
.resident-section-content {
    padding-left: 160px;
}
.single-resource{
    padding-right: 0px;
}
.single-resource-content {
    font-size: 14px;
}
a.flexi-resource-link{
    font-size: 18px;
}
.flexi-resource-links{
    margin: 0 -10px;
}
.flp-slider a.flp-details-btn{
    font-size: 16px;
}
ul.amenities-grid > li{
    column-count: 1;
}
}




/* ============= Mobile =============  */

@media screen and (max-width:767px) {
.container, .gallery-grid-modular, .amenity-content .container{
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.header-logo {
    width: 150px;
    height: 100px;
}

section#luxury-life .prpty-sldr-col, section#luxury-life .box-right {
    width: 100%;
}
.hero-image-slider .slide-content{
    padding: 0 20px;
}
.hero-image-slider h1.slide-title, .hero-video-section h1.video-title{
    font-size: 30px;
}
.hero-image-slider .slide-content{
        margin-top: 0;
}
.hero-image-slider.flexslider .slides > li {
    padding: 60px 0;
    min-height: 500px;
}
.col-6, .nb-headings, .nb-desc{
    float: none;
    width: 100%;
    padding: 0;
}
section#luxury-life .box-right {
    padding-right: 0;
    padding-left: 0;
}
a.cb-btn{
    padding: 15px 6px;
}
.flp-slider{
    margin-top: 30px;
}
.flp-slider .flp-slider-wrapper{
    padding: 0;
}
.home-amne-desc p{
    padding-left: 0;
}
body.home ul.amenities-grid > li {
    padding-left: 18px;
}
body.home ul.amenities-grid > li:after {
    left: 0;
}
ul.modular-gallery-ul > li{
    width: calc(50% - 30px);
}
section.gallery-tabs-header .container {
    padding: 30px 20px;
}
.flp-slider a.flp-details-btn{
    width: calc(50% - 0px);
    margin: 0 auto;
}
section.inner-page-banner{
    background-position: center;
}
body .home-3-ctas .multipurpose-boxes .col-4, .col-4{
    float: none;
    width: 100%;
    min-height: auto;
    margin: 10px auto;
}
body .home-3-ctas section.multipurpose-boxes.cta-boxes {
    padding: 0 20px;
}
section.form-section .col-12{
    width: 100%;
    margin-left: 0;
    padding:20px;
}
.formmangr-custom-form .formmangr-row .formmangr-col{
    width: 100%;
    padding: 0 0px 10px 0;
}
section.footer-lower .copyright-area {
    padding-bottom: 50px;
}
section.footer-lower .attribution {
    bottom: 15px;
    top: inherit;
}
svg.hero-svg-1{
        top: calc(100% - 80px);
}
svg.hero-svg-2{
        top: calc(100% - 60px);
}
svg.hero-svg-3{
        top: calc(100% - 40px);
}
h2.luxury-life-heading {
    font-size: 30px;
}
h3.home-amne-title{
    padding-left: 0;
}
.formmangr-row {
    display: block;
    margin-bottom: 0;
}
.forminator-col div#submit{
    padding-right: 0;
}
.footer-cta {
    padding: 80px 0;
}
section#luxury-life .col-bg{
        width: calc(100% - 0px);
}
.amenity-content .container .amenity-block-headeings {
    display: block;
    width: 100%;
}
.amenity-content .container {
    display: block;
}
.amenity-content .container ul.amenities-grid {
    padding: 0;
}
ul.amenities-grid > li{
    padding-left: 19px;
}
ul.amenities-grid > li:after{
    left: 0;
}
.amenities-intro .big-image .container {
    height: 60vw;
}
.main-content {
    padding-top: 80px;
}
.floorplan-filters select, .floorplan-filters select.flp-bedrooms {
    width: 100%;
}
.floorplan-filters h4{
    text-align: left;
}
section.dynamic-mb-map{
    display: block;
}
section.dynamic-mb-map .map-filters-box, section.dynamic-mb-map .nbp-filter-places{
    width: 100%;
}
section.dynamic-mb-map{
    display: block;
}
section.dynamic-mb-map .map-filters-box, section.dynamic-mb-map .nbp-filter-places{
    width: 100%;
}
body.page-template-page-gallery .ct-tabs-container {
    float: none;
    width: calc(100% - 0px);
}
body.page-template-page-gallery ul.modular-gallery-ul > li {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
}
body.page-template-page-gallery ul.ct-tabs {
    width: 100%;
    padding-right: 0;
}
ul.modular-gallery-ul {
    padding: 0;
    margin: 0 -20px;
}
.container.same-height{
    display: block;
}
.contact-details, .office-hours {
    width: 100%;
    float: none;
}
.single-resident-section{
    display: block;
    width: calc(100% - 0px);
}
.resident-section-content{
    display: block;
    width: 100%;
}
section.resident-sections, .flexi-resource-links{
    display: block;
    width: 100%; 
}
.resident-section-content {
    padding-top: 100px;
    padding-left: 0;
}
.resident-section-content:before, .single-resource:before, .single-resource-icon{
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}
h2.resident-section-title{
    font-size: 30px;
    padding-left: 0px;
/*    text-align: center;*/
}
h4.resident-section-subtitle {
    padding-left: 0px;
/*    text-align: center;*/
}
.contact-half-map{
    margin-top: 30px;
}
.page-template-page-faq .accordion {
    margin: 0;
    padding: 0;
}
.accordion dt, .accordion dd {
    padding: 0 0 20px;
}
.accordion dt a{
    font-size: 18px;
    padding: 20px 50px 20px 20px;
}
.single-resource {
    width: 100%;
    margin: 0 10px 50px;
    padding-left: 0;
    padding-right: 0;
}
.single-resource-header {
    padding: 110px 5px 0;
}
.single-resource-header h4 span {
    display: block;
}
#floorplan-slider-1.flexslider .flex-direction-nav .flex-next, #floorplan-slider-3.flexslider .flex-direction-nav .flex-next, #floorplan-slider-2.flexslider .flex-direction-nav .flex-next {
    right: -20px;
}
#floorplan-slider-1.flexslider .flex-direction-nav .flex-prev, #floorplan-slider-3.flexslider .flex-direction-nav .flex-prev, #floorplan-slider-2.flexslider .flex-direction-nav .flex-prev {
    left: -20px;
}
.container.home-floorplans {
    overflow: hidden;
}
svg.amenity-svg {
    top: calc(100% - 50px);
    width: 100%;
    height: 14vw;
}
.single-resource-header h4{
    padding-left: 0;
}
.single-resource-content{
    padding: 25px 0;
}
div#nbp-filter-options{
    display: none;
}
.map-filters-box{
    padding-top: 0;
}
.nbp-filter-places {
    padding-top: 0px;
    padding-bottom: 50px;
}
.nbp-fliter-dropdown {
    display: block;
    width: 100%;
    background-color: #e6f1f6;
    border-color: #e6f1f6;
    padding: 20px;
}
.nbp-fliter-dropdown .nbp-mobile-filters {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
}
.flp-slider .floorplan-slide-details .bed-bath {
    border: none;
    padding: 0 20px;
    width: 100%;
    max-width: 100%;
    display: flex;
}
.floorplan-slide-details .bed-bath span {
    width: 33.333%;
    float: left;
}
.flp-slider .floorplan-slide-details h2{
    text-align: center;
}
.flp-slider .floorplan-slide-details h2:after{
    left: 50%;
    width: calc(100% -50%)
}
    .hero-image-slider.flexslider .slides > li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.45;
}
    .main-menu-panel .header-cta {
    display: block;
    position: relative;
}
    .main-menu-panel .header-cta a.cb-btn {
    margin-bottom: 15px;
}
    li.footer-menu-item {
    width: 49%;
}
    .inner-page-banner .container {
    min-height: 225px;
    padding-top: 40px;
    padding-bottom: 80px;
}
    ul.amenities-grid > li {
    width: 100%;
    float: none;
}
   .mobile-contact {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 24px;
    margin-top: -6px;
}
    .formmangr-row .formmangr-input, .formmangr-row select.formmangr-form-dd, .formmangr-row textarea {
    border-radius: 5px;
}
}