@media only screen and (max-width: 992px) {
    .container {
        padding: 0 15px
    }

    .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%
    }

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

    .visible-xs {
        display: block !important
    }

    .hidden-xs {
        display: none !important
    }

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

    html {
        overflow-x: hidden
    }

    .brand-logo {
        padding: 0
    }

    .orange-btn a {
        padding: 10px 14px !important;
        font-size: 14px !important;
        line-height: 14px !important
    }

    .slide {
        background-size: contain
    }

    .burger-menu-wrapper {
        display: inline-block;
        margin: 7px 0 0 20px
    }

    .burger-menu {
        display: block;
        margin-top: 0px
    }

    .open-menu:before,
    .relax:before {
        position: unset;
        content: unset
    }

    .nav-links {
        padding: 85px 0 0
    }

    .nav-links a.active:before {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 40%;
        left: 50%
    }

    .lower .nav-links {
        height: auto;
        display: none;
        position: fixed;
        top: 62px;
        height: 100%;
        left: 0px;
        right: 0px;
        z-index: -1;
        border-bottom: 1px solid #ccc;
        padding: 20px;
        background-color: #fff;
        -webkit-transform: unset;
        transform: unset
    }

    .nav-links a {
        text-align: center;
        font-size: 16px;
        line-height: 28px;
        padding: 8px 0px;
        border-right: 0px;
        margin: 0px;
        color: #000;
        display: block
    }

    .nav-links a.active {
        position: relative;
        font-weight: 600
    }

    .nav-links a.enquire-toggle-button.header-enquire,
    .nav-links a.call-us,
    #home a.home-enquire {
        display: none
    }

    .footer-call-enquire {
        display: block;
        position: fixed;
        bottom: 0;
        text-align: center;
        color: #fff;
        background-color: #78562b;
        z-index: 2;
        padding: 0 10px;
    }

    .footer-call-enquire a {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }

    dialog {
        max-width: 80%; 
        padding: 15px; 
    }

    .enquire-toggle-button.mobile {
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        border: none;
        padding: 0 !important;
        float: unset;
        line-height: 23px;
        margin-left: 0;
        text-transform: uppercase;
        font-weight: 600;
    }

    .floating-enquire-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .footer-call-enquire .col-6 {
        padding: 10px
    }

    .btn {
        padding: 20px 0 0
    }

    #popup {
        padding: 30px 10px
    }

    #close {
        font-size: 30px
    }

    .padding {
        padding: 40px 0
    }

    header {
        height: 64px;
        z-index: 4
    }

    .header-bg {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    header .col-12 {
        padding: 4px
    }

    header .brand-logo a svg {
        width: 100px
    }

    .enquire-close-mobile {
        text-align: right;
        font-weight: bold;
        margin-bottom: 10px
    }

    .section-title {
        font-size: 32px;
        line-height: 40px
    }

    .section-headline {
        font-size: 18px;
        line-height: 22px
    }

    .sec-padd {
        padding: 0
    }

    .side-padd {
        padding: 0 20px
    }

    #home {
        min-height: 100vh;
        background-size: 100% 100%
    }

    .banner-caption {
        top: 20%
    }

    .banner-title {
        font-size: 30px;
        line-height: 32px;
        font-weight: 400;
    }

    .banner-title i {
        font-size: 54px
    }

    .banner-title span {
        font-size: 54px
    }

    span.dot-2 {
        margin-left: 68px
    }

    .amount {
        position: relative;
        left: 34px;
    }

    span.dot-1:before {
        width: 25px;
        top: 18px;
        left: -30px;
    }

    span.dot-2:before {
        width: 25px;
        top: 18px;
        left: -60px;
    }

    .cloud {
        bottom: -18px
    }

    .project_wrapper {
        padding: 0 20px
    }

    .inner-div {
        height: auto;
        margin: 0 0 15px 0
    }

    .config {
        font-size: 16px;
        line-height: 21px
    }

    .icon-div {
        margin: 0 0 15px 0;
        width: 100%
    }

    .project-slide {
        padding: 0
    }

    #project-overview {
        padding-bottom: 70px;
        /* margin-left: -180px; */
    }

    .project-slider .slider-prev {
        bottom: -40px;
        padding: 0px 5px;
        border-radius: 30px;
        border: 1px solid #78562b
    }

    .project-slider .slider-next {
        bottom: -40px;
        padding: 1px 6px;
        border-radius: 30px;
        background-color: #78562b;
        left: 50px;
        -webkit-transform: unset;
        transform: unset;
        top: unset
    }

    .prevdiv .ss1,
    .nextdiv .ss1 {
        -webkit-transform: unset;
        transform: unset;
        translateY: unset;
    }

    #twelve,
    #twelve2,
    #fifteen {
        padding: 0 2px
    }

    #amenities {
        padding-bottom: 70px
    }

    .spec-slider .slick-slide.ss1,
    .spec-slider .slick-slide.ss1 img {
        -webkit-transition: unset;
        transition: unset;
        margin: 0 auto
    }

    .spec-txt {
        text-align: center
    }

    .spec-slider .slider-prev {
        bottom: -48px;
        padding: 5px 5px;
        border-radius: 30px;
        border: 1px solid #78562b;
        left: calc(50% - 45px);
    }

    .spec-slider .slider-next {
        bottom: -48px;
        padding: 5px 5px;
        border-radius: 30px;
        background-color: #78562b;
        right: calc(50% - 45px);
        -webkit-transform: unset;
        transform: unset;
        top: unset;
        border: 1px solid #78562b;
    }

    .slick-current.ss1 img {
        width: 100%;
        height: auto;
        margin: 0 auto
    }

    .project-slide p {
        font-size: 14px;
        line-height: 20px
    }

    .journey_wrapper {
        margin: 35px 0 0;
        text-align: center;
        z-index: 1
    }

    .dot {
        position: absolute;
        top: 58%
    }

    .timeline1,
    .timeline2,
    .timeline3 {
        position: relative;
        width: 256px !important;
        height: 256px;
        top: 0;
        left: unset;
        margin: 0 auto
    }

    .timeline4,
    .timeline5 {
        position: relative;
        width: 256px !important;
        height: 256px;
        top: 0;
        right: unset;
        margin: 0 auto
    }

    .times span,
    .timeline1 span {
        right: 28px !important
    }

    #floor-plans {
        padding-bottom: 40px
    }

    .floor_slider .slider-prev {
        bottom: 0px;
        padding: 0px 5px;
        border-radius: 30px;
        border: 1px solid #78562b;
        left: calc(50% - 45px)
    }

    .floor_slider .slider-next {
        bottom: 0px;
        padding: 1px 5px;
        border-radius: 30px;
        background-color: #78562b;
        right: calc(50% - 45px)
    }

    .box p {
        top: -58px;
        font-size: 14px
    }

    .loc-points {
        opacity: 1;
        -webkit-animation: unset;
        animation: unset
    }

    .points-1,
    .points-2,
    .points-3,
    .points-4,
    .points-5 {
        -webkit-animation-delay: unset;
        animation-delay: unset
    }

    #revenue-calculator .container-fluid {
        padding: 0 20px
    }

    .drive {
        padding-top: 20px
    }

    .ds {
        width: 100%;
        padding: 0 20px
    }

    .c {
        width: 16px;
        height: 16px
    }

    .c1 {
        left: 20px
    }

    .c2 {
        right: 75px
    }

    .c3 {
        right: 47px
    }

    .c4 {
        right: 20px
    }

    .c2-2 {
        right: calc(50% + 110px)
    }

    .c3-2 {
        right: calc(50% + 75px)
    }

    .c4-2 {
        right: calc(50% + 52px)
    }

    .prev-no {
        font-size: 22px
    }

    .pageinfo {
        -webkit-transform: translate(36px, 3px);
        transform: translate(36px, 3px)
    }

    .ds1 {
        display: block !important;
        padding: 0
    }

    .ds ul li {
        font-size: 16px
    }

    .svcirc,
    .secondcirc {
        r: 30
    }

    .progress-round__wrap {
        width: 56px;
        height: 56px;
        margin-left: -42px;
        margin-top: -60px;
        margin-bottom: 54px;
        -webkit-transform: unset;
        transform: unset
    }

    .imp span {
        margin-left: 70px
    }

    .imp {
        font-size: 21px;
        line-height: 36px;
        margin-left: 0
    }

    .imp strong {
        font-size: 22px
    }

    #location {
        margin: 0
    }

    .location-img {
        width: 100%;
        padding-top: 20px
    }

    .relax {
        background-image: unset;
        height: auto;
        margin: 0
    }

    #specifications {
        height: 768px
    }

    .furnished p {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 10px
    }

    .furnished {
        top: unset;
        bottom: 140px;
        width: 200px;
        height: 145px;
        right: 20px;
        margin: 0 0 0
    }

    .relax {
        margin-top: 0px
    }

    .flex-wrapper {
        display: block;
        max-height: 100%;
        max-width: 100%;
        padding: 20px 10px
    }

    .flex-wrapper.center-block {
        float: left !important
    }

    .tab,
    .dropdown-content,
    .Calc {
        margin-left: 0
    }

    .tab-rt-text {
        padding: 20px 0 0
    }

    .dropbtn {
        font-size: 16px;
        padding: 14px 0
    }

    .selling-price,
    .total-price {
        font-size: 30px
    }

    .tab-rt {
        margin: 20px 0 0
    }

    .dropdown-content {
        width: 100%;
        position: relative
    }

    .dropdown-content select {
        margin-left: 0
    }

    .tabcontent {
        height: auto
    }

    .footer-div {
        padding: 15px 0px 50px
    }

    .rera-text {
        text-align: center
    }

    .rera p a,
    .rera p,
    .marketed p a,
    .marketed p,
    .rera-text p {
        text-align: center !important;
        font-size: 12px;
        line-height: 22px
    }

    .rera p {
        font-size: 12px;
        line-height: 28px;
        text-align: center !important
    }

    .enq {
        background-color: #78562b;
        border-left: 1px solid #fff
    }

    .rera,
    .rera a,
    .marketed a {
        font-size: 12px
    }

    .footer-mob {
        padding-bottom: 50px
    }

    header .form-container {
        position: absolute;
        width: 100%;
        right: 0;
        top: 0;
        height: 100vh;
        background-color: #fff;
        padding: 10px;
        display: none;
        -webkit-box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, .28);
        box-shadow: 0px 16px 20px 0px rgba(0, 0, 0, .28);
        padding-top: 30px !important
    }
}

@media only screen and (max-width: 320px) {
    .banner-title {
        font-size: 24px;
        margin-right: 28px
    }

    .banner-title i {
        font-size: 36px
    }

    .banner-title span {
        font-size: 36px
    }

    span.dot-1:before {
        top: 15px
    }

    span.dot-2:before {
        top: 8px
    }

    .section-title {
        font-size: 24px;
        line-height: 32px
    }

    .furnished {
        top: unset;
        bottom: 124px
    }

    .imp {
        font-size: 16px;
        line-height: 28px
    }

    .imp span {
        margin-left: 50px
    }

    .svcirc,
    .secondcirc {
        r: 20
    }

    .c2-2 {
        right: calc(50% + 95px)
    }

    .c3-2 {
        right: calc(50% + 65px)
    }

    .c4-2 {
        right: calc(50% + 35px)
    }

    dialog {
        max-width: 90%; 
        padding: 10px; 
    }
    dialog h2 {
        font-size: 16px; 
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) {

    #overlay {
        z-index: 0;
    }
    .dot {
        top: 47%
    }

    .cloud {
        bottom: -80px
    }

    .slide {
        background-size: cover
    }

    #specifications {
        height: 846px
    }

    .furnished {
        top: unset;
        bottom: 300px;
        right: 90px
    }

    .c2-2 {
        right: calc(50% + 313px)
    }

    .c3-2 {
        right: calc(50% + 280px)
    }

    .c4-2 {
        right: calc(50% + 240px)
    }

    .banner-title {
        font-size: 50px;
        line-height: 60px
    }

    .banner-title i {
        font-size: 70px
    }

    .banner-title span {
        font-size: 70px
    }

    .config {
        font-size: 26px;
        line-height: 40px
    }

    #partners .col-12 {
        width: 50%;
        margin: 0 auto;
        float: unset
    }

    dialog {
        width: 50%; 
        padding: 20px; 
    }
}

@media only screen and (min-width: 1300px)and (max-width: 1440px) {
    #overlay {
        z-index: 0;
    }
    .c2-2 {
        right: calc(100% - 310px)
    }

    .c3-2 {
        right: calc(100% - 380px)
    }

    .c4-2 {
        right: calc(100% - 440px)
    }
}

@media only screen and (min-width: 1441px)and (max-width: 1920px) {
    #overlay {
        z-index: 0;
    }
    .cloud {
        bottom: -190px
    }

    #specifications {
        height: 1123px
    }

    .project_wrapper {
        padding: 0 220px 0 0
    }

    #location {
        margin: 113px 0 0
    }

    #home {
        min-height: 1235px
    }

    .c2-2 {
        right: calc(100% - 590px)
    }

    .c3-2 {
        right: calc(100% - 640px)
    }

    .c4-2 {
        right: calc(100% - 690px)
    }

    .relax {
        margin: -112px 0
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1292px) {

    #overlay {
        z-index: 0;
    }

    .banner-caption {
        top: 25%
    }

    #partners .col-12 {
        width: 100%;
        margin: 0 auto;
        float: left
    }

    .line-svg {
        width: 100%
    }

    #about .section-para .hidden-xs {
        display: none !important
    }

    .icon-div {
        width: 210px
    }

    .location-img {
        width: 100%
    }

    .loc-div {
        padding: 0 0 0 20px
    }

    .slick-current.ss1 img {
        width: 360px
    }

    .exploreimg {
        padding: 50px 0 0
    }

    .c2 {
        right: calc(50% - 400px)
    }

    .c3 {
        right: calc(50% - 445px)
    }

    .c4 {
        right: calc(50% - 495px)
    }
}

@media only screen and (min-width: 1443px)and (max-width: 1680px) {
    .furnished {
        top: 400px
    }
}

@media screen and (device-aspect-ratio: 2/3) {

    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio: 40/71) {

    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio: 375/667) {

    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 16px
    }
}

@media screen and (device-aspect-ratio: 9/16) {

    select,
    textarea,
    input[type=text],
    input[type=password],
    input[type=datetime],
    input[type=datetime-local],
    input[type=date],
    input[type=month],
    input[type=time],
    input[type=week],
    input[type=number],
    input[type=email],
    input[type=url] {
        font-size: 16px
    }
}