@charset "utf-8";

/*--------------media query css------------------*/
/*------------tablet landscape view------*/

@media (max-width:1880px) { 
    .enumenu_ul > li > a { font-size: 1.4rem; }
    .ft-social-inn { margin-left: 20px; }
    .whats-new { margin-left: 32px; }
    .con-inn { padding-left: 30px; }
    .enumenu_ul.desk ul li a { font-size: 1.3rem; }
    .enumenu_container {  padding-left: 40px; }
    .the-legacy { margin-bottom: -15px; }
    .enumenu_ul .caret { top: 25px; }
    .menu-main { top: 140px; }
    .slider-main { margin-top: 55px; }
    .footer-menu li { margin-right: 56px; }
}

@media (max-width:1675px) {
    .menu-main  { top: 140px; }
    .services-boxes:after { right: -140px; background-size: contain; bottom: 120px; }
    .services-boxes:before { left: -140px; background-size: contain;top: 220px; }
    .enumenu_container { padding-left: 35px; }
    .enumenu_ul > li { margin: 0 12px; }
    .enumenu_container {  padding-left: 30px; }
    .enumenu_ul > li a { font-size: 1.4rem; }
    .con-inn { padding-left: 33px; }
    .whats-new { border-width: 5px; padding: 25px; margin-left: 33px; }
    .enumenu_ul .caret { top: 26px; }
    .ft-social-inn { margin-left: 20px;}
    .ft-social-inn a { margin: 0 4px;}
    .last-listing-content { padding: initial; }
    .enumenu_ul.desk ul li a { font-size: 1.4rem; }
    .ft-social-inn a { height: 38px; width: 38px; line-height: 42px; font-size: 2.4rem; }
    .footer-menu li { margin-right: 61px; }
    .footer-menu li a { font-size: 1.4rem; }
    .logo-bottom { bottom: 65px; }
    .the-legacy { padding: 174px 0; }
    
}


@media (max-width:1440px){
    h1 { font-size: 3.8rem; }
    .body-content h1 span { font-size: 4.8rem; }
    h2 { font-size: 3.2rem; }
    .home-for-sale-filter > ul > li:last-child .filter-box,.home-for-sale-filter > ul > li:nth-child(5) .filter-box{right: 0;}
    .office-hours ul li:after { left: -2px;top: 5px;height: 15px;}
    .office-hours ul li:nth-child(4n):after { display: none; }
    .the-legacy { padding: 165px 0; background-size: cover !important; }
    .ft-social-inn { margin-left: 20px; }
    .con-inn { padding-left: 33px; }
    
}

@media (max-width:1305px){
    .whats-new h6,.whats-new .new-content-header-btn2 h6{font-size: 1rem;}
}

@media (max-width:1356px){
    .menu-main { top: 0; }
    .slider-main { margin-top: 0; }
    .logo-inn { padding: 0; }
    .menu-icon { display: block; position: absolute; right: 0; top: 45px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 99; }
    .header-align{justify-content: normal!important; position: relative;}
    .header-align .logo-main{margin-right: auto;}
    .ft-social-inn{margin-right: 50px;margin-left: 5px; }
    .menu.mob{position: absolute;top: 94px; left: -15px; right: -15px; text-align: center; background-color: #737882; z-index: 99; padding: 20px; height: 100vh; padding-bottom: 100px; overflow: auto;flex-direction: column;justify-content: center;}
    body.menu-open .menu.mob { display: flex !important;}
    /*.enumenu_ul li.active a .caret, */.enumenu_ul li.active > a, .enumenu_ul.desk ul li.active a { color: #eb9b65;}
    .menu.mob:before{content: ""; position: absolute; z-index: -1;}
    .menu.mob:before{ background: url(../images/menu-bg.png) no-repeat center top; background-size: contain; height: 37%; width: 75%; top: 50%; left: 50%; opacity: 0.15; transform: translate(-50%, -50%);}
    .menu.mob > li{display: block; width: 100%; margin-left: 0; margin-right: 0; line-height: 19px; padding: 12px 0;}
    .menu.mob li a{color: #fff; font-size: 1.4rem; position: relative;padding: 0; }
    .menu.mob li a:hover { color: #f6e0cd; }
    .enumenu_ul > li.active > ul{margin-top: 11px;}
    .enumenu_ul > li > ul.un-active{margin-top: 11px;}
    .menu.mob > li span.arrow { position: absolute; right: -20px; transform: none; }
    .menu.mob > li span.arrow:after { position: absolute; right: 0; width: 15px; height: 10px; top: 2px; content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; transition: all ease-in-out 0.3s; }
    .menu.mob > li span.arrow.up:after { transform: rotate(-180deg); top: 7px;  }
    .enumenu_ul > li > ul { padding-top: 10px; }
    
    .menu.mob > li:first-child > a:before,.menu.mob > li:nth-child(4) > a:before{display: none;}
    .menu.mob > li.active > a:before{transform: rotate(-180deg);}
    .enumenu_ul .caret{display: none;}
    /*.menu.mob li:hover > a{color: #eb9b65;}*/
/*    .menu.mob li.active > a{color: #eb9b65;}*/
    .enumenu_ul > li:hover > a:after{width: 0;}
    .menu.mob li.active .sb-menu{display: block!important;}
    .enumenu_ul.mob ul li a { display: block; font-size: 1.4rem; color: #fff; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-weight: 700; padding: 12px 0;}
    .enumenu_ul.mob ul li:last-child a {padding-bottom: 0;}
    .enumenu_ul.mob ul li a:hover { color: #f6e0cd; }
    .enumenu_ul .living-dune-info-menu{ display: block;}
    .living-dune-info-menu .address-info{margin-bottom: 15px;}
    .living-dune-info-menu .model-home-daily{font-size: 1.0625rem;}
    .living-dune-info-menu .address-info ul li:hover a{color: #f6e0cd;}
    .living-dune-info-menu .address-info ul li.call-redirect a:hover{color: #f6e0cd;}
    .living-dune-info-menu .address-info ul,.living-dune-info-menu .model-home-daily ul{flex-flow: column;}
    .living-dune-info-menu .address-info ul li,.living-dune-info-menu .model-home-daily ul li{ font-size: 1.4rem; color: #fff; padding: 0; text-transform: uppercase; font-family: 'Nunito', sans-serif; font-weight: 700; position: relative; display: inline-block; border-left: none; margin-bottom: 10px; }
    a.mobile-contact { display: block; width: 38px; height: 38px; line-height: 42px; background: #737882; color: #fff; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 2.4rem; }
    a.desk-contact{display: none;}
    .con-inn{order: 2;padding-left: 20px;}
    .logo-inn a img {  width: 320px; }
    .whats-new{order: 1; height: 95px; padding: 12px; }
    .whats-new h6,.whats-new .new-content-header-btn2 h6{font-size: 1.3rem;}
    .ft-social-inn{order: 3;}
    .footer-menu li { margin-right: 20px; }
    
    li.mobile-nav-link { display: none;}
    .mobile-sabmenu ul.sb-menu { display: block !important; }
    .menu.mob > li.mobile-sabmenu span.arrow {display: none !important;}
    
}

@media (max-width:1199px){
    .body-content ul { margin-left: 20px;}    
}


@media (max-width:1024px){
   .ios .ft-social-inn a.ios-fb, .android .ft-social-inn a.android-fb, .ios .ft-social-inn a.ios-in { display: inline-block !important; } 
  
}

@media (max-width:991px){
    .slider-img, .banner-slider-item { height: 500px!important; }
    
    .footer-menu { display: block; }   
    .footer-menu li { margin-right: 0; margin-bottom: 10px; }
    .office-hours ul li { font-size: 1.8rem; }
    
    .services-boxes { padding: 40px 0 22px; }
    .the-legacy {  padding: 48px 0; }
}


@media (max-width:767px){
    
    h1,.home-sale-banner-title h1{font-size: 2.6rem; letter-spacing: 0.9px; }
    .body-content h1 span { font-size: 3.4rem; }
    h2 { font-size: 2.4rem; }
    h2 span { font-size: 3.0rem; }
    h3 { font-size: 2.0rem; }
    h3 span { font-size: 2.8rem; }
    h4 { font-size: 1.9rem; }
    h4 span {  font-size: 2.6rem; }
    p{font-size: 1.6rem;}
    .read-more-btn .btn { font-size: 1.6rem; padding: 12px 25px; line-height: normal; }
    .body-content.dry-needling h3 { font-size: 2.0rem; }
    .body-content h1 em { display: none; }
    
    .header-main { padding: 15px 0; position: fixed; }
    .slider-main {  margin-top: 99px; }
    .stickyHeader .header-main { animation: none; -webkit-animation: none; -moz-animation: unset; -webkit-animation-duration: unset;    animation-duration: unset; -webkit-animation-fill-mode: inherit;  animation-fill-mode: inherit; }
    .logo-inn a img { width: 275px; }
/*    .menu.mob { top:calc(50% + 79px); height: calc(100vh - 79px); padding-bottom: 30px; }*/
    .menu.mob{top: calc(50% + 84px); height: calc(100vh - 84px); padding-bottom: 0; margin: 0 !important; padding: 0; }
    .menu-icon .menu-box { padding-right: 0; }
    .menu-icon { top: 33px; }
    .con-inn { padding-left: 10px; }
    .ft-social-inn a { font-size: 2.0rem; line-height: 41px; }
    a.mobile-contact { font-size: 2.0rem; line-height: 41px; }
    
    .slider-img, .banner-slider-item { height: 400px!important; }
    .logo-bottom { right: 0; bottom: 55px; z-index: 1; width: 130px; margin: 0 auto; left: 0; }
    
    .body-content { padding: 30px 0; }
    .body-content h1 > br, .expend-text h4 > br { display: block; }
    .leaf-icon img { width: 85px; }
    .leaf-icon:after { width: 100%; top: 30px; }
    
    .logo-bottom { position: relative; bottom: 0; left: 0; right: 0; margin: 0 auto; display: inline-block; width: 100%;      text-align: center; margin-top: 30px; }
    .logo-bottom img { width: 130px; }
    
    .the-legacy { padding: 35px 0; margin-bottom: -10px; }
    .services-boxes { padding: 15px 0;}
    .services-boxes-child h3 { margin-bottom: 10px; }
    .services-boxes .col-lg-6 { margin-bottom: 15px; }
    .services-boxes .col-lg-6:last-child { margin-bottom: 0; }
    .services-boxes-child { padding: 20px 15px; }
    .col-lg-6:first-child .services-boxes-child:first-child figure img { width: 30px; }
    .services-boxes-child figure img { width: 43px; }
    .services-boxes-child figure a { height: 90px; width: 90px; }
    
    
    .form-sec { padding: 30px 0; }
    .office-hours ul li { font-size: 1.6rem; width: 100%; margin-bottom: 10px; padding: 0; }
    .office-hours ul li:after { display: none; }
    
    .footer-main { padding: 28px 0 0; }
    .footer-bottom { padding: 30px 0 50px; }
    .footer-logo a { width: 250px; }
    .address-info ul, .model-home-daily ul { flex-flow: column; }
    .address-info ul li a span { display: block;margin-bottom: 10px;  }
    .address-info ul li a span:first-of-type { padding-right: 0; margin-bottom: 10px; }
    .address-info ul li { font-size: 1.6rem; border-left: none; }
    .address-info ul li a span:first-of-type:after { display: none; }
    .form-block iframe { height: 565px !important; }
    .address-info ul li.mobile-map { display: block; line-height: 1.6; }
    .address-info { margin-bottom: 30px; }
    .footer-main .address-info ul li.map-redirect { display: none;}
    .office-hours { margin-bottom: 33px; }
    .menu.mob:before { width: 60%; }
    .footer-menu li a { font-size: 1.6rem; }
    .button-icon { width: 26px; height: 26px; }
    .button-icon:after { width: 15px; }
    .button-icon:before { height: 15px;}
    .body-content ul li { font-size: 1.6rem; width: 100%; padding-right: 0; }
    
    
    .contact-details .child { width: 100%; margin: 0 auto; }
    .contact-details .child li .content-dtl br { display: block; }
    .contact-details .child li .content-dtl span { font-size: 1.8rem; }
    .contact-details .child li .content-dtl > a { font-size: 1.6rem; }
    .body-content iframe { width: 100%; }
    .services-boxes-child h2 { letter-spacing: 0; }
    .body-content .testimonials p strong:after { margin-top: 1px; }
    .body-content .testimonials p strong:before { margin-top: 0; }
    .desktop-slider {display: none !important;}
    .mobile-slider {display: block !important;}
    
    .whats-new { display: block; width: 100%; left: 0; right: 0; margin: 0; position: fixed; bottom: 0; z-index: 11;
    height: auto; padding: 0; }
    .whats-new a {padding: 12px; display: inline-block; width: 100%;}
    .whats-new h6, .whats-new .new-content-header-btn2 h6 { font-size: 1.6rem; width: 100%; text-align: center;}
    .whats-new h6 br, .whats-new .new-content-header-btn2 h6 br {display: none;}
    .whats-new:hover .new-content-header-btn2 {opacity: 0;}
    .whats-new:hover .new-content-header-btn {opacity: 1;}
    .whats-new .desktop-view { display: none; }
    .whats-new .mobile-view { display: block; }
    
}

@media (max-width:520px){
    .ft-social-inn { margin-right: 45px; }
    .ft-social-inn .desk-location {  margin-left: 5px; }
    a.mobile-contact, .ft-social-inn a { width: 30px; height: 30px;line-height: 33px; font-size: 1.8rem; }
    a.mobile-contact, .ft-social-inn a { width: 30px; height: 30px;  line-height: 33px;  font-size: 1.8rem; }
    
}

@media (max-width:460px){
    .menu-icon {  top: 27px; }
    .logo-inn a img { width: 220px; }
    .slider-img, .banner-slider-item { height: 260px!important; }
    .menu.mob {top: calc(50% + 70px); height: calc(100vh - 126px); }
    .slider-main {  margin-top: 84px; }
}

@media (max-width:400px){ 
    .menu-icon { top: 26px; }
    .menu.mob { top: calc(50% + 66px); height: calc(100vh - 66px); padding-bottom: 60px; padding-top: 60px; }
}