@media screen and (max-width:1400px) {}

@media screen and (max-width:1023px) {
    .desk-only {
        display: none !important;
    }

    .mob-only {
        display: block !important;
    }

    .container {
        margin: 50px 0 0;
    }

    section.home-banner {
        padding: 0px;
    }

    section.about {
        padding: 30px 15px 60px;
    }

    section {
        padding: 30px 0 0;
    }

    .disclaimer {
        padding: 0px 0;
    }

    div.disclaimer-popup div.body {
        width: 640px !important;
    }

    #nav-icon {
        display: block;
    }

    .footer-box {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding-top: 5px;
    }

    .header {
        position: fixed;
        width: 100%;
        height: 50px;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 10;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
    }

    .header .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header.sticky-header {
        height: 50px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }

    .header.sticky-header .logo {
        width: 100px;
    }

    .logo {
        width: 100px;
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 100px;
    }

    .menu-box {
        position: fixed;
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        background: rgba(0, 0, 0, 0.94);
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
    }

    .menu-box.active {
        left: 0;
    }

    .menu-box ul {
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .menu-box ul li {
        text-align: center;
        width: 100%;
    }

    .menu-box ul li:nth-child(3),
    .menu-box ul li:nth-child(4) {
        margin: 0;
    }

    .menu-box ul li a {
        font-size: 18px;
        padding: 10px;
        display: inline-block;
    }

    .menu-box .slick-arrow {
        width: 35px;
    }

    .menu-box .slick-arrow.slick-next {
        background-position: -15px -368px;
    }

    .menu-box .slick-arrow.slick-prev {
        background-position: -15px -326px;
    }

    .header .wrapper {
        padding: 0px 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .synp-about .img-box {
        width: 100%;
    }

    .synp-about h4.mob-only {
        text-align: center;
    }

    .synp-about {
        margin-top: 10px;
    }

    .synp-about .description {
        width: 100%;
        padding: 20px 0 0;
        text-align: center;
    }

    .synp-about .description h5 {
        text-align: left
    }

    .rera-info {
        padding: 15px;
        margin-bottom: 0px;
    }

    /* project history */
    .discription {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .discription .left {
        width: 100%;
        min-height: 1px;
        margin: 0;
        padding: 12px 12px 0;
    }


    .discription .right {
        width: 100%;
        min-height: 1px;
        margin: 0;
        padding: 0px 12px 12px;
    }

    .disclaimer a {
        font-size: 12px;
    }

    /* Aminities gallery */
    ul.amenities-slider {
        padding: 0
    }

    ul.amenities-slider li div.img-box {
        opacity: 0.2;
    }

    ul.amenities-slider li div.img-box img,
    ul.amenities-slider li.slick-slide.slick-current div.img-box img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    ul.amenities-slider li p,
    ul.amenities-slider li.slick-slide.slick-current p {
        display: block;
        -webkit-transform: scale(1);
        transform: scale(1);
        padding: 5px 8px;
    }

    ul.amenities-slider .slick-arrow {
        top: calc(50% - 40px);
    }

    .config-sec div.config-wrap {
        padding: 0px;
    }

    .config-sec ul li.row div.col {
        padding: 12px 0;
    }

    .config-sec ul li.row ul li div.col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 56px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .config-sec ul li.row div.col span {
        font-size: 12px;
    }

    .config-sec ul li.row ul li div.price-form ul.form-list li {
        width: 100%;
        margin-bottom: 10px;
    }

    .config-sec ul li.row ul li div.price-form-inside {
        padding: 20px;
    }

    /* legacy video */
    .legacy-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .video-wrap {
        width: 100%;
    }

    .story-wrap {
        width: 100%;
        padding: 20px;
    }


    .tower-wrap {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0 15px;
    }

    .tower-wrap .select-box {
        margin-bottom: 20px;
    }

    div.tab-content ul li div.img-box {
        padding: 0px;
        margin: 0;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    div.tab-content ul li.slick-current div.img-box {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    div.tab-content .g-tab-3 .slick-track {
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important;
    }

    .video-wrap iframe {
        height: 320px;
    }

    .locate-wrap .location-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 30px 0 10px;
    }

    .locate-wrap .location-list li {
        width: 50%;
        text-align: center;
        margin: 0 0 25px;
    }

    .disclaimer .content {
        padding: 20px;
    }

    .disclaimer .content p {
        font-size: 16px;
        line-height: 28px;
    }

    .contact-wrap {
        margin: 0;
    }

    .contact-wrap div.form-wrap {
        width: 100%;
        padding: 15px 15px 0;
    }

    /* ul.form-list li.cntry-code{width:100%;}
ul.form-list li.mob-no{width:100%;} */
    .contact-wrap div.address-wrap {
        width: 100%;
        padding: 30px 60px;
        margin-top: 20px;
        background-position: -15px -15px;
    }

    .contact-wrap div.address-wrap h6 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .contact-wrap div.address-wrap a {
        margin-bottom: 15px;
    }

    div.form-wrap.ask-expert {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.9);
        opacity: 0;
        visibility: hidden;
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
    }

    div.form-wrap.ask-expert h5 {
        color: #ffffff;
    }

    div.form-wrap.ask-expert.active {
        opacity: 1;
        visibility: visible;
        z-index: 6;
    }

    footer {
        padding-bottom: 0px;
        height: 56px;
    }

    .copy {
        background: #946648;
        padding-bottom: 75px !important;
    }

    .sticky-enqr {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50px;
        background: #222222;
        z-index: 3;
    }

    .action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .action a {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-repeat: no-repeat;
        background-size: 50px;
        font-size: 18px;
        text-transform: uppercase;
    }



    .header .action {
        width: auto;
    }

    .header .action a.button {
        min-width: 1px;
        padding: 8px 15px;
        font-size: 12px;
        border-radius: 6px;
        background: #946648;
    }

    .form-close {
        position: absolute;
        right: 10px;
        top: 90px;
        color: #ffffff;
        padding: 10px;
        font-size: 32px;
    }

    div.tab-content ul li.slick-slide {
        transition: all ease-in-out 0.3s;
        -webkit-transition: all ease-in-out 0.3s;
        opacity: 0.5;
    }

    div.tab-content ul li.slick-current {
        opacity: 1;
    }

    /* div.tab-content ul li a.plan-download{display:inline-block !important;} */
    .callback-div {
        display: none;
    }

    .call-icon {
        position: fixed;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #00e600;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0px;
        top: 50%;
        /* bottom:30px; */
        z-index: 4;
    }

    .call-icon i {
        font-size: 24px;
        color: #ffffff;
    }

    div.tab-content ul li figcaption h6 {
        font-size: 12px;
    }

    section.thank-you-wrap {
        padding: 0 12px;
    }

    .fp-list-item {
        width: 33.33%
    }

    .connect-box {
        width: 45%;
    }

    .connect-txt {
        min-height: 90px;
    }

    .build-1 {
        width: 100%;
        height: 125px;
    }

    .build-2 {
        width: 100%;
        height: 150px;
    }
    .footer-form{
        display: none;
    }
}

@media screen and (max-width:640px) {

    p,
    section h5,
    .disclaimer .content p,
    .address-list li span {
        font-size: 14px;
        line-height: 24px;
    }

    .connect-box {
        width: 44%;
    }

    .synophsis {
        padding: 0 20px;
    }

    .synophsis p {
        font-size: 14px;
        line-height: 20px;
    }

    .fancybox-skin {
        padding: 0 !important
    }

    div.mxdialog div.body {
        min-width: 90%;
        width: 90% !important;
    }

    ul.form-list li.w35,
    ul.form-list li.w65 {
        width: 100%;
    }

    .grid {
        max-width: 360px;
    }

    .grid-item img {
        width: 120px;
    }

    .grid div.width--2 img {
        width: 240px;
    }

    .discription ul li {
        font-size: 14px;
    }

    .fp-list-item {
        width: 50%;
        padding: 10px
    }

    .build {
        display: block;
    }

    .box-1 {
        width: 33%;
        float: left;
    }

    .box-1 img {
        width: 100%;
    }
}

@media screen and (max-width:340px) {
    .grid {
        max-width: 300px;
    }

    .grid-item img {
        width: 100px;
    }

    .grid div.width--2 img {
        width: 200px;
    }

    .fp-list-item {
        width: 100%
    }
}

@media (min-width: 1024px) {
    footer .sticky-form .wrapper {
        display: flex;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 70vw);
        justify-content: right;
    }

    .form-close {
        font-size: 40px;
        cursor: pointer;
    }
}