@media only screen and (min-width: 1025px) {
    .loc-img {
        margin-top: -315px
    }

    .location-wrap {
        padding-left: 50px
    }
}

@media only screen and (max-width: 1024px) {
    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-12-5 {
        width: 20%
    }

    .hidden-md {
        display: none !important
    }

    .visible-md {
        display: block !important
    }

    .text-center-xs {
        text-align: center
    }

    footer .row {
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .rera-qr-desktop {
        right: 20px
    }

    .home {
        height: 100vh
    }

    .banner-image-wrapper {
        top: unset;
        bottom: 0
    }

    .banner-btn-pos {
        margin-top: 15px
    }

    .banner-wrapper {
        padding: 0;
        padding: 6px 10px 15px;
        -webkit-transform: unset;
        transform: unset;
        top: 12%;
        z-index: 9;
        right:0;
        background-color: rgba(0, 0, 0, 0.3509803922);
    }

    .banner-pricing>span {
        vertical-align: revert;
        font: normal normal normal 14px/27px "Open Sans", sans-serif
    }
    .padva-unit-wrapper {
    	position:absolute;
    transform: unset;
    margin-top: 120px;
    text-align: center;
    margin: auto;
    right:0;
    bottom:150px;
    
}

    .cta-div {
        position: relative;
        z-index: 2
    }

    .section-parallax {
        height: 500px;
        background-size: cover;
        background-attachment: unset
    }

    .highlights-position-wrapper {
        width: 1067px;
        margin: 50px 0 80px -50px
    }

    .highlight-text-slider .slider-next {
        right: 0
    }

    .highlight-text-slider .slider-prev {
        right: 60px
    }

    .amenities-btn-pos {
        bottom: -22px
    }

    .amenity-text {
        position: absolute;
        right: 60px;
        bottom: 40px;
        padding: 30px 0 30px 0;
        width: 230px
    }

    .location-map {
        left: -50px
    }

    .loc-img {
        padding: 25px 0 8px
    }

    .unit-plans .section-content {
        padding: 20px 0px
    }

    .about-cont-box {
        grid-template-columns: auto auto
    }

    .about-bulding-image {
        right: 0
    }

    .marketed-by {
        display: inline-block
    }
}

@media only screen and (max-width: 992px) {
    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-12-5 {
        width: 20%
    }

    .hidden-sm {
        display: none !important
    }

    #clouds {
        z-index: 3;
        top: 12px
    }

    .cloud {
        width: 150px;
        height: 150px
    }

    header .form-container.show {
        top: 0 !important;
        display: block !important
    }

    .menu-icon-mobile {
        display: block;
        width: 50px;
        padding: 14px 8px 4px 8px;
        background-color: #946e3c;
        border-radius: 10px;
        margin: 0;
        position: absolute;
        top: 15px;
        right: 10px;
        height: 40px
    }

    .menu-icon-mobile>span {
        display: block;
        height: 2px;
        width: 100%;
        margin-bottom: 4px;
        background-color: #fff
    }

    .menu-icon-mobile.active>span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 5px;
        position: relative
    }

    .menu-icon-mobile.active>span:nth-child(2) {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: relative;
        top: 0
    }

    .menu-icon-mobile.active>span:nth-child(3) {
        display: none
    }

    header .lower .nav-links {
        margin-top: 0
    }

    header .nav-links {
        display: none;
        position: fixed;
        top: 65px;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        z-index: 999
    }

    header .nav-links a {
        display: block !important;
        text-align: center;
        line-height: 40px !important;
        color: #fff;
        margin-top: 0px;
        margin-right: 0px
    }

    header .lower .nav-links a:last-child {
        margin-right: 0px
    }

    header .lower .nav-links a.active {
        color: #000
    }

    header .lower .nav-links a {
        margin-right: 0px;
        color: #000
    }

    footer {
        padding-bottom: 30px
    }

    footer .lower {
        font-size: 10px
    }

    footer .lower div {
        text-align: center !important
    }

    .mob-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background-color: #01122f;
        font-size: 14px;
        font-weight: 600;
        z-index: 9
    }

    .mob-footer a {
        display: block;
        line-height: 30px;
        color: #fff
    }

    .mob-footer a.mob-enq-btn {
        background-color: #01122f;
        border-left: 1px solid #fff;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px
    }

    .mob-footer a.mob-call-btn {
        background-color: #01122f;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px
    }

    header {
        height: 65px
    }

    header .upper .enq-btn-wrapper {
        margin-right: 50px;
        margin-top: 15px
    }

    header .upper .ctc-wrapper {
        margin-right: 5px
    }

    header .upper .number-wrapper {
        margin-right: 15px;
        margin-top: 25px
    }

    .hidden-sm {
        display: none !important
    }

    .visible-sm {
        display: block !important
    }

    .padding {
        padding: 40px 0px
    }

    #hid-on-mob {
        display: none !important
    }

    .loc-points {
        opacity: 1
    }

    .animpins {
        -webkit-animation: pinsAnim unset 1;
        animation: pinsAnim unset 1;
        -webkit-animation-fill-mode: unset;
        animation-fill-mode: forwards;
        -webkit-animation-duration: unset;
        animation-duration: unset
    }

    .points-1 {
        -webkit-animation-delay: unset;
        animation-delay: unset
    }

    .points-2 {
        -webkit-animation-delay: unset;
        animation-delay: unset
    }

    .points-3 {
        -webkit-animation-delay: unset;
        animation-delay: unset
    }

    .highlight-content {
        text-align: center;
        padding: 30px 10px 10px;
        margin: -20px 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        height: auto
    }

    .highlights-image-slider img {
        height: auto
    }

    .padd-lr {
        text-align: center;
        padding: 0 20px
    }

    .text-slide p {
        font-size: 18px;
        line-height: 28px;
        margin: 20px 0 0;
        height: 72px
    }

    .text-slide span {
        font-size: 48px;
        line-height: 50px;
        position: relative;
        top: -10px
    }

    .icon_block {
        padding: 20px 0 0
    }

    .highlight-list {
        padding: 40px 20px;
        text-align: center
    }

    .outer-div {
        padding: 15px 10px;
        margin: 10px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .outer-div img {
        width: 40px;
        margin: 0 20px 0
    }

    .highlight-text-slider .slider-prev {
        right: unset;
        bottom: 20px;
        left: calc(50% - 105px)
    }

    .highlight-text-slider .slider-next {
        right: calc(50% - 105px);
        bottom: 20px
    }

    .location_wrapper {
        padding: 0;
        position: relative;
        z-index: 2
    }

    .list {
        display: block
    }

    .loc-img {
        padding: 25px 0 8px
    }

    .location-text-slider .slider-next,
    .location-text-slider .slider-prev {
        top: 0
    }

    #about {
        text-align: center;
        margin: -1px 0
    }

    .location-btn-pos {
        margin-top: 20px
    }

    .location-text-slider {
        padding-top: 50px
    }

    .ame-swiper-txt {
        font: normal normal 600 16px/20px "Open Sans", sans-serif;
        left: unset;
        text-align: center;
        width: 100%
    }

    .ame-swiper-button-prev {
        left: 10px;
        position: absolute;
        bottom: -15px
    }

    .ame-swiper-button-next {
        right: 10px;
        position: absolute;
        bottom: -15px
    }

    .amenities-swiper-arrow-container {
        display: inline-block;
        right: unset;
        bottom: 40px;
        width: 100%;
        left: 0
    }

    .amenity_wrapper {
        padding: 0 15px
    }

    .ame-slide {
        padding: 0
    }

    .amenity-text {
        position: unset;
        right: unset;
        padding: 30px 10px 10px;
        bottom: unset;
        text-align: center
    }

    .amenity-text p {
        font-size: 16px;
        line-height: 26px
    }

    .amenity-slider .slider-next {
        right: 10px;
        bottom: 30px
    }

    .amenity-slider .slider-prev {
        right: unset;
        left: 10px;
        bottom: 30px
    }

    .spec-swiper-pos-wrapper {
        margin-top: 50px;
        margin-bottom: 50px
    }

    .slider-heading {
        margin: 30px 0 0
    }

    .slider-heading::after {
        width: 80%;
        left: 0
    }

    .spec-list {
        margin: 30px 0 0 20px
    }

    .spec-swiper-arrow-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 380px;
        position: absolute;
        bottom: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .swiper-pagination {
        display: none;
        width: 100%;
        bottom: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .spec-swiper-button-prev {
        position: absolute;
        left: calc(50% - 50px);
        bottom: 10px
    }

    .spec-swiper-button-next {
        position: absolute;
        right: calc(50% - 50px);
        bottom: 10px
    }

    .highlights-position-wrapper {
        width: unset;
        height: unset
    }

    .highlights-swiper-arrow-container {
        bottom: 30px
    }

    .highlights-swiper .swiper-slide-active,
    .highlights-swiper .swiper-slide-prev,
    .highlights-swiper .swiper-slide-next {
        -webkit-animation: unset;
        animation: unset;
        -webkit-transition: unset;
        transition: unset;
        margin-left: unset;
        padding-left: unset;
        margin-right: unset;
        text-align: center;
        margin-bottom: 20px
    }

    .highlights-swiper .swiper-slide-next {
        padding-left: 50px;
        margin-top: 0px;
        margin-left: 0px
    }

    .highlights-swiper .swiper-slide-prev {
        margin-top: 0px;
        margin-left: 0px
    }

    .highlights-swiper .swiper-slide-active,
    .highlights-swiper .swiper-slide-prev,
    .highlights-swiper .swiper-slide-next {
        -webkit-animation: unset;
        animation: unset;
        -webkit-transform: unset;
        transform: unset;
        padding: 0 20px
    }

    .high-swiper-txt {
        margin-left: unset
    }

    .highlights-position-wrapper {
        margin: 30px 0 30px 0;
        padding-bottom: 40px
    }

    .location-content {
        padding-left: unset;
        padding-right: unset
    }

    .location-slider-wrapper-pos {
        padding: 0 0 115px 0
    }

    .swiper-line {
        bottom: 230px
    }

    .location-swiper-arrow-container {
        bottom: 36px
    }

    @-webkit-keyframes locactive {
        0% {
            -webkit-transform: translateY(60px);
            transform: translateY(60px)
        }

        25% {
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }

        75% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    @keyframes locactive {
        0% {
            -webkit-transform: translateY(60px);
            transform: translateY(60px)
        }

        25% {
            -webkit-transform: translateY(40px);
            transform: translateY(40px)
        }

        50% {
            -webkit-transform: translateY(20px);
            transform: translateY(20px)
        }

        75% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

        100% {
            -webkit-transform: translateY(0px);
            transform: translateY(0px)
        }
    }

    .ipad-padding {
        padding: 0 80px
    }

    .youtube-vid-iframe {
        height: 410px;
        margin: 0
    }

    .about-bulding-image {
        position: unset;
        text-align: center;
        margin: 0 0 -4px
    }

    .about .section-content {
        padding: 0
    }

    .about-box-container {
        width: 100%;
        height: 108px;
        display: inline-block;
        padding: 10px;
        text-align: center
    }

    .fullwd {
        width: 100% !important
    }

    .br:before,
    .brl:before {
        position: unset;
        content: unset
    }

    .brl {
        left: 0
    }

    .ipad-padding {
        padding: unset
    }

    .bottom-margin {
        margin-bottom: 0
    }

    .why-sepia-section {
        background-image: url("../images/why-sepia-mob.png");
        height: 1925px;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain
    }

    .feeling.text-brown {
        font: normal normal 500 17px/32px "Open Sans", sans-serif
    }
}

@media only screen and (max-width: 640px) {
    body {
        -webkit-text-size-adjust: none
    }

    .col-xs-1 {
        width: 8.3333333333%
    }

    .col-xs-2 {
        width: 16.6666666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.3333333333%
    }

    .col-xs-5 {
        width: 41.6666666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.3333333333%
    }

    .col-xs-8 {
        width: 66.6666666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.3333333333%
    }

    .col-xs-11 {
        width: 91.6666666667%
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-12-5 {
        width: 20%
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .menu-icon-mobile {
        height: 36px;
        padding: 11px 15px 4px;
        top: 9px
    }

    header {
        padding: 5px 0
    }

    header .nav-links {
        padding: 10px 0;
        top: 65px
    }

    header .form-container {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 100% !important;
        bottom: -100% !important;
        width: 100% !important;
        padding: 30px 0 !important;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 300;
        background-color: #ffffff !important
    }

    header .form-container.show {
        top: 0 !important;
        bottom: 0 !important;
        display: block !important
    }

    header .form-container .frmclose {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        color: #000;
        font-size: 20px
    }

    .rera-qr-mobile {
        width: 100px !important
    }

    footer .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-items: center
    }

    .rera-mobile-div {
        width: 50%
    }

    .banner-subheading {
        font-size: 18px;
        line-height: 27px
    }

    .banner-subheading:after {
        left: 220px;
        width: 100px;
        top: 13px
    }

    .banner-heading {
        font-size: 36px;
        line-height: 48px
    }

    .banner-pricing {
        font-size: 14px;
        line-height: 20px
    }

    .overview_wrapper {
        padding: 40px 0 0
    }

    .back-bg {
        padding-bottom: 0 !important
    }

    .parallex_wrapper {
        padding: 0;
        margin: 0px 0 0
    }

    .sun {
        width: 160px
    }

    .mt {
        margin: -43px 0 0
    }

    .over-2 {
        position: relative;
        right: 0;
        width: 134px;
        margin-right: 0;
        margin-left: auto;
        top: -40px
    }

    .over-3 {
        position: unset;
        width: 74%;
        right: 0;
        text-align: right;
        margin-top: -90px
    }

    .section-name {
        font-size: 18px
    }

    .section-heading {
        font-size: 26px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .amenities-swiper-arrow-container {
        display: unset;
        width: 100%;
        z-index: 99
    }

    .amenities-position-wrapper {
        margin: 0
    }

    .ame-swiper-button-prev {
        position: absolute;
        left: 10px;
        bottom: -15px
    }

    .ame-swiper-button-next {
        position: absolute;
        right: 10px;
        bottom: -15px
    }

    .mobile-res img {
        width: 100%;
        margin-top: -30px
    }

    .youtube-vid-iframe {
        height: 330px;
        margin: 0
    }

    .unit-plans .section-content {
        padding: 20px
    }

    .about-box-container {
        display: grid;
        text-align: center;
        width: unset;
        height: unset
    }

    .dis-flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) {
    .why-sepia-section {
        height: 1749px
    }

    .parallex_wrapper {
        padding: 216px 0 0
    }

    #clouds {
        top: 375px
    }

    .highlight-text-slider .slider-next,
    .highlight-text-slider .slider-prev {
        bottom: 10px
    }

    .slider-heading {
        margin: 80px 0 0;
        padding: 0 0 0 19px
    }

    .spec-list {
        margin: 30px 0 0 35px
    }

    header .form-container.show {
        top: calc(100% + 12px) !important
    }

    .menu-icon-mobile {
        top: 8px
    }

    .banner-subheading {
        font: normal normal 500 30px/46px "Poppins", sans-serif
    }

    .banner-subheading:after {
        left: 402px
    }

    .banner-pricing {
        font: normal normal 400 32px/44px "Open Sans", sans-serif
    }

    .banner-pricing>span {
        font: normal normal normal 32px/40px "Open Sans", sans-serif
    }

    .about-cont-box {
        grid-template-columns: auto auto auto
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1292px) {
    .why-sepia-section {
        height: 1530px
    }

    header .lower .nav-links a {
        padding-right: 8px
    }

    .about-box-container {
        width: 168px
    }

    .brl {
        left: -28px
    }
}

@media only screen and (max-width: 320px) {
    .banner-heading {
        font-size: 30px
    }

    .banner-subheading:after {
        width: 60px
    }

    .over-2 {
        width: 100px
    }

    .over-3 {
        width: 225px
    }

    .text-slide p {
        font-size: 14px
    }

    .highlight-text-slider .slider-prev,
    .highlight-text-slider .slider-next {
        bottom: 8px
    }

    .section-content {
        font-size: 14px;
        line-height: 30px
    }

    .banner-pricing {
        font-size: 12px
    }

    .banner-pricing>span {
        font: normal normal normal 11px/27px "Open Sans", sans-serif
    }

    .why-sepia-section {
        height: 2130px
    }
}