@media screen and (min-width:1600px) {
    .categ_head.dining .categ_title:before {
        left: 0
    }
    .categ_head.retail .categ_title:before,
    .categ_head.conveniences .categ_title:before {
        right: 0
    }
    .into_img_2 {
        height: 37vw
    }
}

@media screen and (min-width:1441px) {
    .rollover_content>div {
        height: 8vw
    }
    #storyPage .rollover_content>div {
        height: 194px
    }
    .flp_sidebar .cnt_inner {
        padding-top: 7vw
    }
    .content-box {
        padding: 6vw 4vw
    }
    .dir-right-top .rollover_content>div {
        top: -30px
    }
    .system .dir-right-top .rollover_content:hover>div,
    .dir-right-top .rollover_content.hovered>div {
        top: -5px
    }
    .system .dir-right-bottom .rollover_content:hover>div,
    .dir-right-bottom .rollover_content.hovered>div {
        bottom: -5px
    }
    .dir-left-top .rollover_content>div {
        top: -30px
    }
    .system .dir-left-top .rollover_content:hover>div,
    .dir-left-top .rollover_content.hovered>div {
        top: -5px
    }
    .dir-left-bottom .rollover_content>div {
        bottom: -30px
    }
    .system .dir-left-bottom .rollover_content:hover>div,
    .dir-left-bottom .rollover_content.hovered>div {
        bottom: -5px
    }
}

@media (min-width:1024px) and (max-width:1440px) {
    .content-box {
        padding: 0 4vw
    }
}

@media screen and (max-width:1366px) {
    #slide2.service_blk .content-box:before {
        height: 11vw;
        width: 21vw
    }
    #slide2.service_blk .content-box .bottom-bg {
        height: 9vw;
        width: 20vw
    }
    #featuresPage .amenities-block .content-box .bottom-bg {
        width: 29vw;
        height: 13vw
    }
    .features-block .content-box:before {
        height: 14vw;
        width: 27.7vw
    }
    .features-block .content-box .bottom-bg {
        height: 20vw;
        width: 30vw
    }
}

@media screen and (max-width:1280px) {
    .categ_head.conveniences .categ_title:before {
        right: -30px
    }
}

@media screen and (max-width:1200px) {
    .content-box,
    .service_list {
        padding: 0 32px
    }
}

@media screen and (max-width:1110px) {
    .categ_head.dining .categ_title:before {
        left: -10%
    }
    .categ_head.retail .categ_title:before,
    .categ_head.conveniences .categ_title:before {
        right: -14%
    }
    #retail_list {
        padding: 40px
    }
    #storyPage .dir-right-bottom .rollover_content>div>div,
    #storyPage .dir-right-top .rollover_content>div>div {
        right: 10px
    }
    #storyPage .dir-left-bottom .rollover_content>div>div,
    #storyPage .dir-left-top .rollover_content>div>div {
        left: 10px
    }
    #storyPage .dir-left-top .rollover_sub_title,
    #storyPage .dir-right-top .rollover_sub_title {
        margin-top: 6px
    }
    #storyPage .dir-right-bottom .rollover_title {
        margin-bottom: 4px
    }
}

@media (min-width:1024px) and (max-width: 1200px) {
    .content-box .page_sub_header {
        margin-bottom: 20px
    }
    .content-box figure {
        margin: 30px 0
    }
}

@media (max-width: 1024px) {
    section.darkgrey_box.map_sect.nxt_section.mobile {
        display: block
    }
    section.darkgrey_box.map_sect.nxt_section.desk {
        display: none
    }
    .blog_cnt.mobile {
        display: block
    }
    .blog_cnt.desk {
        display: none
    }
    .two-column-banner.desk {
        display: none
    }
    .two-column-banner.mobile {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }
}

@media (min-width: 1024px) {
    .home-page .content-box .bottom-bg {
        right: 0;
        left: auto;
        transform: rotateY(180deg);
        height: 14vw
    }
    .home-page .content-box:before {
        left: 0;
        right: auto;
        transform: rotateY(180deg)
    }
    section.darkgrey_box.map_sect.nxt_section.mobile {
        display: none
    }
    section.darkgrey_box.map_sect.nxt_section.desk {
        display: flex
    }
    .blog_cnt.mobile {
        display: none
    }
    .blog_cnt.desk {
        display: inherit
    }
    .two-column-banner.desk {
        display: flex
    }
    .two-column-banner.mobile {
        display: none;
        flex-wrap: wrap;
        flex-direction: column
    }
}

@media (min-width: 768px) {
    #sidebar .title_wrap+ul,
    #sidebar .title_wrap+.tagcloud {
        display: block!important
    }
    #sidebar_mobile .title_wrap+ul,
    #sidebar_mobile .title_wrap+.tagcloud {
        display: block!important
    }
    .galley-categories {
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) and (max-height: 600px) {
    body:not(.home-page) .two-column-banner,
    .two-column-banner .banner_left,
    body:not(.home-page) .two-column-banner .image-box {
        height: auto!important
    }
    .two-column-banner .slider-box>div,
    .two-column-banner .flex-viewport,
    .two-column-banner .flex-viewport ul.slides {
        height: 100%
    }
    .two-column-banner .slides li {
        height: 100%!important
    }
    body:not(.home-page) .two-column-banner .content-box {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) and (max-height: 720px) {
    #scroll_indication {
        margin: 10vh auto 0
    }
}

@media screen and (min-width: 1024px) and (max-width: 1920px) and (max-height: 690px) {
    #scroll_indication {
        margin: 5vh auto 0
    }
}

@media screen and (max-width:1023px) {
    .content-box {
        padding: 30px 9vw 45px
    }
    .page-header {
        margin-top: 20px;
        font-size: 13px;
        margin-bottom: 5px
    }
    .content-box .page_sub_header {
        font-size: 34px
    }
    .content-box p {
        font-size: 13px;
        width: 558px;
        margin: 0 auto;
        letter-spacing: .97px;
        max-width: 380px
    }
    .content-box figure img {
        width: 50px
    }
    .two-column-banner .slider-box,
    .two-column-banner .content-box {
        width: 100%
    }
    .two-column-banner .slider-box {
        order: 2
    }
    .two-column-banner .slides,
    .two-column-banner .slides li {
        height: 515px!important
    }
    .two-column-banner {
        height: auto!important
    }
    .amenities-block .content-box:before {
        width: 33vw;
        height: 20vw;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        left: 0;
        width: 35vw;
        height: 15.7vw
    }
    .amenities-block .content-box .bottom-bg {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        right: 0;
        left: auto;
        width: 35vw;
        height: 17vw;
        width: 196px;
        height: 95px
    }
    .tile-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }
    .features-mid-section {
        flex-wrap: wrap
    }
    .features-items .tile-item,
    .tile-item {
        width: 100%;
        display: flex
    }
    .tile-img,
    .tile-content,
    .amenities-block.features-mid-section .tile-item .tile-img {
        width: 50%
    }
    .features-items .tile-item:nth-child(2) .tile-img {
        order: 2
    }
    .features-block .content-box:before {
        width: 34.3vw;
        height: 16.5vw
    }
    .features-block .content-box .bottom-bg {
        height: 15vw;
        width: 33.5vw
    }
    .amenities-list li>span,
    .amenities-list li button>span {
        display: inline
    }
    .amenities-list li a span,
    .amenities-list li:last-child>span,
    .amenities-list li button a span,
    .amenities-list li button:last-child>span {
        display: none
    }
    .amenities-list li,
    .amenities-list li button {
        display: inline-block
    }
    .amenities-list li,
    .amenities-list li button,
    .tile-content h3 {
        font-size: 16px
    }
    .amenities-list li button>span {
        display: none
    }
    .features-mid-section {
        padding: 35px
    }
    .content-box figure {
        margin: 30px 0
    }
    .light-gallery {
        padding: 40px
    }
    .light-gallery a:first-child {
        margin-right: 10px
    }
    .img-caption {
        width: 80%
    }
    .galley-categories button {
        font-size: 13px
    }
    #galleryPage .content-box .page_sub_header {
        max-width: 320px;
        margin: 0 auto
    }
    .slide-caption {
        width: 100%
    }
    #featuresPage .tile-content {
        padding: 7vw 3vw
    }
    #featuresPage .content-box p {
        max-width: 500px
    }
    #galleryPage .content-box:before {
        width: 33.6vw
    }
    #galleryPage .bottom-bg {
        width: 29.3vw
    }
    #featuresPage .amenities-block .content-box .bottom-bg {
        width: 29.5vw;
        height: 14.5vw
    }
    .web {
        display: none
    }
    .tablet {
        display: block
    }
    .page_name {
        font-size: 13px;
        letter-spacing: .97px
    }
    .page_title {
        font-size: 34px;
        line-height: 38px
    }
    #contact_page .page_heading {
        padding: 98px 20px 33px
    }
    .title_right_img {
        width: 37.2vw
    }
    .contact_wrapper {
        padding: 0 60px 60px
    }
    #contact_hyly .hywrap {
        padding: 50px 35px 35px
    }
    #contact_hyly .hywrap .top_align .control-label,
    #contact_hyly .hywrap input,
    #contact_hyly .hywrap input[type="text"],
    #contact_hyly .hywrap select,
    #contact_hyly .hywrap textarea,
    #contact_hyly .select_txt {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: .97px
    }
    #contact_hyly .hywrap .radio {
        font-size: 13px!important;
        line-height: 18px!important
    }
    #contact_hyly .control-group {
        width: 100%
    }
    #contact_hyly .hywrap textarea {
        height: 190px
    }
    #contact_address {
        flex-wrap: wrap
    }
    #address_wrap {
        width: 100%;
        margin: 0 auto 50px;
        justify-content: space-around
    }
    #address_wrap h3 {
        font-size: 21px;
        line-height: 24px;
        margin-bottom: 7px
    }
    #contact_address p {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: .97px
    }
    #contact_map {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
    .hytag_form_comment {
        position: static
    }
    #contact_hyly,
    #thanks_msg {
        background: url(../images/contact/mob_border_optimized.png) top center / 100% auto repeat-y
    }
    .section_title {
        font-size: 21px;
        margin-bottom: 8px
    }
    .p1 {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: .97px
    }
    #thanks_msg p {
        margin-bottom: 18px
    }
    #thanks_msg>div {
        padding: 100px 60px
    }
    .banner_left {
        height: 570px;
        width: 100%
    }
    .error_cnt {
        padding: 0 9vw 104px
    }
    .left_pattern {
        background: url(../images/error_bg.png) top left / 100% auto no-repeat!important;
        width: 100%;
        top: -17vw;
        height: 24vw
    }
    .right_pattern {
        width: 41.5vw;
        height: 19vw
    }
    .btn_med {
        font-size: 21px
    }
    .two-column-banner .image-box {
        height: 50vh;
        width: 100%;
        position: relative
    }
    .home-page .two-column-banner .content-box {
        height: auto;
        width: 100%;
        z-index: 1;
        background-color: transparent
    }
    .home-page .two-column-banner .content-box>div:not(.bottom-bg) {
        width: 100%
    }
    .into_img_2 {
        height: 60vh
    }
    .into_img_1 {
        height: 42vh
    }
    .into_img_3 {
        height: 90vh
    }
    .into_pattern_1 {
        width: 110vw
    }
    .offwhite_triangle {
        height: 46vw
    }
    .home_hero_content .h1 {
        font-size: 60px;
        line-height: 63px
    }
    .home_hero_content h2 {
        font-size: 17px;
        letter-spacing: 1.27px
    }
    .home_hero_content {
        background: transparent;
        height: 66vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start
    }
    #omnia_logo img {
        width: 185px
    }
    .home-page .two-column-banner .content-box:before {
        z-index: 1
    }
    .home-page .content-box p {
        max-width: 100%;
        width: 100%
    }
    .home-page .two-column-banner .content-box:before {
        display: none
    }
    .two-column-banner .image-box:after {
        content: "";
        width: 100%;
        height: 27vw;
        z-index: 1;
        position: absolute;
        bottom: -9vw;
        left: 0
    }
    #slide1 .two-column-banner .image-box:after {
        background: url(../images/home/livable_pattern.png) no-repeat center/cover
    }
    #slide2 .two-column-banner .image-box:after {
        background: url(../images/home/service_pattern.png) no-repeat center/cover
    }
    #slide3 .two-column-banner .image-box:after {
        display: none
    }
    #slide4 .two-column-banner .image-box:after {
        background: url(../images/home/everything_pattern.png) no-repeat center/cover
    }
    #slide3 .two-column-banner .image-box {
        width: 100%;
        background-size: contain!important;
        margin-top: 50px;
        position: relative;
        z-index: 1;
        background-color: transparent!important
    }
    #slide3 .two-column-banner {
        position: relative;
        justify-content: center
    }
    #slide3 .two-column-banner:after {
        content: "";
        background: url(../images/home/connected_pattern.png) no-repeat center/contain;
        position: absolute;
        right: 0;
        left: auto;
        bottom: auto;
        top: 0;
        width: 30vw;
        height: 15vw;
        z-index: 0
    }
    #slide2 .content-box .bottom-bg {
        height: 24vw;
        right: auto;
        transform: none;
        left: 0
    }
    #slide3 .content-box .bottom-bg {
        transform: scale(1, -1);
        top: auto;
        left: 0;
        bottom: 0
    }
    #slide4 .content-box .bottom-bg {
        transform: scale(-1, -1);
        top: auto;
        bottom: 0
    }
    #slide2.service_blk .content-box:before {
        display: none
    }
    #slide2.service_blk .content-box .bottom-bg {
        transform: scaleX(-1);
        left: 0;
        right: auto;
        height: 21vw;
        width: 44.1vw
    }
    .service_content h5 {
        font-size: 17px
    }
    .next_page_pointer {
        padding-bottom: 30px
    }
    .service_content {
        margin: 0 0 7vw
    }
    #servicesPage .two-column-banner .image-box {
        background-size: 118%!important;
        background-position: 9% 92%!important;
        height: 59.5vw
    }
    .service_list {
        max-width: 80%;
        margin: 0 auto
    }
    #retailPage .content-box {
        padding-top: 50px
    }
    #retailPage .content-box .page_sub_header {
        font-size: 34px;
        line-height: 38px;
        max-width: 330px;
        margin-bottom: 20px
    }
    #retailPage .content-box button {
        margin-top: 45px;
        background: none;
        border: none
    }
    #retail_list {
        padding: 25px
    }
    .categ_list li {
        margin: 5px;
        width: calc(33.33331% - 10px);
        height: 22vw
    }
    .categ_head.dining .categ_title:before {
        left: -50px
    }
    .categ_head.retail .categ_title:before,
    .categ_head.conveniences .categ_title:before {
        right: -50px
    }
    .categ_head .categ_title {
        padding: 20px;
        width: 95%
    }
    .categ_head p {
        font-size: 12px;
        line-height: 17px;
        letter-spacing: .9px
    }
    .next_page_pointer a {
        width: 215px
    }
    .next_page_pointer span {
        font-size: 17px
    }
    #retailPage .content-box p {
        max-width: 558px
    }
    .rollover_content>div {
        height: 11vw
    }
    .rollover_link {
        font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1024 - 320)))
    }
    #storyPage .rollover_link {
        font-size: 14px
    }
    #retailPage .top-block .content-box:before {
        height: 17.8vw;
        width: 34.8vw
    }
    #retailPage .top-block .bottom-bg {
        height: 20.9vw;
        width: 30.6vw
    }
    .top_two_column {
        flex-direction: column-reverse;
        padding: 35px
    }
    .top_two_column .image_column {
        height: 50vw;
        width: 100%;
        margin: 0
    }
    .top_two_column .copy_column {
        width: 100%
    }
    .copy_column p .cap_case {
        font-size: 13px;
        letter-spacing: .97px
    }
    .copy_column p {
        letter-spacing: .35px;
        font-size: 14px
    }
    .copy_column {
        padding: 50px;
        padding-right: 22px
    }
    .copy_column p:not(:last-of-type) {
        margin-bottom: 25px
    }
    #storyPage .content-box {
        max-width: 420px
    }
    .cta_tiles {
        padding: 35px
    }
    .tiles_box>div {
        display: inline-block;
        width: calc(33.33331% - 10px)
    }
    .tiles_box>div:not(:last-of-type) {
        margin-right: 15px
    }
    .rollover_sub_title {
        font-size: 12px;
        letter-spacing: .9px
    }
    #storyPage .top-block .bottom-bg {
        height: 16.2vw;
        width: 36.5vw
    }
    #storyPage .top-block .content-box:before {
        height: 14.2vw;
        width: 34.9vw
    }
    #whybozzutoPage .tile-content {
        width: 50%
    }
    #whybozzutoPage .amenities-block.features-mid-section .tile-item {
        flex-direction: row-reverse
    }
    .tile-content h4 {
        font-size: 13px;
        letter-spacing: .97px
    }
    .tile-content p.italic {
        font-size: 14px;
        letter-spacing: .35px;
        line-height: 24px
    }
    #whybozzutoPage .amenities-block .tile-img {
        min-height: 36vw
    }
    #whybozzutoPage .top-block .bottom-bg {
        width: 36.6vw;
        height: 15vw
    }
    #whybozzutoPage .top-block .content-box:before {
        width: 35vw;
        height: 15vw
    }
    .arrw_visible.page_heading {
        padding-top: 50px
    }
    .page_heading p {
        max-width: 490px
    }
    .loc-button {
        margin-top: 45px
    }
    .map_sect {
        display: block;
        padding: 0
    }
    .map_cnt {
        padding: 42px 30px 30px
    }
    #access_sect p {
        margin-bottom: 20px;
        max-width: 475px
    }
    #access_sect_mobile p {
        margin-bottom: 20px;
        max-width: 475px
    }
    .p2 {
        font-size: 13px;
        letter-spacing: .97px
    }
    .offwht_btn {
        font-size: 17px;
        letter-spacing: .85px;
        width: 112px;
        padding: 8px 10px 4px;
        display: inline-block;
        margin-top: 10px;
        margin-right: 7px
    }
    .interactive_map {
        width: 100%
    }
    .slide_captn {
        padding: 20px 50px;
        width: 75%
    }
    .caption_txt {
        font-size: 14px;
        letter-spacing: 1.05px;
        margin-bottom: 10px
    }
    .slide_captn p {
        font-size: 14px;
        letter-spacing: .7px
    }
    .tablet_map_title {
        display: block
    }
    #location_map_cnt ul {
        column-count: 3;
        width: 80%;
        display: inline-block;
        margin: 0 auto;
        min-width: 625px
    }
    #location_map_cnt li a {
        font-size: 11px;
        letter-spacing: .82px
    }
    #location_glry .slides li {
        height: 69.6vw
    }
    .offwht_btn:last-child {
        margin-right: 0
    }
    #map {
        height: 690px
    }
    #location_page .title_right_img {
        width: 35.3vw
    }
    #location_page .title_left_img {
        width: 33.5vw;
        height: 22.3vw
    }
    #location_page .page_heading p {
        max-width: 460px
    }
    #floorplans_landing {
        min-height: 0
    }
    .flp_sidebar,
    .fp_results {
        width: 100%
    }
    #floorplans_landing .flp_sidebar {
        width: 50%;
        padding: 90px 5.5vw 45px
    }
    .flp_banner {
        order: 2
    }
    .quick_search {
        order: 3;
        width: 100%;
        flex-direction: row;
        padding: 6px 2px
    }
    .qs_optn {
        height: 27vw;
        width: calc(33.33% - 6px)
    }
    .flp_sidebar p {
        max-width: 100%;
        margin-bottom: 30px
    }
    .customSelect .selectedValue {
        font-size: 13px;
        letter-spacing: .97px
    }
    .qs_optn .srch_btn,
    .fp_detail h3 {
        font-size: 13px;
        letter-spacing: .97px;
        margin-bottom: 8px
    }
    .qs_optn h3 {
        font-size: 34px
    }
    .flp_sidebar .cnt_inner {
        padding-top: 0
    }
    #floorplans_listing .content-box figure {
        display: none
    }
    #floorplans_listing .fp_select,
    #floorplans_listing .fp_select.full_width {
        width: calc(20% - 8px);
        margin-right: 10px;
        margin-bottom: 0
    }
    #floorplans_listing .fp_select:last-child {
        margin-right: 0
    }
    .fp_box:after {
        height: 3.3vw
    }
    .fp_box {
        padding-bottom: calc(3.3vw + 20px)
    }
    .fp_img {
        height: 25vw
    }
    #floorplans_listing .flp_sidebar {
        padding: 30px 30px 45px
    }
    .flp_sidebar button.btn_small {
        margin-bottom: 0
    }
    .fp_detail .fp_title {
        font-size: 34px;
        margin-bottom: 20px
    }
    .fp_detail p {
        margin-bottom: 30px
    }
    #floorplans_detail figure {
        display: none
    }
    .fp_detail:before {
        width: 33vw;
        height: 10vw
    }
    .blog_cnt {
        padding: 35px
    }
    .blog_post,
    .blog_sidebar {
        width: 50%
    }
    .blog .page_heading {
        padding: 50px 0
    }
    .blog .title_right_img {
        width: 26vw
    }
    .blog_left,
    .blog_right {
        width: 100%;
        padding: 0;
        margin-bottom: 35px
    }
    .blog_left {
        margin-bottom: 35px
    }
    .post_detail {
        padding: 40px 20px
    }
    .post_detail h3 {
        font-size: 21px
    }
    .share_link {
        font-size: 13px
    }
    .post_detail p {
        font-size: 14px;
        letter-spacing: .35px;
        line-height: 24px
    }
    #blog_detail #sidebar {
        display: flex;
        align-items: flex-start
    }
    #blog_detail #sidebar>div {
        width: 50%;
        padding: 0 20px
    }
    #blog_detail #sidebar_mobile {
        display: flex;
        align-items: flex-start
    }
    #blog_detail #sidebar_mobile>div {
        width: 50%;
        padding: 0 20px
    }
    h2.sidebartitle {
        font-size: 17px
    }
    #blog_detail #widget_tag_cloud h2.sidebartitle {
        margin-top: 0
    }
    .post_info {
        width: 90%
    }
    .popup_wrap {
        max-width: 428px;
        padding: 40px;
        z-index: 99999999999999999999;
    }
    .popup_content h2,
    .spcl-tag {
        font-size: 35px;
        font-style: italic;
        margin-bottom: 20px
    }
    .popup_content h2.specials-text {
        font-size: 13px;
        letter-spacing: .97px;
        margin-bottom: 15px
    }
    .popup_content p {
        font-size: 13px;
        line-height: 22px
    }
    .popup_content p>a {
        font-size: 17px
    }
    .popup_close {
        right: 15px;
        top: 14px
    }
    .two-column-banner.desk {
        display: none
    }
    .two-column-banner.mobile {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }
}

@media screen and (max-width:960px) {
    .into_pattern_1 {
        width: 140vw
    }
}

@media screen and (max-width:860px) {
    .fp_box {
        width: calc(50% - 15px);
        margin: 0 30px 30px 0
    }
    .fp_img {
        height: 30vw
    }
    .fp_img img {
        width: auto;
        height: auto
    }
    .fp_results div:nth-of-type(3n) {
        margin-right: 30px
    }
    .fp_results div:nth-of-type(2n) {
        margin-right: 0
    }
    .fp_box:after {
        height: 4.7vw
    }
    .fp_box {
        padding-bottom: calc(4.7vw + 20px)
    }
    #featuresPage .tile-content {
        padding: 35px 3vw
    }
    .into_img_3 {
        height: 60vh
    }
    .rollover_content>div {
        height: 12vw
    }
    .blog .title_right_img {
        width: 26.4vw
    }
    .blog .title_left_img {
        height: 16.3vw;
        width: 33.5vw
    }
}

@media screen and (max-width:768px) {
    #header a.h_icn_direction {
        display: inline-block;
        margin-right: 29px
    }
    .into_img_2 {
        height: 52vh
    }
    #scroll_indication {
        margin: 2vh auto 0
    }
    #scroll_indication:not(.hide) * {
        pointer-events: all;
        cursor: pointer
    }
}

@media screen and (max-width:767px) {
    .hide_mob {
        display: none
    }
    .mob {
        display: block
    }
    .p2 {
        font-size: 12px;
        letter-spacing: .9px
    }
    #header {
        padding-right: 39px
    }
    #header a[class^='h_icn'] {
        display: inline-block;
        margin-right: 20px
    }
    #expanded_menu {
        background: #dfdad3;
        left: 0;
        padding-left: 30px;
        padding-bottom: 50px;
        padding-right: 12px
    }
    .footer_main {
        flex-wrap: wrap;
        padding: 25px 20px
    }
    .f_logo {
        order: 1;
        width: 100%;
        text-align: center;
        margin-bottom: 35px
    }
    .f_logo a {
        width: 130px
    }
    .f_address {
        order: 2
    }
    .sub_footer {
        flex-direction: column;
        padding: 15px 20px
    }
    .privacy {
        padding-bottom: 10px
    }
    .f_address,
    .f_icons {
        width: auto
    }
    .float_in_banner {
        position: absolute
    }
    .red_top_bubble {
        top: 0;
        left: 0;
        width: 42vw
    }
    .into_img_1 {
        height: 50vw
    }
    .blue_bottom_bubble {
        bottom: 0;
        right: 0;
        width: 40vw
    }
    .into_img_2 {
        height: 58vw
    }
    .into_img_3 {
        height: 50vh
    }
    .triangle_pattern {
        bottom: 0;
        right: 0;
        width: 82%
    }
    .into_pattern_1 {
        width: 125vw
    }
    .offwhite_triangle {
        height: 72vw
    }
    .home-page .main_wrapper {
        padding-top: 0
    }
    #mob_home_banner {
        position: relative
    }
    #omnia_logo img {
        width: 140px
    }
    #omnia_logo_mob {
        position: absolute;
        width: 140px;
        top: 44%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .home-page footer {
        position: relative
    }
    #home_mob_logo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    #omnia_logo_mob_content {
        width: 140px;
        display: inline-block;
        position: static
    }
    .home_hero_content .h1 {
        font-size: 34px;
        line-height: 36px;
        color: #464646;
        font-family: "Kazimir";
        font-weight: 400;
        font-style: italic;
        margin: 20px auto
    }
    .home_hero_content .h1>br {
        display: none
    }
    .home_hero_content h2 {
        font-size: 13px;
        line-height: 22px;
        letter-spacing: .97px
    }
    .home_hero_content h2>br {
        display: none
    }
    .home_hero_content {
        justify-content: flex-start;
        padding: 0 20px;
        max-width: 300px;
        margin: 0 auto
    }
    .home_hero_content a {
        margin-bottom: 20px
    }
    #omnia_logo_mob_content {
        margin-top: 110px;
        margin-bottom: 20px
    }
    .home-page #slide3 .two-column-banner .content-box {
        padding-bottom: 13vw
    }
    #slide3 .content-box .bottom-bg,
    #slide4 .content-box .bottom-bg {
        bottom: 0
    }
    #slide2 .content-box .bottom-bg {
        height: 34vw
    }
    #slide3 .content-box .bottom-bg {
        width: 27vw;
        height: 20vw
    }
    #slide4 .content-box .bottom-bg {
        width: 40vw;
        height: 24vw
    }
    #slide3 .two-column-banner .image-box {
        width: calc(100% - 40px);
        margin-top: 20px
    }
    #slide3 .two-column-banner:after {
        width: 39vw;
        height: 20vw
    }
    #scrolltobottom>.home_next_arrw img {
        width: 14px;
        height: 30px
    }
    #slide1 .two-column-banner .image-box {
        background-position: 25% 18%!important;
        background-size: 135%!important
    }
    .home-page .content-box p {
        font-size: 12px;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: .9px
    }
    .home-page .link {
        font-size: 17px;
        font-weight: 300
    }
    #scroll_indication {
        margin: 7vh auto 0
    }
    #scroll_indication h2.scroll-text {
        font-size: 16px
    }
    #scroll_indication>img {
        height: 22px
    }
    .service_list {
        padding: 0
    }
    .service_content h5 {
        font-size: 16px
    }
    .next_page_pointer {
        padding-bottom: 20px
    }
    .service_content {
        margin: 0 5.5vw
    }
    #slide2.service_blk .content-box {
        padding-bottom: 19vw
    }
    .service_list {
        max-width: 100%
    }
    #retailPage .content-box {
        padding-top: 40px
    }
    #retailPage .content-box .page_sub_header {
        font-size: 30px;
        line-height: 34px
    }
    #retailPage .content-box button {
        margin-top: 30px
    }
    .rollover_content>div {
        height: 100px
    }
    .categ_list li {
        width: calc(50% - 10px);
        height: 32.7vw
    }
    .categ_head.dining .categ_title:before {
        left: -2vw;
        transform: rotate(5deg);
        top: -3px;
        height: 103%;
        width: 13vw
    }
    .categ_head.retail .categ_title:before,
    .categ_head.conveniences .categ_title:before {
        right: -2vw;
        transform: rotate(-5deg);
        width: 13vw;
        height: 103%
    }
    .categ_head .categ_title {
        padding: 18px;
        width: 85%
    }
    #retail_list {
        padding: 15px
    }
    .dir-right-top .rollover_content>div>div,
    .dir-left-top .rollover_content>div>div,
    .dir-left-bottom .rollover_content>div>div {
        left: 10px
    }
    .dir-right-bottom .rollover_content>div>div,
    .dir-right-top .rollover_content>div>div {
        right: 10px
    }
    #retailPage .content-box p {
        max-width: 295px
    }
    .dir-left-bottom .rollover_content>div>div {
        bottom: 18px
    }
    .dir-right-bottom .rollover_content>div>div {
        bottom: 18px
    }
    .dir-left-top .rollover_content>div>div {
        top: 18px
    }
    .dir-right-top .rollover_content>div>div {
        top: 18px
    }
    .categ_head h2 {
        margin-bottom: 7px
    }
    .dir-left-bottom .rollover_title,
    .dir-right-bottom .rollover_title {
        margin-bottom: 2px
    }
    .dir-left-top .rollover_title,
    .dir-right-top .rollover_title {
        margin-top: 3px
    }
    .tiles_box>div {
        display: inline-block;
        width: 100%;
        height: 55vw
    }
    .tiles_box>div:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 20px
    }
    #storyPage .rollover_content>div {
        height: 238px
    }
    #storyPage .rollover_content>div .rollover_bg {
        background: url(../images/story/goldtexture_4_lt_big_mob.png) no-repeat center/cover;
        background-position-y: 35px
    }
    #storyPage .rollover_title {
        font-size: 16px
    }
    .copy_column p .cap_case {
        font-size: 12px;
        letter-spacing: .9px
    }
    .copy_column {
        padding: 20px
    }
    .top_two_column {
        padding: 20px
    }
    #storyPage .content-box {
        max-width: 325px;
        padding: 30px 10px 40px
    }
    .cta_tiles {
        padding: 20px
    }
    #storyPage .dir-left-top .rollover_sub_title,
    #storyPage .dir-right-top .rollover_sub_title {
        margin-top: 10px
    }
    #storyPage .dir-right-bottom .rollover_title {
        margin-bottom: 10px
    }
    #storyPage .top_two_column .image_column {
        background-size: 146%!important;
        background-position: 54% 38%!important
    }
    #storyPage .tiles_box>div {
        height: 68vw
    }
    #whybozzutoPage .tile-content {
        width: 100%
    }
    #whybozzutoPage .amenities-block.features-mid-section .tile-item:not(:nth-child(2)) {
        flex-direction: column-reverse
    }
    #whybozzutoPage .amenities-block .tile-img {
        min-height: 68vw
    }
    .tile-content,
    #featuresPage .tile-content {
        padding: 30px 10%
    }
    .tile-content h4 {
        font-size: 12px;
        margin-bottom: 8px;
        line-height: 18px
    }
    .tile-item {
        flex-wrap: wrap
    }
    .features-items .tile-item .tile-img,
    .features-items .tile-item .tile-content,
    .tile-img,
    .tile-content,
    .amenities-block.features-mid-section .tile-item .tile-img {
        width: 100%
    }
    .features-mid-section {
        padding: 20px
    }
    .tile-img {
        height: 53vw
    }
    .features-items .tile-item:nth-child(2) .tile-content {
        order: 2
    }
    .two-column-banner .slides,
    .two-column-banner .slides li {
        height: 67vw!important
    }
    .page-header,
    .content-box p {
        font-size: 12px;
        letter-spacing: .9px
    }
    .amenities-list li,
    .amenities-list li button {
        font-size: 13px
    }
    .content-box .page_sub_header {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 12px
    }
    .content-box figure {
        margin: 20px 0
    }
    .amenities-block.features-mid-section .tile-item:nth-child(2) .tile-content {
        order: 2
    }
    .tile-item:not(:last-child) {
        margin-bottom: 20px
    }
    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
        top: 54%
    }
    .content-box {
        padding: 10px 20px 55px
    }
    .content-box p {
        width: auto;
        max-width: 290px
    }
    .img-caption {
        width: 100%;
        position: relative
    }
    .light-gallery a:first-child {
        margin-right: 0
    }
    .light-gallery {
        padding: 0;
        flex-wrap: wrap
    }
    .light-gallery a {
        width: 100%;
        cursor: default
    }
    .light-gallery a:hover span {
        display: none
    }
    .light-gallery .img-caption {
        display: block
    }
    .img-caption {
        width: 73%;
        margin: 0 auto 20px;
        line-height: 18px;
        padding-top: 6px
    }
    .system .light-gallery a:before {
        display: none
    }
    .galley-categories button {
        font-size: 12px
    }
    .thumb-img,
    .top-img-block .main-img {
        height: 350px
    }
    #galleryPage .content-box {
        padding: 25px 20px 45px
    }
    .device .flex-direction-nav .flex-prev {
        left: 20px
    }
    .device .flex-direction-nav .flex-next {
        right: 20px
    }
    .image-section .top-img-block:last-child {
        margin-bottom: 35px
    }
    #contact_page .page_heading {
        padding: 50px 20px 33px
    }
    .title_right_img {
        width: 47vw
    }
    #contact_page .title_right_img {
        width: 33vw
    }
    .contact_wrapper {
        padding: 0
    }
    #contact_hyly,
    #thanks_msg {
        padding: 20px;
        margin-bottom: 40px
    }
    #contact_hyly .hywrap {
        padding: 20px
    }
    #contact_hyly .hywrap button[type="submit"] {
        margin-top: 0
    }
    #more-info {
        display: none
    }
    #address_wrap {
        margin-bottom: 30px;
        display: block
    }
    #address_wrap div:first-child {
        margin-bottom: 40px
    }
    .page_name {
        font-size: 12px;
        letter-spacing: .9px
    }
    .page_title {
        font-size: 30px;
        line-height: 34px
    }
    #contact_hyly .hywrap .top_align .control-label,
    #contact_hyly .hywrap input,
    #contact_hyly .hywrap input[type="text"],
    #contact_hyly .hywrap select,
    #contact_hyly .hywrap textarea,
    #contact_hyly .select_txt {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .9px
    }
    #contact_hyly .hywrap .radio {
        font-size: 12px!important
    }
    #contact_hyly .hywrap button[type="submit"] {
        width: 60px
    }
    #contact_hyly .hywrap button[type="submit"]:after,
    #contact_hyly .hywrap button[type="submit"]:before {
        font-size: 16px
    }
    #address_wrap h3 {
        font-size: 16px;
        line-height: 20px
    }
    #contact_address p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: .9px
    }
    #thanks_msg>div {
        text-align: center;
        padding: 55px 20px;
        text-align: center;
        padding: 55px 20px
    }
    .p1 {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: .9px
    }
    .section_title {
        font-size: 16px;
        margin-bottom: 0
    }
    .banner_left {
        height: 91vw
    }
    .left_pattern {
        width: 125%;
        top: -26vw;
        height: 30vw
    }
    .error_cnt {
        padding: 0 30px 70px
    }
    .btn_med,
    .btn_small {
        font-size: 16px
    }
    .right_pattern {
        width: 49vw;
        height: 23vw
    }
    .arrw_visible.page_heading {
        padding-bottom: 30px
    }
    .title_btm {
        margin-bottom: 25px
    }
    .loc-button {
        margin-top: 30px
    }
    #access_sect p {
        margin-bottom: 15px
    }
    #access_sect_mobile p {
        margin-bottom: 15px
    }
    .offwht_btn {
        font-size: 16px;
        letter-spacing: .8px;
        width: 90px;
        margin-top: 10px
    }
    .map_cnt {
        padding: 40px 20px
    }
    .slide_captn {
        padding: 20px;
        width: 100%;
        position: static
    }
    .caption_txt {
        font-size: 13px;
        letter-spacing: .97px;
        margin-bottom: 7px
    }
    .slide_captn p {
        font-size: 12px;
        letter-spacing: .36px
    }
    .customSelect .selectedValue {
        font-size: 12px;
        letter-spacing: .9px
    }
    .flp_sidebar {
        width: 100%!important;
        padding-bottom: 30px!important
    }
    .flp_banner {
        display: none
    }
    .flp_sidebar a.btn_small {
        margin-top: 20px
    }
    .quick_search {
        flex-direction: column;
        padding: 0
    }
    .qs_optn {
        width: 100%;
        border-width: 0 6px 6px;
        border-style: solid;
        border-color: #f0edea;
        height: auto;
        display: block;
        text-align: center;
        padding: 7vw 0;
        transition: none
    }
    .qs_optn .srch_btn,
    .fp_detail h3 {
        font-size: 12px;
        letter-spacing: .9px;
        margin-bottom: 5px
    }
    .qs_optn h3 {
        font-size: 30px
    }
    .flp_sidebar.content-box:before {
        width: 38vw;
        height: 16.5vw
    }
    .qs_optn:before {
        opacity: .4
    }
    .system .qs_optn:hover:before {
        opacity: .6
    }
    .studio:before {
        background: url(../images/goldtexture_3.jpg) center / cover no-repeat
    }
    .one_bed:before {
        background: url(../images/goldtexture_1.jpg) center / cover no-repeat
    }
    .two_bed:before {
        background: url(../images/goldtexture_2.jpg) center / cover no-repeat
    }
    #floorplans_landing .flp_sidebar {
        padding: 30px
    }
    .flp_sidebar p {
        margin-bottom: 20px
    }
    #floorplans_listing .fp_select {
        width: calc(50% - 5px);
        margin-bottom: 10px
    }
    #floorplans_listing .fp_select:nth-child(2n) {
        margin-right: 0
    }
    #floorplans_listing .fp_select.full_width {
        width: 100%
    }
    #apartment_form {
        max-width: 315px;
        margin: 0 auto
    }
    .fp_detail {
        padding: 40px 20px
    }
    .fp_detail:before {
        width: 52vw;
        height: 15vw
    }
    .fp_detail .fp_title {
        font-size: 30px;
        margin-bottom: 10px
    }
    .fp_detail p {
        margin-bottom: 15px;
        font-size: 14px;
    }
    .detail_btns {
        margin-bottom: 20px
    }
    .keyplan_img {
        width: 50%
    }
    .fp_detail p span {
        font-size: 0;
        display: block
    }
    .blog_grid {
        height: auto!important
    }
    .blog_cnt {
        padding: 20px
    }
    .blog_post,
    .blog_sidebar {
        width: 100%;
        float: none;
        padding: 0 0 30px;
        position: static!important;
        top: auto!important;
        transition: none!important;
        transform: none!important
    }
    .blog_sidebar {
        position: static;
        padding: 0 0 20px
    }
    .post_info {
        padding: 10px;
        width: 100%
    }
    .post_date,
    .blog_post p {
        font-size: 12px;
        letter-spacing: .9px;
        line-height: 22px
    }
    .post_date {
        margin-bottom: 7px
    }
    .blog_post h3 {
        font-size: 16px
    }
    #sidebar {
        padding: 30px 20px
    }
    #sidebar_mobile {
        padding: 30px 20px
    }
    h2.sidebartitle {
        font-size: 17px;
        margin-top: 0;
        cursor: pointer
    }
    #sidebar ul,
    #sidebar .tagcloud {
        margin-bottom: 30px
    }
    #sidebar_mobile ul,
    #sidebar_mobile .tagcloud {
        margin-bottom: 30px
    }
    #widget_archive ul {
        margin-bottom: 0!important
    }
    .blog .page_heading {
        padding: 50px 0
    }
    #sidebar .title_wrap+ul,
    #sidebar .title_wrap+.tagcloud {
        display: none
    }
    #sidebar_mobile .title_wrap+ul,
    #sidebar_mobile .title_wrap+.tagcloud {
        display: none
    }
    .post_detail {
        padding: 20px
    }
    .bpost_date {
        font-size: 12px;
        letter-spacing: .9px
    }
    .post_detail h3 {
        font-size: 16px
    }
    .share_link {
        font-size: 12px;
        letter-spacing: .9px
    }
    #blog_detail #sidebar {
        display: block
    }
    #blog_detail #sidebar>div {
        padding: 0;
        width: 100%
    }
    #blog_detail #sidebar_mobile {
        display: block
    }
    #blog_detail #sidebar_mobile>div {
        padding: 0;
        width: 100%
    }
    h2.sidebartitle:after {
        content: ">";
        display: inline-block;
        margin-left: 5px
    }
    #widget_archive h2.sidebartitle {
        margin-bottom: 0
    }
    #widget_archive ul li:first-child {
        margin-top: 12px
    }
    .popup_wrap {
        max-width: 320px;
        width: calc(100% - 60px);
        padding: 30px
    }
    .popup_content {
        padding: 25px
    }
    .popup_content h2,
    .spcl-tag {
        line-height: 34px
    }
    .popup_close {
        right: 9px;
        top: 6px
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .into_img_2 {
        height: 52vh
    }
    .into_img_1 {
        height: 42vh
    }
    .into_img_3 {
        height: 80vh
    }
    .into_pattern_1 {
        width: 62vw
    }
    .offwhite_triangle {
        height: 46vw
    }
    #omnia_logo img {
        width: 100px
    }
    .home_hero_content .h1 {
        font-size: 30px
    }
    .home_hero_content h2 {
        font-size: 12px
    }
    .home_hero_content {
        max-width: 350px;
        margin: 0 auto
    }
    #scrolltobottom>.home_next_arrw img {
        width: 10px;
        height: 25px
    }
}

@media screen and (max-width:640px) {
    .fp_box {
        width: 100%;
        margin: 0 0 20px
    }
    .fp_img {
        height: auto
    }
    .fp_box:after {
        height: 10vw
    }
    .fp_box {
        padding-bottom: calc(10vw + 20px)
    }
}

@media screen and (max-height: 567px) and (max-width: 767px) {
    #mob_home_banner,
    #home_mob_logo {
        min-height: 567px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (max-height: 815px) {
    .home-page .page-header {
        margin-top: 20px;
        font-size: 12px
    }
    .home-page .content-box .page_sub_header {
        font-size: 30px;
        margin-bottom: 12px
    }
    .home-page .content-box p {
        font-size: 12px;
        line-height: 20px
    }
    .home-page .link {
        font-size: 18px
    }
    .home-page .content-box figure {
        margin: 12px 0
    }
    .home-page .content-box figure img {
        width: 35px
    }
    .home-page .two-column-banner .content-box>div:not(.bottom-bg) {
        margin-top: -50px
    }
    #slide2 .content-box .bottom-bg {
        height: 130px;
        width: 184px
    }
    #slide4 .content-box .bottom-bg {
        bottom: 0
    }
    .into_pattern_1 {
        width: 72vw
    }
}

@media screen and (max-width:560px) {
    .amenities-block .content-box:before {
        width: 166px;
        height: 83px
    }
    .amenities-block .content-box .bottom-bg {
        width: 134px;
        height: 64px
    }
    .thumb-img {
        height: 285px
    }
    .page_heading p {
        max-width: 88%
    }
    #location_page .page_heading p {
        max-width: 380px
    }
    #contact_page .title_right_img {
        width: 39vw
    }
    .categ_head p {
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .75px
    }
    .categ_head p br {
        display: none
    }
    .dir-right-top .rollover_content>div>div,
    .dir-left-top .rollover_content>div>div,
    .dir-left-bottom .rollover_content>div>div {
        left: 6px
    }
    .dir-right-bottom .rollover_content>div>div,
    .dir-right-top .rollover_content>div>div {
        right: 6px
    }
    .content-box {
        padding-top: 20px
    }
    #galleryPage .content-box:before {
        width: 41vw
    }
    #galleryPage .bottom-bg {
        width: 34vw
    }
    .amenities-block .content-box:before {
        width: 46vw;
        height: 20.7vw
    }
    #featuresPage .amenities-block .content-box .bottom-bg {
        width: 36.5vw;
        height: 18vw
    }
    .features-block .content-box:before {
        width: 44.5vw;
        height: 21.5vw
    }
    .features-block .content-box .bottom-bg {
        height: 17.5vw;
        width: 39vw
    }
    #retailPage .top-block .content-box:before {
        height: 21.6vw;
        width: 42.5vw
    }
    #retailPage .top-block .bottom-bg {
        height: 22.2vw;
        width: 31.9vw
    }
    #location_page .title_right_img {
        width: 43vw
    }
    #location_page .title_left_img {
        width: 33.2vw;
        height: 22.2vw
    }
    #storyPage .top-block .bottom-bg {
        height: 19vw;
        width: 42.5vw
    }
    #storyPage .top-block .content-box:before {
        height: 17vw;
        width: 41.6vw
    }
    .blog .title_right_img {
        width: 37.5vw
    }
    .blog .title_left_img {
        height: 19.8vw;
        width: 39vw
    }
    #whybozzutoPage .top-block .content-box:before {
        width: 41.6vw;
        height: 17vw
    }
    #whybozzutoPage .top-block .bottom-bg {
        width: 42.5vw;
        height: 17vw
    }
    #slide2.service_blk .content-box {
        padding-bottom: 22vw
    }
    #slide2.service_blk .content-box .bottom-bg {
        height: 24vw;
        width: 50.1vw
    }
}

@media (min-width: 480px) {
    .home-page .content-box p>br {
        display: none
    }
}

@media screen and (max-width:400px) {
    #location_page .page_heading p {
        max-width: 88%
    }
}

@media screen and (max-width:480px) {
    .amenities-list li,
    .amenities-list li button {
        margin-bottom: 0
    }
    .thumb-img,
    .top-img-block .main-img {
        height: 250px
    }
    #omnia_logo img {
        width: 115px
    }
    .red_top_bubble {
        top: 0;
        left: 0;
        width: 278px
    }
    .blue_bottom_bubble {
        bottom: -45px;
        right: 0;
        width: 260px
    }
    .triangle_pattern {
        bottom: 0;
        right: 0;
        width: 110%
    }
    .home_hero_content .h1 {
        font-size: 30px;
        line-height: 32px
    }
    .home-page .content-box .page_sub_header {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 5px
    }
    .home-page .content-box p {
        line-height: 20px
    }
    .content-box figure img {
        width: 35px
    }
    .home-page .link {
        font-size: 15px
    }
    .home-page .page-header {
        margin-top: 10px
    }
    .home-page .content-box figure {
        margin: 12px 0
    }
    .home-page .two-column-banner .content-box,
    .home-page #slide3 .two-column-banner .content-box {
        padding-bottom: 20px;
        padding-top: 0
    }
    #slide2 .content-box .bottom-bg {
        width: 36vw;
        height: 28vw
    }
    .home-page .vert-section .content-box>div:not(.bottom-bg) {
        max-width: 320px
    }
    .home_hero_content {
        max-width: 268px;
        margin: 0 auto
    }
    #slide1 .two-column-banner .image-box {
        background-size: 75vh!important
    }
    #slide2 .two-column-banner .image-box {
        background-size: 70vh!important
    }
    .rollover_content>div {
        height: 90px
    }
    .categ_head.dining .categ_title:before,
    .categ_head.retail .categ_title:before,
    .categ_head.conveniences .categ_title:before {
        height: 120%
    }
    #storyPage .rollover_content>div .rollover_bg {
        background-position-y: 60px
    }
    .fp_results {
        padding: 20px
    }
    .fp_imglg {
        max-width: 100%
    }
}

@media screen and (max-width:380px) {
    #toggle_menu {
        right: 0
    }
    #header {
        padding: 15px 34px 15px 15px
    }
    #header a[class^='h_icn'] {
        margin-right: 18px
    }
    #h_logo {
        width: 140px
    }
    .footer_main {
        padding: 25px 12px
    }
    .f_social a {
        margin-left: 3px
    }
    .thumb-img,
    .top-img-block .main-img {
        height: 200px
    }
    .offwht_btn {
        width: 83px
    }
    #storyPage .rollover_content>div {
        height: 217px
    }
    #storyPage .dir-left-top .rollover_sub_title,
    #storyPage .dir-right-top .rollover_sub_title {
        margin-top: 5px
    }
    #storyPage .dir-right-bottom .rollover_title {
        margin-bottom: 5px
    }
    #slide3 .content-box .bottom-bg {
        width: 115px;
        height: 86px
    }
    .detail_btns a {
        margin-right: 13px
    }
    .service_content {
        margin: 0 0 4vw
    }
    .into_img_3 {
        height: 49vh
    }
    .offwhite_triangle {
        height: 82vw
    }
}

@media screen and (max-width: 360px) {
    #storyPage .content-box {
        max-width: 235px
    }
}

@media screen and (max-width:320px) {
    #whybozzutoPage .tile-content {
        min-height: 278px
    }
}

@media(max-width: 767px) {
    .slider-count {
        display: block
    }
    .flex-control-nav {
        display: none!important
    }
    .slider-count {
        position: absolute;
        bottom: 0
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    #map_zoom_btn .zoom {
        padding: 5px 0
    }
    .offwht_btn {
        padding: 18px 17px 6px
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .two-column-banner .image-box {
        height: 763px!important;
        width: 100%;
        position: relative
    }
    .home-page .two-column-banner .content-box {
        height: auto!important;
        width: 100%;
        z-index: 1;
        background-color: transparent
    }
    .home-page .two-column-banner .content-box>div:not(.bottom-bg) {
        width: 100%
    }
    .into_img_2 {
        height: 52vh
    }
    .into_img_1 {
        height: 42vh
    }
    .into_img_3 {
        height: 60vh
    }
    .into_pattern_1 {
        width: 140vw
    }
    .offwhite_triangle {
        height: 46vw
    }
    .home_hero_content .h1 {
        font-size: 60px;
        line-height: 63px
    }
    .home_hero_content h2 {
        font-size: 17px;
        letter-spacing: 1.27px
    }
    .home_hero_content {
        background: transparent;
        height: 66vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start
    }
    #omnia_logo img {
        width: 185px
    }
    .home-page .two-column-banner .content-box:before {
        z-index: 1
    }
    .home-page .content-box p {
        max-width: 100%;
        width: 100%
    }
    .home-page .two-column-banner .content-box:before {
        display: none
    }
    .two-column-banner .image-box:after {
        content: "";
        width: 100%;
        height: 27vw;
        z-index: 1;
        position: absolute;
        bottom: -9vw;
        left: 0
    }
    #slide1 .two-column-banner .image-box:after {
        background: url(../images/home/livable_pattern.png) no-repeat center/cover
    }
    #slide2 .two-column-banner .image-box:after {
        background: url(../images/home/service_pattern.png) no-repeat center/cover
    }
    #slide3 .two-column-banner .image-box:after {
        display: none
    }
    #slide4 .two-column-banner .image-box:after {
        background: url(../images/home/everything_pattern.png) no-repeat center/cover
    }
    #slide3 .two-column-banner .image-box {
        width: 100%;
        background-size: contain!important;
        margin-top: 50px;
        position: relative;
        z-index: 1;
        background-color: transparent!important;
        height: 633px!important
    }
    #slide3 .two-column-banner {
        position: relative;
        justify-content: center
    }
    #slide3 .two-column-banner:after {
        content: "";
        background: url(../images/home/connected_pattern.png) no-repeat center/contain;
        position: absolute;
        right: 0;
        left: auto;
        bottom: auto;
        top: 0;
        width: 30vw;
        height: 15vw;
        z-index: 0
    }
    #slide1 .content-box .bottom-bg {
        transform: scale(-1, 1);
        top: auto;
        bottom: 0
    }
    #slide2 .content-box .bottom-bg {
        height: 24vw;
        right: auto;
        transform: none;
        left: 0
    }
    #slide3 .content-box .bottom-bg {
        transform: scale(1, -1);
        top: auto;
        left: 0;
        bottom: 0
    }
    #slide4 .content-box .bottom-bg {
        transform: scale(-1, -1);
        top: auto;
        bottom: 0
    }
    #scroll_indication {
        margin-top: 4vh
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .home-page #header {
        transition: none
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .home-page .content-box:before,
    .home-page .content-box .bottom-bg {
        transform: scale(-1, 1)
    }
}

@media (min-width:768px) and (max-height:670px) {
    #secondary_menu .welcome_home_menu {
        max-width: 190px
    }
    #secondary_menu .welcome_home_menu a {
        line-height: 1.5;
        padding: 10px 0;
        display: block;
    }
}