/*=========Responsive CSS==========*/

@media(min-width:1921px) {
    .ribbon {
        background-size: cover;
        height: 250px;
    }
    .discover {
        background-size: cover;
    }
}

@media(min-width:1600px) {
    .service-image {
        max-width: 940px;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1600px) {
    .page-id-332 section#content .details h1 {
        max-width: 80%;
    }
}

@media only screen and (max-width: 1920px) and (max-height: 700px) {
    .menu-inner {
        top: 50px;
    }
    .menu-inner .frame {
        padding: 30px 0;
    }
    .frame-inner {
        padding: 40px 0;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1250px) {
    .footer-inner {
        width: 960px;
    }
    .footer-inner ul li:nth-child(4) {
        width: 15%;
    }
    .footer-inner ul li:nth-child(3) {
        width: 35%;
    }
    #floor-landing .landing-item h2 {
        font-size: 80px;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1440px) {
    .top h2 {
        width: 35%;
        font-size: 45px;
    }
    .top .floor-data {
        padding-top: 20px;
        font-size: 20px;
        width: 65%;
        padding-right: 5px;
    }
    .item-properties .bottom span {
        font-size: 17px;
    }
    .item-properties .bottom span.area{
        width: 290px!important;
    }
}

@media only screen and (max-width: 1600px) {
    .social-icon {
        margin-top: 25px;
    }
    .menu-inner .frame {
        padding: 30px 0;
        height: 500px;
    }
    .frame-inner {
        padding: 55px 0;
    }
    .services-inner {
        width: 280px;
    }
    section#content .contactform {
        width: 50%;
    }
    footer .footerpattern {
        width: 328px;
    }
    .reatil-head h2 {
        width: 100%;
        border-right: none;
        line-height: 1.2;
    }
    .reatil-head span {
        width: 100%;
        text-align: left;
    }
    .reatil-head {
        padding-bottom: 15px;
    }
}

@media(max-width:1460px) {
    .menu-inner {
        width: 850px;
        margin-left: -425px;
        max-width: 100%;
    }
    .menu-inner .frame {
        height: 386px;
        padding: 30px 0 15px;
    }
    .framelogo img {
        width: 100px;
        height: auto;
    }
    .frame-inner {
        padding: 40px 0;
        margin-top: 20px;
        max-width: 94%;
    }
    .frame-inner ul.menu-list li {
        margin-bottom: 0px
    }
    .services-inner {
        width: 245px;
    }
    .service-image {
        max-width: 770px;
    }
    .frame-inner ul.secondry-menu {
        margin-top: 30px;
    }
    .social-icon {
        margin-top: 15px;
    }
    footer {
        background-image: none;
    }
    .landing-item {
        height: 600px;
    }
}

@media(max-width:1439px) {
    .landing-list.border-bottom .landing-item {
        width: 50%;
    }
    .landing-list.border-bottom .landing-item:nth-child(3n+3) {
        border-right: 1px solid #707070;
    }
    .landing-list.border-bottom .landing-item:nth-child(3n+3):after,
    .landing-list.border-bottom .landing-item:nth-child(3n+3):before {
        display: block;
    }
    .landing-list.border-bottom .landing-item:nth-child(even) {
        border-right: none;
    }
    .landing-list.border-bottom .landing-item:nth-child(even):after,
    .landing-list.border-bottom .landing-item:nth-child(even):before {
        display: none;
    }
}

@media(max-width:1380px) {
    section#property-image .pattern {
        width: 60%;
    }
    footer .footerpattern {
        width: 205px;
    }
    .retail-list li .thumb,
    .retail-data {
        width: 50%;
    }
    .retail-data {
        padding: 50px;
    }
    .reatil-head span {
        width: 100%;
    }
    section#galleryslider {
        height: 600px;
    }
    .category-list li {
        margin-top: 30px;
    }
    #about-temp section#content .details {
        width: 40%;
    }
    #about-temp .picture-box {
        max-width: 50%;
    }
}

@media only screen and (max-height: 700px) and (max-width: 1100px) and (min-width:786px) {
    .menu-inner {
        top: 100px;
    }
}


/**** Floor search bar*******/

@media only screen and (max-width:1440px) and (min-width:1200px) {
    .plans-head {
        max-width: 1170px;
        width: 100%;
    }
    .discover.grey.top {
        height: 130px;
    }
    .bedrooms {
        width: auto;
    }
    ul.bedroom-list li {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    .price {
        margin-left: 35px;
    }
    .availability {
        margin-left: 35px;
    }
    .nice-select, .filter-col button.selectivo__label {
        width: 250px;
        height: 45px;
        line-height: 45px;
    }
    .nice-select:before, .filter-col button.selectivo__label:before {
        height: 45px;
        width: 45px;
    }
    .nice-select .option, .filter-col .selectivo__option {
        height: 45px;
        line-height: 45px;
    }
    .nice-select:after, .filter-col button.selectivo__label:after {
        right: 10px;
        top: 3px;
    }
    .submitform {
        margin-left: 30px;
    }
    .submitform .submit-form {
        height: 45px;
        line-height: 45px;
    }
    main#gallery section#content .details.features {
        width: 600px;
        max-width: 50%;
    }
    /*section#content .details h1{
      margin-bottom: 0;
    }*/
}

@media only screen and (max-width:1199px) and (min-width:980px) {
    .plans-head {
        max-width: 960px;
        width: 100%;
    }
    .discover.grey.top {
        height: 130px;
    }
    .bedrooms {
        width: auto;
    }
    ul.bedroom-list li {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    ul.bedroom-list li:first-child {
        font-size: 24px;
    }
    ul.bedroom-list li:first-child label {
        position: relative;
        top: 1px;
    }
    .price {
        margin-left: 20px;
    }
    .availability {
        margin-left: 20px;
    }
    .nice-select, .filter-col button.selectivo__label {
        width: 200px;
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
        font-size: 16px;
    }
    .filter-col .selectivo__option {
        font-size: 16px;
    }
    .nice-select:before, .filter-col button.selectivo__label:before {
        height: 45px;
        width: 45px;
    }
    .nice-select .option,.filter-col .selectivo__option {
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
    }
    .nice-select:after, .filter-col button.selectivo__label:after {
        right: 10px;
        top: 3px;
    }
    .submitform {
        margin-left: 20px;
    }
    .submitform .submit-form {
        height: 45px;
        line-height: 45px;
        width: 147px;
        padding-left: 15px;
    }
    .top h2 {
        width: 35%;
        font-size: 45px;
    }
    .top .floor-data {
        padding-top: 20px;
        font-size: 20px;
        width: 65%;
        padding-right: 5px;
    }
    .item-properties .bottom span {
        font-size: 17px;
    }
    main#gallery section#content .details.features {
        width: 600px;
        max-width: 50%;
    }
    section#content .details h1 {
        margin-bottom: 0;
    }
    .specials-inner {
        max-width: 915px;
    }
    .specials {
        font-size: 18px;
    }
    .specials-text {
        margin-right: 15px;
    }
    .signup-form input[type="text"] {
        width: 150px;
    }
    .header-buttons {
        transform: translateX(-32%);
        -ms-transform: translateX(-32%);
        -webkit-transform: translateX(-32%);
        font-size: 13px;
        width: 560px;
    }
    .header-links .primary-menu a {
        font-size: 16px;
    }
    .header-links .utility-header a {
        font-size: 14px;
    }
    .header-links {
        padding-right: 20px;
    }
}

@media only screen and (max-width:979px) and (min-width:768px) {
    .header-links .primary-menu a {
        font-size: 13px;
    }
    .header-links .utility-header a {
        font-size: 11px;
    }
    .header-links {
        padding-right: 20px;
    }
    .header-links li {
        margin-right: 10px;
    }
    .plans-head {
        max-width: 760px;
        width: 100%;
    }
    .plans-head form {
        width: 748px;
        margin: 0 auto;
        display: block;
    }
    .discover.grey.top {
        height: 130px;
    }
    .bedrooms {
        width: auto;
    }
    ul.bedroom-list li {
        height: 45px;
        width: 45px;
        line-height: 45px;
    }
    ul.bedroom-list li:first-child {
        font-size: 24px;
    }
    ul.bedroom-list li:first-child label {
        position: relative;
        top: 2px;
    }
    .price {
        margin-left: 15px;
    }
    .availability {
        margin-left: 15px;
    }
    .nice-select, .filter-col button.selectivo__label {
        width: 150px;
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
        font-size: 14px;
    }
    .filter-col .selectivo__option {
        font-size: 14px;
    }
    .nice-select:before, .filter-col button.selectivo__label:before {
        height: 45px;
        width: 45px;
    }
    .nice-select .option, .filter-col .selectivo__option {
        height: 45px;
        line-height: 45px;
        padding-left: 10px;
    }
    .nice-select:after, .filter-col button.selectivo__label:after {
        right: 10px;
        top: 3px;
    }
    .submitform {
        margin-left: 15px;
    }
    .submitform .submit-form {
        height: 45px;
        line-height: 45px;
        width: 100px;
        padding-left: 15px;
        font-size: 15px;
    }
    #floor-detail {
        padding: 160px 0 60px;
    }
    .landing-item {
        height: 400px;
    }
    .frame-inner ul.secondry-menu li {
        padding: 0 18px;
    }
    .top h2 {
        width: 35%;
        font-size: 45px;
    }
    .floorimage {
        margin-bottom: 20px;
    }
    .item-properties .bottom {
        padding: 0 6px;
    }
    .item-properties .bottom span{
    }
    .top .floor-data {
        padding-top: 4px;
        font-size: 20px;
        width: 65%;
        padding-right: 5px;
    }
    .top .floor-data span {
        margin-left: 0;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .item-properties .bottom span {
        font-size: 17px;
        padding: 10px 3px;
    }

    main#gallery section#content .details.features {
        width: 600px;
        max-width: 50%;
    }
    section#content .details h1 {
        margin-bottom: 0;
    }
    .specials-inner {
        max-width: 735px;
    }
    .specials {
        font-size: 15px;
    }
    .specials-text {
        margin-right: 5px;
    }
    .signup-form input[type="text"] {
        width: 120px;
    }
    .fieldWrapper em,
    .fieldWrapper span {
        font-size: 8px;
    }
    .signup-form input[type="submit"] {
        width: 100px;
        background-position: 83px 8px;
        background-size: 9%;
    }
}


/**** Floor search bar End*******/

@media only screen and (max-width: 1249px) and (min-width: 1024px) {
    .footer-inner {
        width: 785px;
    }
    footer .footerpattern {
        width: 164px;
    }
}

@media(max-width:1280px) {
    .signupform {
        height: 140px;
    }
    .signupform .form {
        width: 800px;
    }
    .input-fields {
        width: 205px;
        float: left;
        margin-right: 5px;
        position: relative;
    }
    .signupform .form input[type="text"] {
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
    }
    .signupform .form input[type="submit"] {
        width: 170px;
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
        font-size: 20px;
        background-position: 90% 52%;
    }
    .formclose {
        top: 50px;
    }
    section#content .details {
        width: 50%;
        padding-right: 15px;
    }
    section#content .details h1 {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 1.2;
    }
    section#content .details p {
        margin-bottom: 20px;
    }
    .services {
        width: 50%;
    }
    .service-image {
        width: calc(50% - 10px);
    }
    .services-inner {
        width: 48%;
        margin-left: 1%;
    }
    .services-inner.last {
        display: none;
    }
    .footer-inner ul li:nth-child(2) {
        width: 24%;
    }
    .footer-inner ul li:nth-child(3) {
        width: 35%;
    }
    .footer-inner ul li:nth-child(4) {
        width: 16%;
    }
    .iombg {
        width: 450px;
        height: 142px;
    }
    .hywrap #more-info a {
        font-size: 12px;
    }
    .hywrap button {
        width: 190px;
    }
    .blog-left {
        padding-right: 40px;
        max-width: 65%;
    }
    ul.posts li {
        width: 49%;
        margin-right: 0;
    }
    ul.posts li:nth-child(even) {
        margin-left: 2%;
    }
    ul.posts li:nth-child(3n+1) {
        clear: initial;
    }
    ul.posts li:nth-child(2n+1) {
        clear: left;
    }
    .sidebar {
        padding-left: 40px;
        max-width: 35%;
    }
    .blog-detail {
        margin-top: 0;
        margin-bottom: 25px;
    }
    .backto {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .title {
        width: 100%;
        float: none;
        padding: 0;
    }
    .home section#property-image .pattern {
        top: 280px;
    }
    .tab-hide {
        display: none;
    }
    .tab-image {
        display: block;
    }
    #green-living #content .services-inner:last-child {
        display: none;
    }
    #about-temp .picture-box {
        max-width: 55%;
    }
    #about-temp .one-third {
        width: 50%;
    }
    #about-temp .one-third:last-child {
        display: none;
    }
    #about-temp .one-third figure {
        padding-left: 10px;
    }
    #about-temp figure .overlay {
        width: calc(100% - 10px);
        left: 10px;
    }
    .property-data {
        width: 300px;
        padding-left: 20px;
    }
    .property-image {
        width: calc(100% - 300px);
        padding: 0 40px;
    }
    #floor-landing .landing-item h2 {
        font-size: 60px;
    }
    .hywrap #more-info a {
        display: inline-block;
    }
    .hywrap #more-info {
        width: 100%;
        margin-left: 0;
    }
}

@media(max-width:1023px) {
    footer .footerpattern {
        display: none;
    }
    /*.header-buttons {
        left: 60%;
        width: 390px;
    }*/
    .signup {
        width: 160px;
    }
    .tour {
        width: 135px;
    }
    .signup span {
        font-size: 13px;
    }
    .tour a {
        font-size: 13px;
    }
    main#gallery section#content .container.pad30 {
        padding-bottom: 10px;
    }
    .header-buttons {
        transform: translateX(-32%);
        -ms-transform: translateX(-32%);
        -webkit-transform: translateX(-32%);
        font-size: 11px;
        width: 450px;
    }
    .header-inner .container {
        width: 97%;
    }
}

@media(max-width:980px) {
    .menu-inner {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
        left: 0;
    }
    .social-icon {
        max-width: 90%;
    }
    .ribbon {
        background-size: 100%;
        background-size: 100%;
    }
    .signupform .form {
        width: 595px;
    }
    .input-fields .info {
        top: -17px;
        font-size: 11px;
    }
    .input-fields {
        width: 145px;
    }
    .signupform .form input[type="submit"] {
        width: 140px;
    }
    .services-inner {
        height: calc( 42vw / 2);
    }
    .services-inner .overlay > div {
        margin-top: -50px;
        width: 120px;
        height: 100px;
        margin-left: -60px;
    }
    .services-inner .overlay div .overlay-inner-content {
        /*padding-top: 15px;*/
    }
    .footer-inner ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
    section#content .details.one-half {
        width: 60%;
    }
    .iombg {
        width: 350px;
        height: 110px;
    }
    .hywrap #more-info {
        width: 100%;
        margin-left: 0%;
    }
    .hywrap #more-info a {
        display: inline-block;
    }
    section#content .content-left {
        width: 40%;
    }
    section#content .contactform {
        width: 55%;
        max-width: 55%;
    }
    .footerlogo a {
        display: inline-block;
        margin-right: 10px;
    }
    .retaillease {
        margin-left: -114px;
        width: 190px;
    }
    .retaillease span {
        font-size: 12px;
    }
}

@media(min-width:980px) {
    .page-template-temp-thankyou h1.onehalf,
    .page-template-temp-thankyou strong.onehalf {
        width: 60%;
    }
    h1.onehalf,
    strong.onehalf {
        width: 50%;
    }
}

@media(max-width:960px) and (min-width:768px) {
    .home .hero-banner {
        height: auto !important;
    }
}

@media(max-width:850px) {
    input.MailPressFormEmail {
        font-size: 10px;
    }
    .menu-inner {
        top: 100px;
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .frame-inner ul.menu-list li {
        font-size: 18px;
    }
    .frame-inner ul.secondry-menu li {
        font-size: 16px;
    }
    #floor-landing .landing-item h2 {
        font-size: 50px;
    }
    .home .hero-video video {
        width: 100%;
        height: 100%;
    }
}

@media(min-width:768px) {
    section#banner {
        min-height: 400px;
    }
    .nav-links {
        width: calc(100% - 201px);
        display: flex;
        align-items: center;
        margin-top: 10px;
    }
}

@media(min-width:768px) and (max-height:650px) {
    .loader h1,
    .loader h2 {
        bottom: 60px;
    }
}

@media only screen and (width: 768px) {
    .desktop-hide {
        display: block;
    }
    .nav-links {
        margin-top: 15px;
        align-items: start;
    }
    .header-links .utility-header {
        margin-bottom: 20px;
    }
    .headicons.desktop-hide ul {
        display: flex;
    }
    .menu_icon {
        order: 3;
        margin-top: 0;
    }
    .headicons.desktop-hide ul {
        margin-top: 0;
    }
    .headicons.desktop-hide li {
        margin-left: 10px;
    }
    .headicons.desktop-hide {
        margin: 0 10px 0 0;
    }
    .header-links li {
        margin-right: 4px;
    }
    .menu-inner {
        top: 100px;
    }
    .loader h1,
    .loader h2 {
        bottom: 180px;
    }
    section#property-image .pattern {
        top: 300px;
        width: 60%;
    }
    .home section#property-image .pattern {
        top: 420px;
    }
    .footer-inner ul li {
        padding-left: 8px;
        padding-right: 5px;
        font-size: 13px;
    }
    .footer-inner ul li:nth-child(3) {
        padding-left: 12px;
    }
}

@media(min-width:768px) {
    .signup-form {
        display: block !important;
    }
    .hywrap #hyfield1 #lvholder_hyfield1+.LV_invalid {
        bottom: -32px;
    }
}


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

@media(max-width:768px) {
    .directions.desktop-hide {
        position: absolute;
        z-index: 5;
        ;
        display: none;
    }
    .headicons.desktop-hide {
        float: left;
        display: block;
    }
    .header-links {
        padding: 0;
    }
    .headicons.desktop-hide li {
        display: inline-block;
        list-style-type: none;
    }
    .thumb .desktop-hide {
        display: none;
    }
    .tour {
        width: 108px;
        font-size: 12px;
    }
    .tour a {
        font-size: 11px;
    }
    .signup span {
        font-size: 11px;
    }
    .signup {
        width: 145px;
    }
    .header-buttons {
        left: 47%;
        width: 416px;
    }
}


/****************Mobile View Start***************/

@media(max-width:767px) {
    /*html.menu-open {
        overflow: hidden!important;
    }*/
    .contact #more-info,
    .service-image {
        display: none;
    }
    .contact .hywrap .init_hidden {
        display: none !important;
    }
    .hywrap #hyfield1 #lvholder_hyfield1+.LV_invalid {
        bottom: -15px;
        right: 10px;
        left: auto;
    }
    .contact .hywrap .name-fields li:first-child {
        margin-bottom: 15px;
    }
    .header-links {
        display: none;
    }
    .headicons.desktop-hide ul {
        margin-top: 20px;
    }
    .headicons.desktop-hide {
        margin-right: 15px;
    }
    .headicons.desktop-hide li {
        margin-left: 15px;
    }
    .menu_icon {
        margin-top: 20px;
    }
    .result-bar {
        margin-bottom: 0;
        width: 100%;
        border-right: 0 !important;
        border: 0;
        border-bottom: 1px solid #707070 !important;
    }
    .result-bar {
        font-size: 11px;
        text-align: center;
    }
    #mail-statuss {
        position: static;
        ;
        margin: 10px 0;
    }
    .logo {
        width: 90px;
    }
    /*.menu-opened {
        overflow-y: hidden;
    }*/
    .loader-inner {
        display: table;
    }
    .ribbon {
        height: auto;
        background: none;
        margin-top: 0px;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 0;
    }
    .ribbon img {
        display: block;
        width: 100%;
        height: auto;
    }
    .loader h1,
    .loader h2 {
        bottom: 40px;
        font-size: 35px;
        left: 0;
        letter-spacing: 1px;
    }
    /* .header-inner {
        position: inherit;
    } */
    .header-inner.mobile-fixed {
        position: fixed;
    }
    .wrapper {
        position: relative;
    }
    .directions.desktop-hide.direction-fixed {
        position: fixed;
        top: 127px;
        z-index: 9;
    }
    html.menu-open .header-inner.mobile-fixed {
        z-index: 999;
    }
    .menu {
        transition: none;
        position: absolute;
        background: rgba(0, 0, 0, .65);
    }
    .menu.visible {
        margin-top: 0px !important;
        transition: none;
        height: 100% !important;
    }
    .menu-inner.loaded .frame {
        height: 570px;
    }
    /*.home .hero-image.hero-video,*/
    .frame-inner ul.menu-list li.mobile-hide {
        display: none;
    }
    .home .hero-video video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        background-size: cover;
    }
    .mute_btn,
    .play_btn {
        width: 40px;
        height: 40px;
    }
    .home .hero-image,
    .frame-inner ul.menu-list li.desktop-hide {
        display: block;
    }
    .desktop-hide {
        display: block;
    }
    .logo img {
        display: none;
    }
    .logo img.desktop-hide {
        display: block;
    }
    .menu .container {
        width: 100%;
        height: 100%;
    }
    .menu-inner {
        position: relative;
        left: 0;
        right: 0;
        margin-left: 0;
        /*background: white;*/
        height: 100%;
        top: 80px;
        width: 100%;
    }
    .close {
        position: absolute;
        right: 5%;
        top: 20px;
    }
    .retail_link {
        padding-left: 30px;
    }
    .menu-inner .frame {
        transition: none;
        padding: 0;
    }
    .framelogo {
        display: none;
    }
    .frame-inner {
        margin-top: 0;
        padding: 20px 0 10px;
    }
    .frame-inner ul.secondry-menu {
        margin-top: 20px;
    }
    .frame-inner:before,
    .frame-inner:after {
        display: none;
    }
    .frame-inner ul.menu-list {
        padding: 0;
        width: 100%;
    }
    .frame-inner ul.menu-list li {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        font-weight: 600;
        margin-bottom: 0;
        padding-left: 0;
    }
    .frame-inner ul.menu-list li:first-child {
        margin-left: 0;
    }
    .frame-inner ul.menu-list li:last-child {
        padding-bottom: 0;
        width: 100%;
    }
    .frame-inner ul.menu-list li a {
        transition: none;
    }
    .frame-inner ul.secondry-menu li {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .frame-inner ul.secondry-menu li:last-child {
        margin-bottom: 0;
    }
    .frame-inner ul.secondry-menu li a {
        transition: none;
    }
    .social-icon {
        margin-top: 0;
    }
    .social-icon ul.icons li {
        float: none;
    }
    .social-icon ul.icons {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    ul.links {
        width: 100%;
        margin-top: 20px;
    }
    ul.links li {
        width: 100%;
        display: block;
        margin-left: 0;
        margin-bottom: 15px;
    }
    ul.links li:last-child {
        margin-bottom: 0;
    }
    .signup,
    .tour {
        display: none;
    }
    .signupform {
        display: none !important;
    }
    section#content {
        padding-top: 10px;
    }
    .hero-image h1,
    .hero-image strong {
        font-size: 38px;
        font-weight: normal;
        bottom: 90px;
    }
    .patternhide {
        display: none;
    }
    footer {
        background-image: none;
        padding: 35px 0;
    }
    .footer-inner {
        float: none;
        max-width: 90%;
        margin: 0 auto;
    }
    .primary-footer {
        margin-bottom: 30px;
    }
    .footer-inner ul li {
        width: 100%;
    }
    .footer-inner ul li:first-child,
    .footer-inner ul li:nth-child(2) {
        display: none;
    }
    .footer-inner ul li {
        border: 1px solid #e9eaea;
        border-bottom: none;
        text-align: center;
        padding: 14px 0;
        height: auto;
    }
    .footer-inner ul li:nth-child(3),
    .footer-inner ul li:nth-child(4) {
        width: 100%;
    }
    .footer-inner ul li:nth-child(3) {
        border: 1px solid #e9eaea;
        border-bottom: none;
    }
    .footer-inner ul li:last-child {
        display: block;
    }
    .footerlogo {
        display: none;
    }
    .footer-inner ul li:nth-child(4) span,.footer-inner ul li.footer-logo-cont span {
        margin-top: 8px;
    }
    .footer-inner ul.visible li:nth-child(3):not(.footer-logo-cont),.footer-inner ul.visible li.footer-icon-cont {
        padding-top: 25px;
    }
    .adalogo {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0;
    }
    .retaillease {
        display: none;
    }
    .retailleasepdf {
        display: none !important;
    }
    .iombg {
        display: none;
    }
    section#content .details {
        width: 100%;
        padding-right: 0;
    }
    .services {
        width: 100%;
        position: static;
    }
    .services {
        margin-top: 40px;
    }
    .services-inner {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 15px;
        height: 60vw;
    }
    .services-inner .overlay > div {
        margin-top: -100px;
        width: 200px;
        height: 200px;
        margin-left: -100px;
    }
    .services-inner .overlay div .overlay-inner-content {
        /*padding-top: 50px;*/
        font-size: 20px;
    }
    .services-inner .overlay div .overlay-inner-content.padtop75 {
        /*padding-top: 75px;*/
    }
    .services-inner.last {
        display: block;
    }
    .services-inner img {
        width: 100%;
        display: block;
    }
    .services-inner:hover {
        margin-bottom: 15px;
    }
    section#property-image.mobile-hide {
        display: none;
    }
    #property-image .container {
        width: 100%;
        margin-top: 15px;
    }
    section#property-image .pattern {
        display: none;
    }
    section#content .details.one-half {
        width: 100%;
    }
    #map {
        display: none;
    }
    #neighborhod-map .container {
        width: 100%;
    }
    .loc-img-wrapper {
        display: block;
    }
    img.loc-image {
        display: block;
        width: 100%;
        height: auto;
    }
    section#content.contact {
        padding-bottom: 20px;
    }
    section#content .content-left {
        width: 100%;
        padding: 0 30px;
        float: none;
        margin: 0 auto;
    }
    section#content .contactform {
        width: 100%;
        margin-top: 20px;
        max-width: 100%;
    }
    section#content .hywrap .control-group {
        margin-bottom: 15px;
        width: 100%;
        margin-left: 0;
    }
    .hywrap .LV_invalid {
        position: absolute;
        bottom: -15px;
        left: 10px;
        font-size: 10px;
    }
    .hywrap button {
        float: none;
        margin: 0 auto;
        width: 110px;
        height: 110px;
        font-size: 20px !important;
        background: #C5AE88 !important;
        margin-top: 20px;
        text-align: center;
    }
    .hywrap button:hover {
        background: #818285 !important;
    }
    #more-info {
        margin-top: 20px !important;
        text-align: center;
    }
    .hywrap #more-info a {
        font-size: 14px;
    }
    .thankyou-message {
        max-width: 300px;
        margin: 0 auto;
    }
    .thankyou-message h2 {
        font-weight: bold;
        margin-bottom: 45px;
    }
    .thankyou-message p {
        line-height: 24px;
    }
    ul.social-icon-black {
        margin-bottom: 50px;
        text-align: center;
    }
    ul.social-icon-black li {
        width: 65px;
        height: 65px;
        text-align: center;
    }
    ul.social-icon-black li:last-child {
        margin-right: 0;
    }
    ul.social-icon-black li a {
        line-height: 65px;
    }
    .hero-inner h2, .not-found h1 {
        color: white;
        font-size: 38px;
    }
    .hero-inner p {
        font-size: 18px;
        line-height: 22px;
        margin: 40px 0;
    }
    .hero-inner p:after {
        width: 108px;
    }
    .hero-inner.not-found ul.social-icon-black {
        text-align: left;
    }
    .hero-inner.not-found ul.social-icon-black li {
        width: 50px;
        height: 50px;
        text-align: center;
    }
    .hero-inner.not-found ul.social-icon-black li a {
        line-height: 50px;
    }
    /*section#content .container.pad30 {
        padding-bottom: 70px;
    }*/
    section#content .details.features {
        width: 100%;
        max-width: 100%;
    }
    .features-inner h2 {
        font-size: 46px;
        letter-spacing: 6px;
    }
    section#feature-details {
        z-index: 0;
        padding-top: 40px;
    }
    .features-inner ul {
        margin-bottom: 15px;
        margin-top: -10px;
        padding: 0;
    }
    .features-inner ul li {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 20px;
    }
    .features-inner ul li:after {
        width: 100%;
        margin-left: 0%;
        left: 0;
    }
    .features-inner span {
        margin-bottom: 110px;
    }
    .features-inner span.readmore {
        margin-bottom: 35px;
    }
    section#blog {
        padding-top: 90px;
    }
    section#blog .topborder:before,
    section#blog .topborder:after {
        display: none;
    }
    .posts-inner>h3 {
        display: none;
    }
    .topborder img {
        display: none;
    }
    .blog-left h2 {
        margin-bottom: 42px;
        margin-top: 0;
    }
    .blog-left {
        max-width: 100%;
        border: 0;
        padding-right: 0;
        float: none;
        overflow: hidden;
    }
    .posts-inner {
        margin-top: 20px;
    }
    ul.posts li {
        width: 100%;
        margin-right: 0;
        padding-bottom: 40px;
        border-bottom: 1px solid white;
        margin-bottom: 20px;
    }
    ul.posts li:nth-child(even) {
        margin-left: 0%;
    }
    .sidebar {
        max-width: 100%;
        border-left: 0;
        width: 90%;
        margin: 0 auto;
        float: none;
        padding-left: 0;
        padding-top: 35px;
    }
    input.MailPressFormEmail {
        font-size: 12px;
    }
    section.widget {
        margin-bottom: 60px;
    }
    h2.widget-title {
        margin-bottom: 25px;
    }
    .sidebar h2.widget-title {
        margin-bottom: 10px;
    }
    .backto span {
        padding-top: 0;
    }
    .blog-description {
        margin-top: 50px;
    }
    .share {
        border-bottom: 1px solid white;
        padding-bottom: 60px;
    }
    section.widget:last-child {
        margin-bottom: 0;
    }
    section#content .container.pad30 {
        padding-bottom: 20px;
    }
    .error404 .hero-inner {
        margin-top: -125px;
    }
    .error404 section#banner {
        min-height: 450px;
    }
    .footer-inner ul.visible li {
        width: 100% !important;
        padding-left: 0px!important;
    }
    .footer-inner ul.visible li:nth-child(2) {
        display: block;
    }
    .footer-inner ul.visible li:nth-child(3) span {
        display: inline-block;
    }
    /*******2nd phase*******/
    main#services section#content .details h1 {
        font-size: 28px;
        font-family: 'din_medium', sans-serif;
    }
    main#services section#content .details {
        max-width: 100%;
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    main#services section#content .container {
        width: 100%;
    }
    main#services .services {
        width: 100%;
        margin-top: 80px;
    }
    .services-list .features-inner ul {
        margin-top: -20px;
        margin-bottom: 40px;
    }
    main#services .features-inner ul li {
        width: 280px;
        font-family: 'din_medium', sans-serif;
    }
    main#services section#feature-details {
        margin-top: 0px;
    }
    #retail .container {
        width: 100%;
    }
    ul.retail-list {
        margin-bottom: 0;
    }
    .retail-list li {
        margin-bottom: 35px;
    }
    .retail-list li .thumb {
        width: 100%;
        background: none !Important;
        position: relative;
    }
    .retail-data {
        width: 100%;
        padding: 40px;
    }
    .reatil-head span {
        width: 100%;
        float: left;
    }
    .thumb .desktop-hide {
        display: block;
        width: 100%;
    }
    .picture-box {
        max-width: 100%;
        margin-top: 40px;
    }
    .one-third {
        width: 100%;
        margin-bottom: 20px;
    }
    .one-third figure {
        padding-left: 00px;
    }
    figure .overlay {
        left: 0;
        width: 100%;
    }
    .one-third figure:hover {
        cursor: pointer;
        bottom: 0px;
    }
    .headicons.desktop-hide {
        margin-right: 25px;
    }
    .headicons.desktop-hide li {
        margin-left: 25px;
    }
    .tab-image {
        display: none;
    }
    .categorybar {
        display: none;
    }
    main#gallery .hero-image {
        /* background-image:url('../images/Mobile_Gallery.jpg') !important; */
    }
    main#gallery section#content .container.pad30 {
        padding: 0 15px 40px;
    }
    main#gallery section#content .details h1 {
        font-size: 28px;
        margin: 0;
    }
    section#galleryslider .container {
        width: 100%;
    }
    section#galleryslider .flex-direction-nav {
        width: 100%;
    }
    section#galleryslider {
        margin-bottom: 0px;
        height: 400px;
    }
    #galleryResponse .flex-control-nav {
        width: 100%;
        bottom: 10px;
    }
    .flex-direction-nav a {
        opacity: 1 !important;
    }
    #galleryResponse .flex-direction-nav a {
        margin: -35px -15px 0;
    }
    #galleryResponse .flex-direction-nav a:before {
        content: '';
        width: 40px;
        height: 67px;
        background: url(../images/Arrow-Leftmob.png);
    }
    #galleryResponse .flex-direction-nav a.flex-next:before {
        content: '';
        width: 40px;
        height: 67px;
        background: url(../images/Arrow-Rightmob.png);
    }
    .flex-direction-nav .flex-prev {
        left: 30px !important;
    }
    .flex-direction-nav .flex-next {
        right: 30px !important;
    }
    #green-living .hero-image {
        background-image: url('../images/Mobile_GreenLiving.jpg') !important;
        background-position: center right !important;
    }
    #green-living .services {
        display: none;
    }
    #green-living .features-inner ul li h3 {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 26px;
    }
    #green-living section#feature-details {
        z-index: 0;
        padding-top: 10px;
    }
    #green-living .features-inner ul.innerlist {
        margin: 0px;
    }
    /*#green-living .features-inner ul li {
        line-height: 22px;
        font-family: 'din_medium',  'din_alternateregular', sans-serif;
        font-size: 16px;
    }*/
    p.features-text {
        font-size: 16px;
        /*font-family: 'din_medium',  'din_alternateregular', sans-serif;*/
        margin-bottom: 40px;
    }
    section#mobile-services {
        margin-bottom: 35px;
    }
    #green-living section#content .container {
        width: 86%;
        margin: 0 auto;
        float: none;
    }
    .page-id-340 main#about-temp .hero-image {
        background-image: url('../images/whybozzuto-mobilebg.jpg') !important;
        background-position: right center !important;
    }
    #about-temp section#content .details {
        width: 100%;
    }
    #about-temp section#content .container.pad30 {
        width: 86%;
        padding-bottom: 0;
    }
    .picture-box {
        display: none;
    }
    section#mobile-images {
        margin-bottom: 25px;
        overflow: hidden;
    }
    #mobile-images .one-full {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    #mobile-images .one-full img {
        width: 100%;
    }
    #about-temp figure .overlay {
        width: 100%;
        left: 0;
    }
    /*floor-plan*/
    .floorimage {
        height: auto;
        margin-bottom: 35px;
    }
    .nice-select, .filter-col button.selectivo__label{
        width: 100%;
        font-size: 20px;
        font-family: 'din_alternateregular', sans-serif;
    }
    .landing-list.border-bottom .landing-item {
        width: 100%;
        border: 0;
        height: auto;
        border-bottom: 1px solid;
        padding-bottom: 25px;
        margin-bottom: 35px;
    }
    .landing-list.border-bottom .landing-item:nth-child(3n+3) {
        border-right: 0;
    }
    .landing-item:before {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        top: auto;
        height: 10px;
        width: 1px;
        background: #707070;
    }
    .landing-item:after {
        content: '';
        position: absolute;
        bottom: -5px;
        right: 0;
        height: 10px;
        width: 1px;
        background: #707070;
    }
    .discover.grey.top {
        height: auto;
    }
    .price {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    .price-list {
        clear: both;
        float: left;
        width: 100%;
    }
    .min-price,
    .max-price {
        margin-bottom: 10px;
        width: 100%;
        margin-left: 0;
    }
    .availability {
        margin-left: 0;
        width: 100%;
    }
    .submitform {
        float: left;
        margin-left: 0;
    }
    .floorimage img {
        position: static;
        transform: inherit;
    }
    .iteminner {
        position: static;
        transform: inherit;
        width: 100%;
    }
    #floor-detail {
        padding: 45px 0;
        border: 0;
    }
    .proerty-detail {
        border: none;
        max-width: 90%;
        height: auto;
    }
    .property-data {
        width: 100%;
        padding-left: 0;
    }
    .property-data:before,
    .property-data:after {
        display: none;
    }
    .property-image {
        width: 100%;
        margin-top: 40px;
        padding: 0
    }
    .property-inner {
        padding: 0
    }
    .property-image:before,
    .property-image:after {
        display: none;
    }
    .property-inner img {
        position: static;
        top: 0;
        transform: inherit;
    }
    .action-buttons {
        display: none;
    }
    .keyplans {
        display: none;
    }
    #properylinks-mobile {
        background: white;
        overflow: hidden
    }
    #properylinks-mobile .action-buttons {
        display: block;
        margin-top: 0;
    }
    .action-buttons ul li {
        line-height: 60px;
        width: 100%;
        margin-bottom: 7px;
    }
    #properylinks-mobile .keyplans {
        display: block;
        margin-bottom: 45px;
    }
    #properylinks-mobile .keyplans img {
        width: 100%;
    }
    section#property-content-mobile {
        background: #dddddd;
        padding: 40px 0px;
        width: 100%;
        overflow: hidden;
    }
    .property-content-inner {
        width: 100%;
        max-width: 100%;
    }
    section#property-content-mobile .container img {
        display: none;
    }
    section#property-content-mobile .container {
        padding-bottom: 0;
    }
    .specials {
        line-height: 1.2;
        padding: 10px 20px;
        position: relative;
        position: absolute;
        z-index: 1;
    }
    em.arrow {
        position: absolute;
        right: 6%;
        top: 15px;
        width: 16px;
        height: 10px;
        background: url(../images/select-arrow.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        cursor: pointer;
        display: none;
    }
    .specials .specials-text {
        width: 100%;
        margin: 0 auto;
        font-size: 15px;
    }
    .specials .fieldWrapper em,
    .specials .fieldWrapper span {
        font-size: 10px;
        line-height: 1;
        text-align: left;
    }
    .signup-form {
        display: none;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .signup-form.formopen {
        display: block;
    }
    .signup-form form {
        display: block;
        height: auto;
        overflow: hidden;
    }
    .fieldWrapper {
        float: none;
        width: 200px;
        margin: 0 auto;
    }
    .signup-form input[type="text"] {
        height: 34px;
        width: 200px;
        line-height: 34px;
        font-size: 20px;
        float: none;
        margin: 0 auto 10px;
        display: block;
    }
    .signup-form input[type="submit"] {
        height: 35px;
        width: 200px;
        line-height: 30px;
        font-size: 20px;
        background-image: none;
        float: none;
    }
    .bedrooms {
        margin-bottom: 20px;
    }
    .price-list {
        margin-bottom: 10px;
    }
    hr {
        display: none;
    }
    section#floorplans {
        padding: 15px 0px 0;
        width: 100%;
        float: left;
    }
    .landing-list.border-bottom {
        border: 0;
        padding-bottom: 0;
        margin-top: 30px;
    }
    .landing-list.border-bottom .landing-item:last-child {
        border-bottom: 0;
    }
    .hero-banner.auto-height {
        height: auto !important;
        float: left;
    }
    .hero-banner.auto-height .discover {
        position: relative;
        height: auto !important;
        float: left;
        background-position: top center;
        margin-top: -30px;
        background-repeat: no-repeat;
        background-image: url(../images/bannergrey.png);
        background-color: transparent;
        margin-bottom: 0;
    }
    #floor-result .discover.grey.top,#property-detail .discover.grey.top{
        margin-bottom: 0px;
    }
    .auto-height .plans-head {
        width: 100%;
        background: #5f5f5f;
        padding: 0 5% 25px;
        margin-bottom: 0;
    }
    .auto-height .hero-image h1,
    .auto-height .hero-image strong {
        bottom: 60px !Important;
    }
    .landing-item {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid;
        height: 500px;
    }
    #floor-landing .landing-item h2 {
        font-size: 60px;
        line-height: 500px;
    }
    img.floor-image {
        max-width: 80%;
        max-height: 80%
    }
    #property-detail .hero-image {
        display: block;
    }
    .plans-head form {
        width: 100%;
    }
    #floor-result .hero-image {
        display: block;
    }
    /*floor-plan*/
    .hide {
        display: block;
    }
    #retailpage section#content .details h1 {
        font-size: 28px;
    }
    #retailpage section#content {
        padding-top: 0;
        margin-top: -10px;
    }
    #retailpage section#content .container.pad30 {
        width: 100%;
        padding: 0 40px 20px;
    }
    main#gallery section#content .details.features {
        width: 100%;
        max-width: 100%;
    }
    main#gallery section#content {
        margin-top: 0;
    }
    #green-living .topborder {
        margin-bottom: 10px;
    }
    .landing-list .landing-item:after {
        display: block !important;
    }
    .landing-list .landing-item:before {
        display: block !important;
    }
    .landing-list .landing-item:last-child:after {
        display: none !important;
    }
    .landing-list .landing-item:last-child:before {
        display: none !important;
    }
    .share_box_gallery {
        top: 20px;
        bottom: auto !important;
    }
    .loading-animation {
        display: none !important;
    }
    /*******2nd phase*******/
}

@media(max-width:560px) {
    .loader h1,
    .loader h2 {
        font-size: 20px;
    }
    .hywrap #more-info a {
        font-size: 13px;
    }
    .landing-item {
        height: 500px;
    }
    #floor-landing .landing-item h2 {
        line-height: 300px;
    }
    .overlay .overlay-close {
        right: 0px;
        top: 10px;
    }
    .top h2 {
        font-size: 45px;
        padding-left: 0;
    }
    .top .floor-data {
        padding-top: 0;
    }
    .top .floor-data span {
        margin-bottom: 5px;
        display: block;
    }
}

@media(max-width:400px) {
    .frame-inner ul.menu-list li {
        padding-bottom: 18px;
        font-size: 18px;
    }
    .menu-inner {
        top: 65px;
    }
    .close {
        top: 15px;
    }
}

@media(max-width:375px) {
    .hero-image h1,
    .hero-image strong {
        font-size: 34px;
        bottom: 95px;
    }
    .social-icon {
        margin-top: 15px;
    }
}

@media(max-width:360px) {
    section#banner {
        min-height: 550px;
    }
    .hero-inner h2, .not-found h1 {
        font-size: 42px;
    }
    .hero-inner {
        margin-top: -170px;
    }
    main#gallery section#content .details h1 {
        font-size: 26px;
    }
}

@media(max-width:340px) {
    html.menu-open {
        overflow: initial !important;
    }
    .menu-inner {
        height: 360px;
    }
    .header-inner.mobile-fixed {
        position: inherit;
    }
    .directions.desktop-hide.direction-fixed {
        position: absolute;
    }
}


/*======== Forced Media Queries ===========*/

@media screen and (device-aspect-ratio: 40/71) {
    .frame-inner {
        margin-top: 0;
        padding: 15px 0 0px;
    }
    .frame-inner ul.menu-list li {
        padding-bottom: 15px;
    }
    .frame-inner ul.menu-list li {
        font-size: 18px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    section#banner {
        min-height: 350px;
        min-height: inherit;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) and (orientation: portrait) {
    .hero-image {
        background-position: center center !important;
        background-attachment: inherit;
    }
    .menu_icon:hover span {
        background: #C5AE88;
    }
    .menu_icon:hover p {
        color: #C5AE88;
    }
    .frame-inner ul.menu-list li a:hover {
        color: #818285;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .hero-image {
        background-position: center center !important;
        background-attachment: inherit !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
    html {
        -webkit-text-size-adjust: none
    }
    section#banner {
        min-height: 350px;
    }
    .hero-image {
        background-position: center center !important;
        background-attachment: inherit !important;
    }
    .menu-inner {
        height: 450px;
    }
    .menu-opened {
        overflow-y: initial;
    }
    .frame-inner ul.menu-list li a:hover {
        color: #818285;
    }
    .header-inner.mobile-fixed {
        position: inherit;
    }
    .directions.desktop-hide.direction-fixed {
        position: absolute;
    }
    .menu-inner.loaded .frame {
        /*  overflow-y: auto;*/
        height: 570px;
    }
    .error404 .hero-inner {
        margin-top: -125px;
    }
    .error404 section#banner {
        min-height: 450px;
    }
}


/******* tab3 trget*********/

@media (min-width: 960px) and (max-width: 980px) and (max-height: 500px) {
    .menu-inner {
        top: 20px;
        width: 800px;
        left: 50%;
        margin-left: -420px;
    }
    .close {
        top: 20px;
    }
    .menu-inner .frame {
        height: 320px;
        padding: 10px 0 15px;
    }
    .framelogo img {
        width: 70px;
        height: auto;
    }
    .frame-inner {
        padding: 30px 0;
    }
    .frame-inner ul.secondry-menu {
        margin-top: 20px;
    }
    .frame-inner ul.secondry-menu li {
        padding: 0 20px;
    }
}

@media (min-width: 1020px) and (max-width: 1030px) and (max-height: 520px) {
    .menu-inner {
        top: 20px;
    }
    .close {
        top: 20px;
    }
    .menu-inner {
        width: 830px;
        margin-left: -415px;
    }
    .menu-inner .frame {
        height: 320px;
        padding: 10px 0 15px;
    }
    .framelogo img {
        width: 70px;
        height: auto;
    }
    .frame-inner {
        padding: 30px 0;
    }
    .frame-inner ul.secondry-menu {
        margin-top: 20px;
    }
    .frame-inner ul.secondry-menu li {
        padding: 0 20px;
    }
}

@media(min-width: 961px) and (max-width: 1400px) {
    /* .home .hero-image{
        height: auto !important;
    } */
    /* .home section#banner{
        height: auto !important;
    } */
}

@media(max-width: 767px) {
    .textwidget p {
        max-width: 80%;
        margin: 0 auto;
    }
    #galleryslider .flex-pauseplay {
        top: 20px;
        bottom: auto;
    }
    .specials-popup-content{
        padding: 30px;
    }
    .specials-popup-content .h3{
        line-height: 1.2;
    }
}

@media only screen and (min-width: 1024px) {
    .energy_logo {
        position: absolute;
        right: 10px;
        bottom: 60px;
        top: auto;
    }
    .fitwell_logo{
        position: absolute;
        right: 45px;
        bottom: 62px;
        top: auto;
    }
    .secondry-footer {
        position: static;
    }
}

@media only screen and (max-width: 1023px) {
    .footerlogo a {
        position: relative;
        top: 12px;
    }
}

@media screen and (max-width: 1023px) {
    .specials-popup.visible {
        top: -184px;
    }
    .specials-popup h3 {
        font-size: 20px;
    }
}

@media (max-width: 640px) {
    .specials-popup h3 {
        font-size: 20px;
    }
}

@media (max-width: 380px) {
    .specials-popup>div {
        padding: 15px 20px;
    }
    .specials-popup .btn {
        max-width: 100%;
        padding: 10px 0;
        font-size: 14px;
    }
    .specials-popup h3{
        font-size: 14px;
        line-height: 18px;
    }
    .gal_pattern {
        min-height: 260px;
    }
}

@media (max-width: 375px) {
    .specials-popup {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 374px) {
    .specials-popup {
        height: 250px;
    }
    .specials-popup.visible {
        top: -207px;
    }
    .specials-popup.opened {
        top: 60px;
    }
    .specilas-down {
        bottom: 30px;
    }
}

@media (max-width: 353px) {
    .specials-popup {
        height: 270px;
    }
    .fplan-detail-desc {
        font-size: 17px;
    }
}
/* Popup edits */
@media only screen and (max-width:767px) {
    .sh-popup-wrap .sh-popup-content {
        flex-wrap: wrap;
    }
    .sh-popup-wrap .special-cta {
        width: 100%;
        margin: 10px auto;
    }
    iframe#sightmap {
        padding: 0 30px 30px 30px;
    }
}
@media only screen and (max-width:768px){
   .viewmapdiv{
        margin-top: 20px;
    }
    .button-wrap{
        display: flex;
        float: left;
        flex-direction: column;
    }
    .viewmapdiv.desk,.wrap-btn,.submitform.desk{
        display: none!important;
    }
    .viewmapdiv.mob{
        display: block!important;
    } 
    }
    @media only screen and (min-width:768px){
        .plans-head form{
            display: block!important;
        }
        .viewmapdiv{
            float: right;
            margin-top: 20px;
        }
        .button-wrap{
            display: none;
        }
        .viewmapdiv.desk{
            display: block!important;
            margin: 20px auto 0;
            width: 960px;
        }
        .viewmapdiv .submit-form{
            margin: 0 0 0 auto;
        }
        .viewmapdiv {
            float: none;
        }
        .viewmapdiv .submit-form{
            height: 45px;
        line-height: 45px;
        }
    }
    @media only screen and (max-width: 979px) and (min-width: 768px){
        .viewmapdiv .submit-form{
        width: 125px;
        padding-left: 15px;
        font-size: 15px;
        }
        .viewmapdiv.desk{
            display: block!important;
            margin: 20px auto 0;
            width:760px;
        }
        #sightmap-page .btn-prime{
            height: 45px;
            line-height: 45px;
            font-size: 15px;
            
    width: 230px;

        }

    } 
     @media only screen and (max-width: 1199px) and (min-width: 980px){
        .viewmapdiv .submit-form{
        width: 147px;
        padding-left: 15px;
        }
        .submitform .submit-form,.viewmapdiv .submit-form{
            font-size: 17px;
        }
        #sightmap-page .btn-prime{
            height: 45px;
    line-height: 45px;
    width: 350px;
    padding-left: 15px;
        }
 
    }
    @media only screen and (max-width: 1440px) and (min-width: 1200px){

        .viewmapdiv .submit-form{
            width: 180px;
        }
        .viewmapdiv.desk{
            display: block!important;
            margin: 20px auto 0;
            width: 1170px;
        }
    }
    @media only screen and (min-width: 1440px){
        .viewmapdiv.desk{
            display: block!important;
            margin: 20px auto 0;
            width: 1420px;
        }
        .viewmapdiv .submit-form{
            height: 65px;
        line-height: 65px;
        }
        .wrap-btn{
            height: 120px;
        }
        section#floorplans{
            padding: 210px 0 90px;
        }
    }

    @media only screen and (max-width: 979px) and (min-width: 768px) {
        .system .landing-item .viewdetail{
            top:200px;
        }
    }
    @media only screen and (max-width: 767px) and (min-width: 320px) {
        .item-properties .bottom span{
            font-size: 17px!important;
        }
    }