/* CSS Document */ @media screen and (max-width:1360px){ .amenities-section-one-photos img, .things_slider img{ max-width:100%; } .video-overlay-text .title{ font-size: 200px; } #neighborhood-hero-section{ background-size: auto auto; } #neighborhood-hero-section .neighborhood-hero-inner{ padding-top: 350px; } #hero-features-amenities{ min-height:650px; } #amenities_banner_section{ min-height:650px; background-position: center center; } #hero-features-amenities{ background-size: auto auto; } } @media screen and (max-width:1200px){ .video-overlay-text .title{ font-size: 180px; margin-bottom: 15px; } .hamburger_left{ background-size: auto 100%; background-position: top right; } #neighborhood-hero-section .content{ height: 280px; } #amenities_services_section .content-inner .content_services li{margin-left: 30px; width: calc(50% - 30px);} } @media screen and (max-width:1100px){ h1 { font-size: 65px; } .video-overlay-text .title{ font-size: 160px; margin-bottom: 15px; } } @media screen and (max-width:1024px){ .hamburger_wrap{ justify-content: end; } .hamburger_left { background-size: cover; background-position: top center; position: absolute; width: 100%; z-index: 11; } .hamburger_right { float: right; z-index: 90; background: #002531; height: 100%; } .sidemenu_inner ul { margin: 0 40px 0 0; } .video-overlay-text .title{ font-size: 150px; margin-bottom: 15px; } #neighborhood_section_three .content .column-right .column-content, #neighborhood_section_three .content .column-left .column-content{ max-width:350px; } .gallery-section-one-video .video-play-button-overlay span { background-size: 100px auto; width: 100px; margin-left: -50px; height: 66px; border-radius: 10px; margin-top: -33px; } #amenities_services_section .content-inner .content_services{ padding-left: 50px; overflow: hidden;} } @media screen and (min-width: 991px){ .tab-views{ display: none !important } } @media screen and (max-width: 990px){ .scroll-deader .main-nav-left, .scroll-deader .main-nav-right, .sub-header .main-nav-left, .sub-header .main-nav-right{ width:50%; } .main-header-container{ background-color:#FFF; } .video-overlay-text .title{ font-size: 120px; margin-bottom: 15px; } #neighborhood_section_three .content .column-right .column-content, #neighborhood_section_three .content .column-left .column-content{ max-width:350px; } #amenities_services_section .content-button-group .bottom_links_wrap { width: calc(60% - 0px);} #amenities_banner_section, #neighborhood-hero-section, #hero-features-amenities{ background-image: none !important; z-index: 11; } .hero-banner-parallax { height: 650px !important; width: 100%; position: fixed; top: 0; z-index: 1; background-position: top right; background-size: auto 650px; background-attachment: scroll; } .hero-banner-parallax-neighborhood{ height: 650px !important; width: 100%; position: fixed; top: 0; z-index: 1; background-position: top center; background-size: auto 550px; background-attachment: scroll; } #features-amenities-section-one{ z-index: 11; background: #FFF; display: flex; } #hero-features-amenities { min-height: 550px; } #features-amenities-section-three { background-color: #FFF; z-index: 10; display: flex; } #features-amenities-section-two{ z-index: 10; } .amenities-section-three-overlay{ height: 259px; background-repeat: no-repeat;} #amenities_two_section { z-index: 11; background: #FFF; } #amenities_three_section{ z-index: 10; } #amenities_services_section { position: relative; z-index: 11; background-color: #FFF; } #amenities_services_section { position: relative; z-index: 11; background-color: #FFF; overflow: hidden; } .amenities-services-bottom-overlay{ bottom: 56px; } #neighborhood-main-section { position: relative; background-color: #FFF; z-index: 6; display: flex; } #neighborhood-main-section .neighborhood-main{ width: 100%; } #neighborhood_section_three { z-index: 13; background: #FFF; margin-bottom: 0px; padding-bottom: 100px; } } @media screen and (max-width: 840px){ h1{ font-size: 65px; } h2{ font-size:43px; } h3{ font-size:28px; } .scroll-deader .main-nav-left, .scroll-deader .main-nav-right, .sub-header .main-nav-left, .sub-header .main-nav-right{ width:50%; } .main-nav-right ul li{ margin-left:10px; } .main-nav-right ul li:first-child{ margin-left:0px; } .main-nav-left ul li{ margin-right:10px; } .main-nav-left ul li:last-child{ margin-right:0px; } .sidemenu_inner { padding: 0 20px 0 30px; } .sidemenu_inner_bottom { padding-left: 70px; } .video-overlay-text{ margin-top: 90px; margin-bottom: 90px;} .video-overlay-text .title{ font-size: 100px; margin-bottom: 15px; } .video-overlay-text .subtitle{ font-size:24px; } #neighborhood-hero-section .neighborhood-hero-inner{ padding-top:250px; } .sweep-scell > span, .sweep-scell > span > .sweep_triger{ height:100%; } #features-amenities-section-two .amenities-two-con-wrap{ padding-right:0; } #amenities_services_section .content-inner .content_services{ padding-left: 20px; overflow: hidden;} } @media screen and (min-width: 768px){ .mobile-views{ display: none !important } .hero-banner-parallax.mobile-views{ background-image: none !important; } } @media screen and (max-width: 767px){ h1{ font-size:45px; } h2{ font-size:32px; } h3{ font-size:24px; } /* ================================ */ /* ====== SPECIALS BAR STYLE ====== */ /* ================================ */ .container, .container-fluid{ padding: 0 25px; } .tab-views{ display: none !important } /* ====== HEADER STYLE ====== */ #main-header{ min-height:150px; } .home_specials_bar_inner{ padding: 10px 0 10px; } .specials_bar_content p{ font-size: 13px; line-height: 18px; margin: 0;} .main-header-logo img{ max-width:144px; } .main-header-top{ min-height: 48px; } .main-nav-wrap{ -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #logo{ margin: 10px 0 20px; } .main-header-container{ background-color:#FFF; } .main-nav-right { margin-top: 0; } body.home .main-nav-wrap{ min-height:50px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .scroll-deader{ min-height:60px; } .sticky-logo-inner{ min-height:50px; } .sub-header .main-nav-left, .sub-header .main-nav-right, .scroll-deader .main-nav-left, .scroll-deader .main-nav-right{ margin-top: 0; margin-bottom: 0; } .sub-header-menu-item .main-nav-wrap, .sticky-menu-item .main-nav-wrap{ position: relative; min-height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .admin-bar .scroll-deader.active { top: 0; } .sticky-logo-middle { max-width: 138px; position: absolute; left: 50%; margin-left: -69px; } .main-nav-right { margin-top: 0; } body.home .main-nav-wrap{ min-height:50px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} /* ====== HAMBURGER STYLE ====== */ .hamburger_right{ width:100%; } .hamburger_wrap { display: block; padding-top: 50px; padding-bottom: 30px; } .sidemenu_inner { padding: 0 20px 0 20px; } .sidemenu_inner ul li a{ font-size:32px; } .sidemenu_inner_bottom { padding-left: 60px; } .close_menu_side{right: 15px; top: 15px;} .mobile-heder-top-phone a{ display: inline-block; } /* ====== FOOTER STYLE ====== */ .bottom-logo #bottom-logo img{ max-width:191px; } .bottom-sections{ flex-wrap: wrap; justify-content: center; margin-top: 40px; } .bottom-sections .social-icon-box ul{ justify-content: center; } .bottom-links-box{ justify-content: center; flex-wrap: wrap; margin-top: 40px;} .bottom-links-box ul{ flex-wrap: wrap; justify-content: center; } .bottom-links-box ul li { margin-right: 0; width: 100%; text-align: center; } .bottom-links-box ul li:last-child { margin-right: 0; margin-top: 15px; margin-bottom: 40px; } .bottom-right .address { text-align: center; } .phone_number { margin-top: 30px; overflow: hidden; color: #FFF; text-align: center; margin-bottom: 20px; } #copyrights-section{ padding: 15px 0; } .copyrights_links .footer-copyright-left{ margin-top: 30px; width: 100%;} .copyrights_links .footer-copyright-left ul{ display: block} .copyrights_links .footer-copyright-left ul li{ display: inline-block; } .copyrights_links .footer-copyright-left ul li.copyright{ margin-bottom: 15px; } .copyrights_links .footer-copyright-left ul li a{} /* ====== HOME STYLE ====== */ .video-overlay-text{ margin-top: 90px; margin-bottom: 90px;} .video-overlay-text .title{ font-size: 56px; margin-bottom: 15px; } .video-overlay-text .subtitle{ font-size:18px; } .section_one_inner_content h2{ font-size:32px; margin-bottom: 15px; text-align: left !important; } .section_one_inner_content{ margin: 50px auto 70px; } .section_one_inner_content p{ text-align: left !important; } .section-one-video::before{ height: calc(100% + 16px); width: calc(100% - 30px); top: -8px; left: -8px; } #section_two .section_one_inner_content{ padding:0 25px; } .gallery-title-four h2, .gallery-title-three h2, .gallery-title-two h2, .section_four_inner_content .bottom-gallery-content h2, .section_three_inner_content .bottom-gallery-content h2{ font-size:32px; margin-bottom: 10px; } .section-one-overlay { width: 350px; height: 180px; bottom: -87px; background-size: 100% auto; background-repeat: no-repeat; } #section_two{ padding: 50px 0 65px; } #section_three{ padding: 50px 0 65px; } #section_four{ padding: 50px 0 80px;} .section-three-overlay { background: url(../../images/svgs/mobile/home-blue-waves.svg); width: 100%; height: 100px; bottom: -50px; background-size: 100% auto; background-repeat: no-repeat; } .home-gallery .slide{ width: auto !important; cursor: all-scroll; } .home-gallery .owl-stage-outer{ padding:0 25px; } /* ====== APARTMENTS STYLE ====== */ #features-amenities-section-two .amenities-two-con-wrap{ padding-right: 0; overflow: inherit; display: flex; } .dark-light-sweep { max-width: 100%; } .sweep-dark img, .sweep-light img { width: 100%; } .sweep-scell > span, .sweep-scell > span > .sweep_triger::before, .sweep-scell > span > .sweep_triger{ height:100% } .sweep-dark{ height:100%;} .amenities-two-sweep-box{ padding: 0 0; } .sweep-scell > span > .sweep_triger::after{ width: 30px; height: 30px; left: -14px; top: 50%; margin-top: -15px; background-size: 30px 30px; } .amenities-two-sweep-box h3{ font-size:32px; } #hero-features-amenities{ height: auto; min-height: 100px; } #hero-features-amenities{ z-index: 11; padding-bottom: 215px; } .amenities-two-contet ul:nth-child(2n), .amenities-two-contet ul:nth-child(2n) { margin-left: 0; margin-bottom: 30px; } .amenities-two-contet ul:nth-child(2n+1), .amenities-two-contet ul:nth-child(2n+1) { margin-right: 0; } .amenities-two-contet ul{ width: calc(100% - 0px); margin: 0 0 0; } .hero-banner-parallax { height: 250px; background-position: 0 60px; background-repeat: no-repeat; background-attachment: fixed; background-size: 100% auto; } #features-amenities{min-height: 254px;} #features-amenities .content{ padding-top: 90px; } #hero-features-amenities{ background-image: none !important; } .amenities-hero-top-overlay { z-index: 11; background: url(../../images/svgs/mobile/apartments-header-blue-lines.svg); background-size: auto; width: 276px; height: 77px; left: 0; top: 0; background-size: 100% auto; } #amenities-section-one .content p{ font-size:20px; line-height:34px; } #amenities-section-one .mobile-views .amenities-section-one{ margin:2px 0; } #amenities-section-one .mobile-views .amenities-section-one img{ width:100%; } .amenities-section-one-photos { display: block; } .amenities-section-one-photos img{ width:100% } .amenities-section-one-photos .amenities-section-one{ width:100%; margin-top: 3px;} .amenities-section-one-overlay { background: url(../../images/svgs/mobile/apartments-orange-lines.svg); width: 400px; height: 175px; z-index: 11; right: 0px; bottom: -173px; } #features-amenities-section-two .content{padding: 50px 0;} .amenities-two-title-section h2{ margin-bottom:20px; } .amenities-three-content ul{ width:100%; margin: 0 0 0px;} .amenities-section-three_gallery{ margin-bottom:90px; column-gap: 0; flex-wrap: wrap; padding: 0 15px; } .amenities_buttons_box_inner { width: 100%;} .amenities-section-three_gallery .ast_gallery_left, .amenities-section-three_gallery .ast_gallery_right{ height: auto; margin: 5px 0 0; } .amenities-section-three-overlay { background: url(../../images/svgs/mobile/apartments-header-blue-lines.svg); background-size: auto; width: 350px; height: 98px; z-index: 11; bottom: 156px; background-size: 100% auto; background-repeat: no-repeat; } .amenities-two-sweep-box h4{ margin-top:15px; } .amenities-three-title-section { margin-bottom: 15px; } .amenities-three-title-section h2{ font-size:50px; line-height: 51px; } #features-amenities-section-three .content{ padding: 50px 0 40px;} .amenities_buttons_box{ margin-bottom:50px; } .amenities-two-con-inner .amenities-two-contet { margin-bottom: 70px; } #features-amenities-section-one { position: relative; background: #FFF; z-index: 7; overflow: hidden; } #features-amenities-section-three{ z-index: 7; background: #FFF; overflow: hidden;} #features-amenities-section-two{ z-index: 7; } /* ====== AMENITIES STYLE ====== */ .amenities-banner-top-overlay {background: url("../../images/svgs/mobile/amenities-header-line-right.svg") no-repeat; width: 444px; height: 98px; top: 0; } .hero-banner-parallax { height: 650px !important; width: 100%; position: fixed; top: 0; z-index: 1; background-position: top right; background-size: 100% auto; background-attachment: scroll; } .amenities-section-three-overlay{ height: 146px; } #amenities_banner_section{ position: relative; z-index: 10; } #amenities_banner_section .content{ min-height:244px; } #amenities_banner_section .content .content-inner{ margin-top: 110px; } #amenities_banner_section .content .content-inner h4{ margin-bottom:15px; } #amenities_banner_section{ min-height:446px; background-size: 100% auto; background-position: 0 60px; background-image: none !important; } #amenities_banner_section .container-full-width{ background-size: 100% auto; background-position: 0 60px; } #amenities_two_section .section-tow-inner-content p{ font-size:20px; line-height:34px; } #amenities_two_section { padding: 30px 0 40px; background: #FFF; z-index: 6; } #amenities_two_section .section-tow-image-content { margin-top: 20px; } #amenities_services_section .container-full-width{ min-height:10px; } #amenities_services_section .content{ overflow: hidden; padding: 50px 0;} #amenities_three_section{ padding-bottom: 30px;} #amenities_three_section .content .list_items_box { width: 100%; padding-left: 0; margin-bottom: 50px; } #amenities_services_section .content-inner .content_services { padding-left: 0; margin-top: 15px; margin-left: 0; } #amenities_services_section .content-inner .content_services ul{ padding-left:20px; } #amenities_services_section .content-inner .content_services ul li::before{ left: -20px} #amenities_services_section, #amenities_three_section{ z-index: 6; } #amenities_services_section{ background-color:#FFF; } .amenities_gallery_wrap{ margin: 0px auto 0; } .amenities_gallery_wrap .amenities_gallery_inner::before{ height: calc(100% + 16px); top: -8px; right: -8px; } #gallery_amenities .owl-nav { width: 56px; bottom: -50px; margin-top: 0; margin-left: -28px; } #gallery_amenities .owl-nav .owl-next, #gallery_amenities .owl-nav .owl-prev{ width:24px; height:16px; background-size: 24px auto !important; } .amenities-sec-three-overlay{ display:none !important; } .amenities-services-bottom-overlay { left: 0; background: url(../../images/svgs/mobile/apartments-header-blue-lines.svg); background-repeat: repeat; background-size: auto; width: 350px; height: 98px; bottom: 99px; background-size: 100% auto; background-repeat: no-repeat; } #amenities_services_section .content-button-group { margin: 15px auto 0px; padding-top: 50px; } #amenities_services_section .content-button-group .bottom_links_wrap { width: calc(100% - 0px); } #neighborhood_section_five .content h2{ font-size:32px; } .amenities-two-bottom-overlay { background: url("../../images/svgs/mobile/amenities-lines-2.svg") no-repeat; width: 434px; height: 129px; right: 0; bottom: -117px; z-index: 30; } #amenities_services_section .content-inner .content_services li { position: relative; width: calc(100% - 0px); margin-left: 0; padding: 2px 0px 2px 0; } .things_slider .items_wrap { padding: 0 0; max-width: 100%; } .items_wrap{} .items_wrap .items_wrap_top { display: flex; column-gap: 7px; } .items_wrap .items_wrap_top .item{ width:50%; } .items_wrap .items_wrap_bottom{ margin-top:5px; } .items_wrap .item{} .items_wrap .item img{ width:100%; height: auto; } #amenities_three_section .content .list_items_box_wrap ul{ padding-left:20px; } #amenities_three_section .content .list_items_box_wrap ul li::before{ left: -20px; } /* ====== NEIGHBORHOOD STYLE ====== */ .neighborhood-mobile-overlay { height: 400px; width: 100%; position: fixed; top: 0; z-index: 1; background-position: top center; } #neighborhood-hero-section{ background-image: none !important; } #neighborhood-hero-section .neighborhood-hero-inner{ padding-top:215px; } #neighborhood-hero-section { background-size: auto 260px; background-position: center 60px;} #neighborhood-hero-section .content{ min-height:206px; height: auto; } .neighborhood-hero-top-overlay { background: url(../../images/svgs/mobile/neighborhood-top-green-line.svg) no-repeat; background-size: auto; width: 411px; height: 114px; bottom: -75px; background-size: 100% auto; } #neighborhood_section_three .content .row{ flex-wrap: wrap; } #neighborhood_section_three .content .row.row-column-reverse{ flex-direction: column-reverse; } #neighborhood_section_three .content .column { width: 100%; } #neighborhood-main-section .content{ padding: 50px 0; } #neighborhood-main-section { background: #FFF; z-index: 10; overflow: hidden;} .neighborhood-main-top-overlay { background: url(../../images/svgs/mobile/neighborhood-main-yellow-line.svg) no-repeat; width: 414px; height: 79px; top: -94px;; } .map-wrap { flex-wrap: wrap; flex-direction: column-reverse; } #map { width: 100%; margin-left: 0; min-height: 325px; } .neighborhood-map-section #map-container .map-wrap .categories-container{ max-width:100%; width: 100%; } #neighborhood_map { padding-bottom: 0;} #neighborhood_map .content h2{ font-size:36px; } .neighborhood-map-bottom-overlay { background: url(../../images/svgs/mobile/apartments-header-blue-lines.svg) no-repeat; width: 276px; height: 77px; bottom: 120px; } #neighborhood-main-section .list_items_left { width: 100%; } #neighborhood-main-section .list_items_right { width: 100%; } #neighborhood_section_three { margin-bottom: 0; background: #FFF; z-index: 10; padding-bottom: 50px; } #neighborhood_section_three .content .column-right .column-content h4, #neighborhood_section_three .content .column-left .column-content h4{ margin-bottom: 30px; } #neighborhood_section_three .content .column-right .column-content, #neighborhood_section_three .content .column-left .column-content { margin: 20px auto;} #neighborhood_section_five {padding-bottom: 50px; padding-top: 50px; } #neighborhood_map .bottom_links .bottom_links_wrap{ width: 100%; margin-top: 37px; } .neighborhood-map-section #map-container .map-wrap .categories-container{ height: auto; } .neighborhood-map-section #map-container .map-wrap .categories-container .subcontainer{ padding-bottom:38px; } /* ====== CONTACT STYLE ====== */ #contact-hero-section{ min-height:165px; } #contact-hero-section .container-full-width { padding: 60px 0 0; } #contact-hero-section .content h1 { font-size: 55px;} .contact-hero-top-overlay { background: url("../../images/svgs/mobile/contact-header-lines-right.svg") no-repeat; width: 262px; height: 70px; } .contact-hero-bottom-overlay{ display: none; } #contact-main-section .container-full-width { padding: 50px 0; } #contact-bottom-mobile-view { background-color: #F6F4F3; margin-top: 0; overflow: hidden; padding-bottom: 50px; } #contact-bottom-mobile-view .content-inner{ max-width: 580px; margin-top: 50px; display: flex; justify-content: space-between; margin-left: 0; flex-wrap: wrap;} #contact-bottom-mobile-view .hours-section-box{ width:100%; max-width:380px; } #contact-bottom-mobile-view h4{ font-size: 13px; text-transform: uppercase; font-weight: bold; margin-bottom: 15px; } #contact-bottom-mobile-view .contact-section-box{ width: 100%; margin-top: 50px; } #contact-bottom-mobile-view .contact-section-box .scheduleatour a{ max-width:207px; border-radius: 0; } #contact-bottom-mobile-view{} .with_frm_style .frm_submit{ max-width:207px; } /* ====== HOUSING FOR ALL STYLE ====== */ #housing-hero-section .content h1{ font-size: 55px; margin-bottom: 5px; } .housing-hero-top-overlay{ background: url("../../images/svgs/mobile/contact-header-lines-right.svg") no-repeat; width: 262px; height: 70px; } #housing-hero-section .content .content-iiner p { font-size: 20px; line-height: 36px; } #housing-hero-section .container-full-width { padding: 80px 0; } #housing-hero-section .content h4{ margin-bottom:10px; } .housing-hero-bottom-overlay { background: url("../../images/svgs/mobile/contact-header-lines-left.svg") no-repeat; width: 375px; height: 132px; left: 0; bottom: -75px; } .housing-form-bottom-wrap{ margin: 30px auto 0; } #gallery-hero-section{ min-height:205px; } .gallery-hero-top-overlay {background: url(../../images/svgs/mobile/gallery-line-top-yello.svg) no-repeat; width: 591px; height: 113px; top: -43px; right: -260px; } #gallery-hero-section .content-inner{ padding-top: 80px; } .portfolios .gallery-box-images { width: calc(100% - 0px); margin-bottom: 5px; } #gallery-main-section .filter-tab-section .filter { column-gap: 0px; flex-wrap: wrap; } .portfolios .gallery-box-images.gallery-large-item .gallery-box-img { margin: 0 0; } .portfolios .gallery-box-images { width: calc(100% - 0px); } .gallery-box-hulf:nth-child(2n+1), .gallery-box-hulf:nth-child(2n) { padding: 0 0; } #gallery-main-section .filter-tab-section .filter a .filter-image, #gallery-main-section .filter-tab-section .filter a.active .filter-image{ display:none; } #gallery-main-section .filter-tab-section .filter a { width: 100%; text-align: left;} #gallery-main-section .filter-tab-section .filter a h5{ padding-bottom: 5px; } #gallery-main-section .filter-tab-section .filter{ } #gallery-main-section .filter-tab-section .mobile-triger-on-gallery{} #gallery-main-section .filter-tab-section .mobile-triger-on-gallery .selector { font-size: 16px; text-transform: uppercase; font-weight: bold; line-height: 28px; letter-spacing: 1.8px; border-bottom: 2px solid #002D3C; background: url(../../images/svgs/mobile/filter-arrow.svg) no-repeat 98% center; cursor: pointer; } #gallery-main-section .filter-tab-section .mobile-triger-on-gallery ul { position: absolute; margin: 0; width: calc(100% - 50px); background-color: #002D3C; padding:0; display: none; z-index: 40; } #gallery-main-section .filter-tab-section .mobile-triger-on-gallery ul li { display: block; width: 100%; font-size: 16px; border-bottom: 1px solid #003D3A; } #gallery-main-section .filter-tab-section .mobile-triger-on-gallery ul li a{display: block; padding: 7px 15px; color:#FFF; font-weight:700; letter-spacing: 1.8px; line-height: 28px; text-transform: uppercase; } body.logged-in .active .gallery_popup_inner{ top: 120px; align-items: start; } body.logged-in .gallery-popup .close{top: 63px;} .popup-nav{ position: relative; width: 60px; margin: 30px auto; } .gallery_popup_box .prev:hover, .gallery_popup_box .next:hover, .gallery_popup_box .prev, .gallery_popup_box .next{ width:26px; height:16px; background-size: 100% auto; } .gallery_popup_box .prev{ left:0; } .gallery_popup_box .next{ right:0; } .popup_caption { padding-bottom: 15px; max-width: 80%; margin: 0 auto; line-height: 1.4; } .gallery-large-item .filter-image:hover a{ position: relative; display: block } .gallery-large-item .filter-image:hover a::before{ z-index: 11; content: ""; position: absolute; border: 8px solid #002D3C; width: calc(100% - 16px); height: calc(100% - 16px); top: 0; left: 0; } .gallery-section-one-video .video-play-button-overlay span { background-size: 70px auto; width: 70px; margin-left: -35px; height: 46px; border-radius: 10px; margin-top: -23px; } .gallery-section-one-video { margin-bottom: 50px; margin-left: -25px; margin-right: -25px; width: calc(100% + 50px); } .video-item-elements h2 { font-size: 28px; line-height: 34px; } #contact-hero-section.hero-error-page-section .content h1 { font-size: 55px; line-height: 55px; margin-top: 20px; } #contact-hero-section.hero-error-page-section .content-inner{ margin-top: 10px; } #contact-hero-section.hero-error-page-section { padding-bottom: 50px; } #contact-main-section.thankyou-main-section-new .contact-section-box{ width:100%; } #gallery-hero-section.virtual-tours-hero-section .content-inner h1{line-height: 50px;} .virtual-tours-hero-section .gallery-hero-top-overlay { background: url(../../images/svgs/mobile/video-top-line.svg); top: -43px; width: 591px; height: 113px; } #gallery-hero-section.virtual-tours-hero-section .content-inner { padding-top: 100px; padding-bottom: 30px; } } @media screen and (max-width: 640px){ } @media screen and (max-width: 560px){ .top-bar{ height: 6.5px; } .sweep-scell > span > .sweep_triger::before{ margin-left: -1.5px; width:3px; } .sweep-scell > span > .sweep_triger::after { width: 18px; height: 18px; left: -8px; top: 50%; margin-top: -9px; background-size: 100% 100%; } .hero-banner-parallax { height: 215px; } .home-gallery .owl-stage-outer{ padding:0 25px; } #contact-main-section.thankyou-main-section-new .content-inner { flex-wrap: wrap; } #contact-main-section.thankyou-main-section-new .hours-section-box { width: 100%; margin-bottom: 30px; } .gallery-section-one-video .video-play-button-overlay span { background-size: 50px auto; width: 50px; margin-top: -16px; margin-left: -25px; height: 32px; border-radius: 7px; } } @media screen and (max-width: 400px){ .specials_bar_content p a { display: inline-block; clear: left; } .specials_bar_content p em, .specials_bar_content p i { font-size: 11px !important; } .specials_bar_content{ max-width: 350px; padding-left: 0; padding-right: 0; } /* ====== APARTMENTS STYLE ====== */ .sweep-scell > span > .sweep_triger::before{ height: calc(100% - 1.1px); } .amenities-section-one-overlay{right: -40px; } .hero-banner-parallax { height: 650px !important; width: 100%; position: fixed; top: 0; z-index: 1; background-position: top right; background-size: auto 650px; background-attachment: scroll; } .page-template-template_amenities .hero-banner-parallax { height: 497px !important;background-position:center 84%;} } @media screen and (max-width:320px){ h1{ font-size:35px; } h2{ font-size:28px; } h3{ font-size:20px; } } /* ====== Footer STYLE after cookie preference ====== */ @media screen and (max-width:880px) and (min-width:767px) { .copyrights.dexstop-views .footer-copyright-left ul li a,.copyrights.dexstop-views .footer-copyright-left ul li span{ font-size: 12px; } } @media screen and (max-width:389px){ .copyrights_links .footer-copyright-left ul li a{ font-size: 12px; } }