@media(max-width:1400px) {
    h1 {
        font-size: 3.2em;
        font-weight: 900;
    }
    h2 {
        font-size: 2.8em;
        font-weight: 900;
    }
    h3 {
        font-size: 2.5em;
    }
    h4 {
        font-size: 1.5em;
    }
    h5 {
        font-size: 1.2em;
    }
    h6 {
        font-size: 1.1em;
    }
}

@media (min-width:1201px) and (max-width:1400px) {
    html,
    body {
        font-size: 13px;
    }
    p {
        line-height: 1.5;
    }
    .section--icon {
        width: 54px;
        height: 54px;
        margin-bottom: 25px;
    }
    .nav {
        padding: 100px 70px;
    }
    .nav__vertical li a {
        padding: 15px 0;
    }
    body.is--home .section {
        padding: 90px 0 50px;
    }
    body.is--home .section.section--contact {
        padding-bottom: 0px;
        background: none;
        padding-top: 0px;
    }
    body.is--home .section.section--main {
        padding: 0px;
    }
    .slider--item::after {
        bottom: 21%;
    }
    .scroll-down {
        bottom: 40px;
        height: 42px;
        width: 40px;
    }
    body.is--home .section {
        padding: 100px 0 50px;
    }
    .caraousel--single .slick-arrow.slick-next:before,
    .caraousel--single .slick-arrow.slick-prev:before {
        width: 50px;
        height: 30px;
        left: 50%;
    }
    .lifestyle--slider {
        padding-top: 60px;
    }
    .nav--sticky {
        display: none;
    }
    .section-height {
        height: 70vh;
    }
    .slider--box .slick-dots {
        top: 88%;
    }
    .slider--box .slick-arrow {
        top: 87.3%;
    }
    .slider--item:after {
        bottom: 26%;
    }
    .residences .lsitem--content {
        padding: 0 50px;
    }
    .slider--item:after {
        bottom: 21%;
    }
    .menu_ico {
        height: 25px;
    }
    .social--icon {
        width: 37px;
        height: 37px;
        line-height: 37px;
    }
    .social--icon svg {
        height: 15px;
    }
    .row-custom [class*="col-"] {
        padding-left: 100px;
        padding-right: 100px;
    }
    .row-custom {
        margin-left: -100px;
        margin-right: -100px;
    }
    h1 {
        font-size: 2.8em;
        font-weight: 600;
    }
    h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1.5em;
    }
    h4 {
        font-size: 1.3em;
    }
    h5 {
        font-size: 1em;
    }
    h6 {
        font-size: 0.7em;
    }
    .build--icon {
        height: 75px;
    }
    .col_shift.col_shift--last {
        margin-top: -150px;
    }
    .col_shift {
        margin-top: -50px;
    }
    .carousel--icon {
        height: 40px;
    }
    .caraousel--single-content {
        width: 50%;
    }
    .caraousel--single-media {
        width: 50%;
    }
    .caraousel--single-icon img {
        display: inline-block;
    }
    .caraousel--single-icon {
        text-align: center;
    }
    .caraousel--single .slick-arrow.slick-next:before {
        top: 0;
    }
    .caraousel--single-icon {
        height: 64px;
    }
    .lifestyle--slider {
        padding-top: 100px;
    }
    .scroll-top span {
        height: 42px;
        width: 42px;
        vertical-align: middle;
    }
    .scroll-top h2 {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5em;
        padding-left: 10px;
    }
    .scroll-top {
        padding: 15px 0;
    }
    .form--newsletter .form--normal input[type="email"] {
        height: 50px;
    }
    .form--newsletter .form--normal li input[type="submit"] {
        height: 50px;
    }
    .contact--box p {
        margin-bottom: 0;
        font-size: 0.8em;
    }
    .contact--details {
        margin: 0;
    }
    .social--listing {
        padding-top: 15px;
    }
    .contact--box {
        padding: 20px;
        min-height: 134px;
    }
    .form--normal li {
        padding: 0;
    }
    .form--normal li textarea {
        padding: 10px 0 0 0;
    }
    .listing--logos li {
        max-width: 130px;
    }
    .listing--logos {
        padding: 0px 0 30px;
    }
    .footer--bottom {
        padding: 20px 0;
    }
    .footer--top {
        padding: 20px 0;
    }
    .form--normal textarea {
        height: 80px;
    }
    .main--banner {
        min-height: 285px;
    }
    .banner--icon {
        height: 45px;
    }
    .lsitem--icon {
        height: 40px;
    }
    .lsitem--content h2 {
        font-size: 2.5em;
    }
    .lsitem--content h2 {
        font-size: 1.5em;
    }
    .ls--features a.ls--features-btn--js {
        padding: 10px 0;
        font-size: 1.1em;
    }
    .ls--gallery-content h2 {
        font-size: 2.1em;
        line-height: 1;
        text-transform: uppercase;
    }
    .slider--ameneties .slick-slide.slick-active + .slick-current + .slick-slide.slick-active a .carousel--thumb {
        opacity: 1;
    }
    .banner--content p {
        font-size: 1.1em;
        line-height: 1;
    }
    .contact--wrapper {
        margin-top: -30px;
    }
    .contact--wrapper h2 {
        font-size: 3em;
        padding-bottom: 20px;
    }
    .contact--wrapper {
        max-width: 870px;
        margin: 0px auto;
        margin-top: -30px;
        padding: 50px 100px;
    }
    .contact--map {
        top: 30px;
    }
    .banner--content h2 {
        font-size: 2.5em;
    }
    .contact--wrapper p {
        font-size: 1.2em;
    }
    .contact--type-media {
        height: 74px;
    }
    .contact--type-content {
        font-size: 1.2em;
    }
    p {
        font-size: 1em;
    }
    .contact--icon {
        width: 22px;
        display: inline-block;
    }
    .contact--wrap div.contact--box:last-child p {
        font-size: 1.2em;
        line-height: 1;
    }
    .contact--section .contact--wrap .contact--box {
        min-height: 143px;
    }
    .contact--section .contact--wrap .contact--box {
        padding: 30px;
    }
    .selection .selection__icon {
        height: 40px;
    }
    .selection__label {
        font-size: 1.1em;
    }
    .range--title {
        font-size: 1.3em;
    }
    .contact--wrapper {
        max-width: 1000px;
    }
    .visit-fields input[type="text"],
    .time-select {
        background-size: 20%;
        height: 45px;
        line-height: 45px;
        width: 190px;
        min-width: 1%;
    }
    .time-select::after {
        width: 17px;
        height: 10px;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    .contact--wrapper h3 {
        font-size: 1.5em;
        line-height: 1;
        padding-bottom: 40px;
    }
    .visit-fields input[type="submit"],
    .contact--form input[type="submit"],
    .visit-fields input[type="submit"]:hover,
    .contact--form input[type="submit"]:hover {
        width: 55px;
        height: 55px;
        background-size: 40%;
    }
    .section--buildings .container--fixed {
        max-width: 1070px;
    }
    .section--amenities {
	padding: 25px 0 0 0;
}
    .locale .lsitem--icon {
	height: 50px;
}
}

@media (min-width:1023px) and (max-width:1200px) {
    .caraousel--single-media {
        width: 61%;
    }
    .caraousel--four .slick-arrow {
        opacity: 1;
    }
    body {
        font-size: 15px;
        line-height: 20px;
    }
    .nav--sticky {
        display: none;
    }
    .nav__vertical li a {
        padding: 25px 0;
    }
    .slide__content {
        top: 55%;
    }
    .btn-positioned {
        top: 50px;
    }
    .section-head h2 {
        font-size: 2em;
        padding-bottom: 10px;
    }
    .caraousel--four li {
        padding: 5px;
    }
    .section--amenities {
        min-height: 1%;
    }
    .section--amenities .btn {
        margin-top: 20px;
    }
    .section--icon {
        width: 64px;
        height: 64px;
        margin-bottom: 15px;
    }
    .lifestyle--slider {
        padding-top: 140px;
    }
    .caraousel--single .slick-arrow.slick-prev:before {
        top: -130%;
    }
    .caraousel--single .slick-arrow.slick-next::before {
        top: 60%;
        left: 30px;
    }
    .caraousel--single-data {
        padding: 30px;
    }
    .slider-lifestyle .slick-slide {
        padding: 0 30px 0 0;
    }
    .slick-current .caraousel--single-media::after {
        right: -10px;
        top: -20px;
        bottom: -20px;
    }
    .copyright {
        margin-bottom: 0;
    }
    .section-height {
        height: 70vh;
    }
    body.is--home .section--contact {
        padding: 0px 0 50px;
        background: #05253b;
        margin-top: 70px;
    }
    .slide__content {
        top: 75%;
    }
    .scroll-down {
        bottom: 50px;
    }
    .slider--box .slick-dots {
        right: 150px;
    }
    .slider--box .slick-dots::after {
        right: -330px;
    }
    .slider--box .slick-arrow {
        right: 110px;
    }
    .slick-prev.slick-arrow {
        right: 254px;
    }
    /*inner css*/
    #body--inner.is--home .section--amenities {
        padding: 20px 0 10px 0;
    }
    /*lifestyle*/
    .lsitem--content h2 {
        font-size: 1.6em;
        line-height: 1;
        padding: 10px 0;
        margin-bottom: 10px;
    }
    .ls--featureslist {
        margin-top: 20px;
    }
    .lsitem--list.imgblock::before {
        left: 30px;
        right: 30px;
        bottom: 30px;
        top: 30px;
    }
    .ls--gallery-content {
        top: 60%;
    }
    .ls--gallery::after {
        top: 68%;
    }
    .section--contact-newsletter {
        padding-bottom: 0;
    }
    .contact--newsletter {
        margin: 0 auto;
    }
    .contact--wrapper {
        padding: 70px 0;
        margin-top: -50px;
    }
    .contact--wrapper.contactus {
        max-width: 830px;
        margin: 0px auto;
        margin-top: -70px;
    }
    .contact--form.form--normal input[type="submit"] {
        background-position: 80% center;
    }
    .contact--wrapper {
        width: 830px;
        margin: 0px auto;
        margin-top: -80px;
    }
    .range-slide {
        padding: 60px 0;
        max-width: 700px;
        margin: 0px auto;
    }
    .visit-fields label {
        display: block;
        text-align: left;
        padding-bottom: 10px;
    }
    .visit-fields input[type="text"],
    .time-select {
        width: 100%;
    }
    .no-display {
        display: none;
    }
    .visit-block {
        padding: 0 30px;
    }
    .visit-fields.last-visit {
        padding-top: 25px;
    }
}

@media(max-width:1023px) {
    .nav--sticky {
        display: none;
    }
    .slider--box .slick-arrow {
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }
    .slider--box .slick-next.slick-arrow {
        left: auto;
        right: 0;
    }
    .slider--box .slick-arrow {
        width: 50px;
        height: 35px;
    }
    .slider--box .slick-prev:before,
    .slider--box .slick-next:before {
        top: 30px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
    }
    .slider--box .slick-prev:before {
        left: 10px;
    }
    .slider--box .slick-next:before {
        right: 10px;
    }
    /*inner css*/
    #body--inner.is--home .section--amenities {
        padding: 20px 0 10px 0;
    }
    .locale .lsitem--content p {
        padding-bottom: 0;
    }
    .locale .lsitem--content h2 {
        font-size: 2em;
    }
    .locale .lsitem--icon {
        height: 55px;
    }
    .locale .lsitem--content {
        bottom: 30px;
    }
    .locale .locale--listing-content {
        text-align: left;
    }
    .locale--listing-media img {
        width: 100%;
    }
    .banner--icon {
        height: 50px;
    }
    .banner--content h2 {
        font-size: 3em;
        margin-bottom: 10px;
    }
    .contact--wrapper {
        padding: 60px 30px;
        margin-top: -60px;
    }
    .contact--type-content {
        font-size: 1.2em;
    }
    .contact--section .contact--wrap {
        margin: 20px auto;
        font-size: 1.3em;
    }
    .section--contact-newsletter {
        padding-bottom: 0px;
    }
    .contact--newsletter {
        margin: 0 auto;
    }
}

@media (min-width:768px) and (max-width:990px) {
    .caraousel--four .slick-arrow {
        opacity: 1;
    }
    body.is--home .section {
        padding: 100px 0 50px 0;
    }
    .section-height {
        height: 90vh;
    }
    #fullpage .section--main {
        padding: 0;
    }
    .section {
        text-align: center;
    }
    .col_shift,
    .col_shift.col_shift--last {
        margin-top: 0;
    }
    .section--amenities .btn {
        margin-top: 20px;
    }
    .btn:hover::before,
    .btn:active::before {
        border-color: #c2942d;
    }
    .nav--sticky {
        display: none;
    }
    .nav {
        padding: 80px 40px;
    }
    .slide__content {
        width: 95%;
    }
    .row-custom [class*="col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .row-custom {
        margin-left: -20px;
        margin-right: -20px;
    }
    .section-head h2:after {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
    .building--types {
        display: table;
        width: 100%;
        margin: 50px 0 0 0;
    }
    .btn-positioned {
        text-align: center;
        position: relative;
        top: auto;
        margin-top: 50px;
    }
    .build--bottom {
        text-align: left;
    }
    .section--buildings::before {
        left: 50%;
    }
    .section-height {
        height: 80vh;
    }
    .lifestyle--slider {
        padding-top: 0;
    }
    .caraousel--single-content {
        width: 100%;
        display: block;
        vertical-align: middle;
        margin: 0;
        padding-right: 0;
    }
    .caraousel--single-media {
        width: 90%;
        margin: 100px 0 0 0;
    }
    .slider-lifestyle .slick-slide {
        padding: 0 10px;
    }
    .caraousel--single .slick-arrow {
        left: 0;
    }
    .slider-lifestyle .slick-prev.slick-arrow {
        top: 0;
    }
    .caraousel--single .slick-next.slick-arrow {
        left: auto;
        bottom: auto;
        right: 0;
        top: 0;
    }
    .caraousel--single .slick-arrow.slick-prev:before {
        top: -13px;
    }
    .caraousel--single-description {
        text-align: left;
    }
    .caraousel--single .slick-arrow.slick-prev:before,
    {
        top: -10px;
        right: auto;
        left: 10px;
    }
    .build--icon {
        height: 85px;
    }
    .scroll-top span,
    .scroll-top h2 {
        display: inline-block;
        vertical-align: middle;
    }
    .scroll-top h2 {
        padding-left: 10px;
    }
    .contact--form {
        margin-bottom: 30px;
    }
    .slider--box .slick-arrow {
        width: 40px;
        height: 75px;
        background: rgba(0, 0, 0, 0.5);
    }
    .slider--box .slick-arrow.slick-next {
        border-radius: 10px 0 0 10px;
    }
    .slider--box .slick-arrow.slick-prev {
        border-radius: 0 10px 10px 0;
    }
    .caraousel--single .slick-arrow.slick-next:before {
        top: 20px;
        right: 10px;
        left: auto;
    }
    .contact--details h2:after {
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        left: 50%;
    }
    .listing--logos li img {
        height: auto;
    }
    .listing--logos {
        padding: 10px 0 20px;
    }
    body.is--home .section--contact {
        padding: 0px 0 0px;
        margin-top: 70px;
    }
    .footer--menu li a {
        font-size: 0.9em;
    }
    .section--amenities .btn {
        margin-top: 10px;
    }
    body.is--home .section--amenities {
        padding: 80px 0 50px;
    }
    /*lifestyle*/
    .lsitem {
        display: block;
    }
    .lsitem--list {
        width: 100%;
    }
    .section.section--padding {
        padding: 0 0 20px 0;
        margin-top: 0;
    }
    .lsitem--list {
        padding: 20px 20px 0 20px;
    }
    .lsitem--list.imgblock {
        padding: 0;
    }
    .lsitem--list.imgblock:before {
        border: 1px solid #da5532;
        left: 20px;
        right: 20px;
        bottom: 20px;
        top: 20px;
    }
    .ls--featureslist {
        text-align: left;
    }
    .ls--featureslist {
        padding: 0;
    }
    .ls--features h3 {
        padding-top: 20px;
    }
    .ls--featureslist {
        margin-top: 20px;
    }
    .ls--features a {
        margin-top: 20px;
    }
    .ls--gallery-content h2 {
        font-size: 1.5em;
    }
    .ls--gallery-content p {
        font-size: 1em;
        padding-top: 0;
    }
    .ls--gallery-content {
        padding: 0 10px;
        top: 66%;
        max-width: 560px;
    }
    .ls--gallery:after {
        top: 70%;
        right: auto;
        width: 250px;
    }
    .ls--gallery-media:before {
        opacity: 1;
    }
    .section.section--padding.ls--gallery-section {
        padding-bottom: 0;
    }
    .ls--listing li {
        font-size: 0.9em;
    }
    .no-display {
        display: none;
    }
    /*contact*/
    .contact--wrapper {
        margin: 0px auto;
        margin-top: -60px;
        max-width: 650px;
    }
    .contact--type-content {
        font-size: 0.99em;
    }
    .contact--wrapper {
        padding: 60px;
    }
    .contact--wrapper h2 {
        font-size: 3.4em;
    }
    .contact--map {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 0;
        height: 300px;
    }
    .contact--wrapper h3 {
        font-size: 1.5em;
    }
    .selection__label {
        font-size: 1em;
    }
    .inline-list li {
        padding: 0 15px;
        display: inline-block;
    }
    .inline-list li {
        padding: 0 15px;
        display: inline-block;
    }
    .inline-list {
        display: block;
        margin: 0px auto;
        white-space: nowrap;
        overflow: auto;
    }
    .inline-list ul {
        display: block;
        flex-wrap: unset;
    }
    .visit-fields input[type="text"] {
        width: 100%;
        text-align: left;
    }
    .visit-fields label {
        padding-right: 0px;
        display: block;
        margin-right: 0px;
        text-align: left;
        padding-bottom: 5px;
    }
    .visit-fields {
        margin-bottom: 20px;
    }
    .skip {
        float: left;
    }
    .time-select ul,
    .time-select {
        min-width: 1%;
        width: 100%;
    }
    .main--banner::after {
        right: calc(50% + 120px);
    }
    .contact--section form.contact--form.form--normal input[type="submit"] {
        background-position: 80% center;
        background-size: 10%;
    }
    .contact--section form.contact--form.form--normal .visit-fields {
        position: absolute;
        left: auto;
        top: -50px;
    }
    .contact--form .captcha {
        float: none;
        max-width: 100%;
    }
    .contact--map {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 0;
        height: 300px;
    }
    .no-display {
        display: none;
    }
    .contact--section form.contact--form.form--normal .visit-fields {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        height: auto;
        line-height: 1;
    }
    .range--title {
        font-size: 1.2em;
    }
    .contact--details .contact--form {
        text-align: center;
    }
}

@media(max-width:767px) {
    body.is--home .section--contact {
        margin-top: 0;
    }
    html,
    body {
        font-size: 13px;
        line-height: 18px;
    }
    .build--bottom {
        text-align: center;
    }
    .btn-positioned {
        margin-top: 20px;
    }
    body.is--home .section {
        padding: 70px 0 50px;
    }
    .logo img {
        margin-top: 0;
    }
    .nav--sticky {
        display: none;
    }
    .toggle--nav {
        padding: 0 10px;
    }
    #header .logo {
        width: 180px;
        margin: 20px 20px;
        padding: 0;
    }
    .toggle__icon {
        margin-right: 0;
        top: 0;
    }
    .nav__vertical li a {
        padding: 9px 0;
        font-size: 1.2em;
    }
    .nav {
        padding: 100px 10px;
    }
    html.is--nav-show .header__actions {
        background: rgba(9, 49, 78, 0.9);
    }
    .social--icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .social--icon svg {
        height: 12px;
        width: auto;
    }
    .social--listing ul li {
        padding-left: 5px;
    }
    .social--listing {
        padding-top: 20px;
    }
    .section,
    .section,
    body.is--home .section,
    .contact--details .contact--form {
        padding: 0 0 20px 0;
        text-align: center;
        margin-top: 20px;
    }
    .contact--form {
        margin-bottom: 20px;
    }
    .section-head h2::after {
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }
    .section--main,
    .slide {
        height: 100vh;
    }
    .section--main::after {
        width: 240px;
        border-top: 72px solid rgba(255, 255, 255, 0.08);
        border-right: 72px solid rgba(255, 255, 255, 0.08);
    }
    .slide__content-box {
        padding: 10px 0 20px;
    }
    .slide__content h1 {
        font-size: 2em;
    }
    .slide__content {
        position: absolute;
        top: 50%;
        width: 100%;
    }
    .slider--box,
    .slider--item,
    .slide-wrap {
        height: 100vh;
    }
    .scroll-down {
        bottom: 28px;
        width: 42px;
        height: 42px;
        display: none;
    }
    .section-head h2 {
        font-size: 1.6em;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .col_shift {
        margin-top: 0;
    }
    .btn-positioned {
        text-align: center;
        position: relative;
        top: auto;
    }
    .col_shift.col_shift--last {
        margin-top: 0;
    }
    .build--bottom {
        padding: 0px 0 0 0;
        position: relative margin-top: 20px;
    }
    .build--bottom h3 {
        font-size: 1.2em;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .build--bottom::before {
        left: 50%;
        top: 25px;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }
    .section--residences .section-head,
    .section--accomodations .section-head {
        bottom: 40px;
        opacity: 1;
    }
    .build--icon {
        height: 75px;
    }
    .btn:hover:before,
    .btn:active:before {
        border-color: #c2942d;
    }
    .carousel--icon {
        height: 40px;
        margin-bottom: 10px;
    }
    .carousel--content {
        padding: 0 10px;
    }
    .section--icon {
        width: 64px;
        height: 64px;
        margin-bottom: 15px;
    }
    .carousel--icon:before {
        width: 20px;
        height: 10px;
        right: -20px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
    .carousel--icon::after {
        width: 20px;
        height: 10px;
        left: -20px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
    .carousel--content h3 {
        padding: 10px 0 5px 0;
    }
    .carousel--content p {
        line-height: 1.3em;
    }
    .caraousel--four .slick-arrow.slick-next {
        right: 0;
    }
    .caraousel--four .slick-arrow {
        width: 46px;
        height: 46px;
        opacity: 1;
    }
    .caraousel--four .slick-arrow.slick-prev {
        left: 0;
    }
    .caraousel--four .slick-arrow.slick-next:before {
        width: 20px;
        height: 14px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
    .caraousel--four .slick-arrow.slick-prev:before {
        width: 20px;
        height: 10px;
        content: "";
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
    .section--amenities {
        min-height: 1%;
    }
    .lifestyle--slider {
        padding-top: 0;
    }
    .caraousel--single-content {
        width: 100%;
        display: block;
        vertical-align: middle;
        margin: 0;
        padding-right: 0;
    }
    .caraousel--single-media {
        width: 100%;
        display: block;
        vertical-align: middle;
        margin: 0;
        position: relative;
        margin: 40px 0 0 0;
    }
    .slider-lifestyle .slick-slide {
        padding: 10px;
    }
    .slick-current .caraousel--single-media:after {
        right: -10px;
        top: -10px;
        bottom: -10px;
    }
    .caraousel--single-icon {
        height: 44px;
        width: 44px;
    }
    .caraousel--single-description {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-left: 10px;
        border-left: 1px solid #fff;
        margin-left: 0px;
    }
    .slick-current .caraousel--single-data {
        opacity: 1;
        visibility: visible;
        padding: 10px;
        text-align: left;
    }
    .caraousel--single .slick-arrow.slick-next::before {
        width: 30px;
        height: 20px;
        left: 20%;
        top: 15px;
        border-top: 8px solid #c59412;
        border-right: 8px solid #c59412;
    }
    .caraousel--single .slick-arrow.slick-prev::before {
        width: 30px;
        height: 20px;
        left: 0;
        top: 0;
        border-top: 8px solid #da5532;
        border-right: 8px solid #da5532;
    }
    .caraousel--single .slick-arrow {
        width: 50px;
        height: 69px;
        top: 0;
    }
    .caraousel--single .slick-arrow.slick-next {
        right: 30px;
        left: auto;
    }
    .caraousel--single .slick-arrow.slick-prev {
        right: auto;
        left: 30px;
    }
    .scroll-top {
        padding: 20px 0;
    }
    .scroll-top span {
        height: 42px;
        width: 42px;
        display: inline-block;
        vertical-align: middle;
    }
    .scroll-top h2 {
        font-size: 1.6em;
        display: inline-block;
        vertical-align: middle;
        padding-left: 10px;
    }
    .contact--details h2 {
        font-size: 1.6em;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .contact--details h2::after {
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
    }
    .contact--box {
        width: 100%;
        padding: 15px;
        min-height: 1%;
    }
    .listing--logos li img {
        height: 38px;
    }
    .footer--top {
        padding: 20px 0;
    }
    .footer--bottom {
        padding: 20px 0;
    }
    .listing--logos li img {
        height: auto;
    }
    .listing--logos li {
        padding: 15px;
    }
    .listing--logos {
        padding: 0 0 20px 0;
    }
    .slider--box .slick-arrow {
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
    }
    .slider--box .slick-next.slick-arrow {
        left: auto;
        right: 0;
    }
    .slider--box .slick-arrow {
        width: 50px;
        height: 35px;
    }
    .slider--box .slick-prev:before,
    .slider--box .slick-next:before {
        top: 25px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
    }
    .slider--box .slick-prev:before {
        left: 10px;
    }
    .slider--box .slick-next:before {
        right: 10px;
    }
    .slider--box:before {
        width: 500px;
        height: 130%;
        border-top: 92px solid rgba(255, 255, 255, 0.08);
        border-right: 92px solid rgba(255, 255, 255, 0.08);
    }
    .carousel--content .carousel--content-txt {
        top: 60%;
        width: 100%;
        padding: 10px;
    }
    .section--main a.slick-next.slick-arrow {
        background: rgba(0, 0, 0, 0.5);
        height: 60px;
        width: 40px;
        border-radius: 10px 0 0 10px;
    }
    .section--main a.slick-prev.slick-arrow {
        background: rgba(0, 0, 0, 0.5);
        height: 60px;
        border-radius: 0 10px 10px 0;
        width: 40px;
    }
    /*inner css*/
    .main--banner {
        min-height: 300px;
    }
    .banner--content {
        width: 390px;
        padding-top: 50px;
    }
    #body--inner.is--home .section--amenities {
        padding: 20px 0 0px 0;
        margin-top: 0;
    }
    /*lifestyle*/
    .lsitem {
        display: block;
    }
    .lsitem--list {
        width: 100%;
    }
    .section.section--padding {
        padding: 0 0 20px 0;
        margin-top: 0;
    }
    .lsitem--list {
        padding: 20px 20px 0 20px;
    }
    .lsitem--list.imgblock {
        padding: 0;
    }
    .lsitem--list.imgblock:before {
        border: 1px solid #da5532;
        left: 20px;
        right: 20px;
        bottom: 20px;
        top: 20px;
    }
    .ls--featureslist {
        text-align: left;
    }
    .ls--featureslist {
        padding: 0;
    }
    .ls--features h3 {
        padding-top: 20px;
    }
    .ls--featureslist {
        margin-top: 20px;
    }
    .ls--features a {
        margin-top: 20px;
    }
    .ls--gallery-content h2 {
        font-size: 1.5em;
    }
    .ls--gallery-content p {
        font-size: 1em;
        padding-top: 0;
    }
    .ls--gallery-content {
        padding: 0 10px;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        max-width: 530px;
    }
    .ls--gallery:after {
        top: 40%;
        right: auto;
        width: 170px;
    }
    .ls--gallery-media:before {
        opacity: 1;
    }
    .section.section--padding.ls--gallery-section {
        padding-bottom: 0;
    }
    .ls--gallery .slick-arrow {
        width: 46px;
        height: 46px;
        top: -40px;
        border-color: #ed5a3f;
    }
    .ls--gallery {
        margin-top: 70px;
    }
    .ls--gallery .slick-arrow.slick-next:before,
    .ls--gallery .slick-arrow.slick-prev:before {
        width: 20px;
        height: 15px;
    }
    .ls--gallery .slick-arrow.slick-next:before {
        left: auto;
        right: 14px;
        top: 16px;
        border-top: 4px solid #ed5a3f;
        ;
        border-right: 4px solid #ed5a3f;
        ;
    }
    .ls--gallery .slick-arrow.slick-prev:before {
        left: 14px;
        right: auto;
        top: 16px;
        border-top: 4px solid #ed5a3f;
        ;
        border-right: 4px solid #ed5a3f;
        ;
    }
    .locale .lsitem--content {
        position: relative;
        max-width: 960px;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        padding: 20px;
    }
    .locale .lsitem--content p {
        font-size: 1em;
        color: #696868;
        line-height: 1.3;
    }
    .contact--wrapper {
        padding: 30px;
        margin-top: -20px;
    }
    .contact--wrapper h2 {
        font-size: 3.4em;
        padding-bottom: 25px;
    }
    .banner--icon {
        height: 40px;
    }
    .banner--content h2 {
        font-size: 3em;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .contact--wrapper p {
        padding-bottom: 0;
    }
    .contact--type-media {
        height: 65px;
        padding-bottom: 10px;
    }
    .contact--type-box {
        padding-top: 30px;
    }
    .contact--type-content {
        font-size: 1.3em;
    }
    .contact--section .contact--wrap .contact--box {
        min-height: 1%;
    }
    .contact--section .contact--wrap {
        margin: 10px auto;
    }
    .contact--newsletter {
        margin: 0px auto;
    }
    .contact--wrapper.contactus {
        padding: 20px;
    }
    .contact--wrapper h3 {
        padding-bottom: 30px;
    }
    .contact--form .captcha {
        margin-bottom: 20px;
    }
    .visit-fields input[type="submit"],
    .contact--form input[type="submit"] {
        height: 45px;
        line-height: 45px;
        background-size: 20%;
    }
    .visit-fields input[type="submit"]:hover,
    .contact--form input[type="submit"]:hover {
        background-size: 10%;
    }
    .contact--form .visit-fields {
        position: absolute;
        left: auto;
        top: -61px;
    }
    .contact--wrapper h3 {
        font-size: 1.5em;
        line-height: 1.3;
        padding-bottom: 30px;
    }
    .selection .selection__icon {
        height: 45px;
    }
    .inline-list li {
        padding: 0 15px;
        display: inline-block;
    }
    .inline-list {
        display: block;
        margin: 0px auto;
        white-space: nowrap;
        overflow: auto;
    }
    .inline-list ul {
        display: block;
        flex-wrap: unset;
    }
    .visit-fields input[type="text"] {
        width: 100%;
        text-align: left;
    }
    .visit-fields label {
        padding-right: 0px;
        display: block;
        margin-right: 0px;
        text-align: left;
        padding-bottom: 5px;
    }
    .visit-fields {
        margin-bottom: 20px;
    }
    .skip {
        float: left;
    }
    .time-select ul,
    .time-select {
        min-width: 1%;
        width: 100%;
    }
    .main--banner::after {
        right: calc(50% + 120px);
    }
    .contact--section form.contact--form.form--normal input[type="submit"] {
        background-position: 80% center;
        background-size: 10%;
    }
    .contact--section form.contact--form.form--normal .visit-fields {
        position: absolute;
        left: auto;
        top: -50px;
    }
    .contact--form .captcha {
        float: none;
        max-width: 100%;
    }
    .contact--map {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        z-index: 0;
        height: 300px;
    }
    .no-display {
        display: none;
    }
    .form--normal li {
        width: 100%;
        display: inline-block;
    }
    .form--normal li .btn--submit {
        width: 100%;
    }
    .section--amenities .btn {
        margin-top: 20px;
    }
}

@media(max-width:450px) {
    .section--main,
    .slide {
        height: 300px;
    }
    .form--newsletter .form--normal li:first-child {
        width: calc(100% - 0px);
    }
    .form--newsletter .form--normal li:last-child {
        width: 100%;
    }
    .contact--details .social--icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .contact--details .social--icon svg {
        height: 12px;
        width: auto;
    }
    .footer--top {
        padding: 20px 0;
    }
    .footer--bottom {
        padding: 20px 0;
    }
    .listing--logos li img {
        height: auto;
        max-width: 100px;
    }
    .listing--logos li {
        padding: 15px;
    }
    .listing--logos {
        padding: 0 0 20px 0;
    }
    body.is--home .section--contact {
        padding: 0px 0 0;
        background: none;
    }
    .form--normal li input[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }
    .btn--submit {
        display: block;
    }
    .slider--box,
    .slider--item,
    .slide-wrap {
        height: 300px;
    }
    .slide__content {
        position: absolute;
        top: 150px;
        width: 100%;
        z-index: 31;
    }
    .slider--box::before {
        width: 500px;
        height: 130%;
        border-top: 92px solid rgba(255, 255, 255, 0.08);
        border-right: 92px solid rgba(255, 255, 255, 0.08);
    }
    /*inner css*/
    .banner--content {
        width: 300px;
        padding-top: 50px;
    }
    .banner--content p {
        font-size: 1.1em;
    }
    .banner--content h2 {
        font-size: 2.5em;
        margin-bottom: 10px;
    }
    .main--banner::after {
        right: calc(50% + 80px);
    }
    /*lifestyle*/
    .ls--gallery::after {
        top: 20%;
        right: auto;
        width: 50px;
        display: none;
    }
    .ls--gallery {
        margin-top: 0;
        padding-top: 0;
    }
    .caraousel--single-description p {
        font-size: 0.9em;
    }
}