@media only screen and (min-device-width: 320px)and (max-device-width: 1024px) {
    html {
        -webkit-text-size-adjust:none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none
    }
}

@media only screen and (max-width: 1100px) {
    .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
    }

    .visible-md {
        display: block
    }

    header .lower .nav-links a {
        margin-right: 4px;
        font-size: 12px
    }

    header .enq-btn-wrapper {
        padding: 7px 10px 0 0
    }

    .headerCallNumber {
        padding: 15px 10px 15px 0
    }

    .slide-1 {
        background-image: url("../images/banner-mobile.jpg");
        background-position: center
    }

    .slide-2 {
        background-image: url("../images/Premier_banner-_main_site_rev.jpg")
    }

    .tagline-wrapper {
        width: 100%;
        top: 25%;
        left: 0;
        padding: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .bannerImg {
        height: 70vh;
        right: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .high-box {
        width: 194px
    }

    .community-left {
        padding: 0 30px 0 0
    }

    .loc-left {
        padding-right: 30px
    }

    .accordian-wrapper {
        padding: 20px 0 30px
    }

    .fp-box {
        margin: 10px 1px
    }

    .opulant-left {
        padding-right: 30px
    }

    .abt-box {
        opacity: 1;
        width: 400px
    }

    .abt-high-img {
        padding: 0 15px
    }

    .abt-box-1,.abt-box-2 {
        left: 0px
    }

    .abt-box-3,.abt-box-4 {
        right: 0px
    }

    .ty-banner {
        background-image: url("../images/thank_you_background_mobile.jpg")
    }
}

@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
    }

    .visible-sm {
        display: block
    }

    .menu-icon-mobile {
        display: block;
        width: 45px;
        padding: 10px;
        border-radius: 5px;
        margin: 11px 0 0;
        position: relative;
        top: 0px;
        right: 0px;
        background-color: #58595b
    }

    .menu-icon-mobile>span {
        display: block;
        height: 3px;
        width: 100%;
        margin: 2px 0;
        background-color: #fff;
        float: right;
        border-radius: 6px
    }

    header .nav-links {
        display: none;
        position: fixed;
        top: 80px;
        left: 0;
        background-color: #be9a43;
        width: 100%;
        height: 100%;
        z-index: 9999;
        padding-top: 20px
    }

    .nav-links li {
        display: block;
        text-align: center
    }

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

    .header-bg .lower .nav-links a {
        color: #fff
    }

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

    header .lower .nav-links a {
        margin-right: 0px;
        color: #fff;
        margin-top: 15px;
        font-size: 18px
    }

    .bar1,.bar2,.bar3 {
        -webkit-transition: .4s;
        transition: .4s
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-6px, 6px);
        transform: rotate(-45deg) translate(-6px, 6px);
        width: 100% !important
    }

    .change .bar2 {
        opacity: 0
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-4px, -4px);
        transform: rotate(45deg) translate(-4px, -4px);
        width: 100% !important
    }

    .brand-logo .project-logo {
        display: inline-block
    }

    header .logo-header img {
        display: inline-block
    }

    header .project-logo {
        margin-left: 15px;
        width: 85px !important
    }

    .mob-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        background-color: #be9a43;
        font-size: 14px;
        font-weight: 600;
        z-index: 99;
        border-top: 1px solid #ccc
    }

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

    .mob-footer a.mob-enq-btn {
        background: #be9a43;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        padding: 5px 0 2px
    }

    .mob-footer .mob-call-btn {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        margin: 5px 0;
        border-right: 1px solid #fff
    }

    .sell_do_virtual_numbers,.sell_do_virtual_number_mobile,.virtual_numbers {
        color: #fff !important
    }

    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
    }

    header .enq-btn-wrapper {
        padding: 0px 75px 0 0
    }

    footer {
        padding-bottom: 40px
    }

    .headerCallNumber {
        padding: 12px 15px 0px 0
    }

    .ipad-center {
        text-align: center
    }

    .container {
        padding: 0 30px
    }

    header .container {
        padding: 0 15px
    }

    .slick-slide img.hidden-sm {
        display: none !important
    }

    .slick-slide img.visible-sm {
        display: block !important
    }

    .slide-1 {
        background-image: url("../images/banner-mobile.jpg");
        background-position: center
    }

    .slide-2 {
        background-image: url("../images/Premier_banner-_main_site_rev.jpg")
    }

    .tagline-wrapper {
        top: 30%
    }

    .bannerImg {
        height: 60vh
    }

    .rera-banner {
        bottom: 14px;
        font-size: 8px;
        width: 100%;
        text-align: center
    }

    .high-box:after {
        opacity: 0
    }

    .high-wrapper .slick-active.high-box:after {
        opacity: 1
    }

    .overviewImg {
        width: 100%;
        border-radius: 10px
    }

    .community-left {
        padding: 30px 0px 0
    }

    .loc-left {
        padding-right: 0
    }

    .loc-list {
        font-size: 14px;
        line-height: 24px
    }

    .opulant-left {
        padding-right: 0px
    }

    .abt-slider-wrapper {
        width: 360px;
        max-width: 100%;
        margin: -65px auto 0;
        position: relative
    }

    .abt-box {
        position: relative;
        left: initial;
        right: initial;
        top: initial;
        bottom: initial;
        display: block;
        text-align: center
    }

    .abt-high-img {
        display: inline-block !important
    }

    .abt-high-head {
        margin: 10px 0
    }

    #abtLeft,#abtRight {
        position: absolute;
        top: 150px;
        z-index: 9
    }

    #abtLeft {
        left: 0px
    }

    #abtRight {
        right: 0px
    }

    .high-wrapper {
        margin-bottom: 40px
    }

    .site-visit-cta {
        margin-bottom: 140px;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    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%
    }

    .container {
        padding: 0 15px
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .mob-footer .sell_do_virtual_numbers {
        font-size: 14px !important
    }

    .sell_do_verify_container {
        padding: 50px 20px 0 20px !important
    }

    header {
        height: auto
    }

    header .nav-links {
        padding: 10px 20px
    }

    header .brand-logo {
        padding-top: 0
    }

    header .brand-logo .logo-header img {
        width: 71px;
    }

    header .project-logo {
        width: 60px !important
    }

    header .form-container {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 0% !important;
        bottom: -100% !important;
        width: 100% !important;
        height: 100%;
        padding: 30px 20px !important;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 9999;
        overflow-y: scroll
    }

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

    header .form-container .frmclose {
        display: inline-block
    }

    .iti-mobile .selldo-intl-tel-input.iti-container {
        z-index: 9999
    }

    .thankyou {
        padding: 50px 0px;
        text-align: center
    }

    footer {
        font-size: 12px
    }

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

    .rera {
        font-size: 12px
    }

    .copyrt {
        border-bottom: 1px solid rgba(255,255,255,.2)
    }

    .padding-big-top {
        padding: 120px 0 30px
    }

    .padding {
        padding: 30px 0
    }

    .padding-top {
        padding: 30px 0 0px
    }

    .padding-bottom {
        padding: 0px 0 30px
    }

    .sec-title {
        font-size: 18px;
        line-height: 28px
    }

    .sec-heading {
        font-size: 26px;
        line-height: 35px
    }

    .subHeading {
        font-size: 20px;
        line-height: 26px
    }

    .sec-desc {
        font-size: 18px;
        line-height: 26px
    }

    .slide-1 {
        background-size: 100% 100%
    }

    .slide-1 .container {
        padding: 0 5px
    }

    .tagline-wrapper {
        padding: 0px;
        top: 35%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tag-1 {
        font-size: 34px;
        line-height: 40px
    }

    .tag-2 {
        font-size: 16px;
        line-height: 18px
    }

    .tag-3 {
        font-size: 14px;
        line-height: 18px;
        padding: 20px 10px 10px;
        margin-top: -12px
    }

    .tag-4 {
        font-size: 12px;
        line-height: 18px
    }

    .tag-5 {
        font-size: 14px;
        line-height: 18px
    }

    .bannerImg {
        width: 100%;
        left: initial;
        -webkit-transform: initial;
        transform: initial;
        height: 50vh
    }

    .overviewImg {
        margin-top: -150px
    }

    .high-box:after {
        background-image: url("../images/dotted-line.png");
        width: 50px;
        height: 8px;
        right: -26px
    }

    .accordian-wrapper {
        padding: 0 0 30px
    }

    .ame-box {
        padding: 22px 10px;
        margin: 5px 0;
        font-size: 16px
    }

    .amenity-wrapper .slick-slide {
        margin: 0 5px
    }

    .fp-wrapper {
        margin-top: 10px
    }

    #cboxCurrent {
        font-size: 12px;
        line-height: 12px;
        bottom: 8px
    }

    #cboxTitle {
        bottom: 30px;
        font-size: 14px
    }

    .gallery-wrapper {
        margin-top: 10px
    }

    .gallery-slider .item {
        margin: 0 5px
    }

    .abt-slider-wrapper {
        margin: -55px auto 0
    }

    .abt-high-img {
        padding: 0px;
        width: 74px
    }

    #abtLeft,#abtRight {
        top: 100px
    }
}

@media only screen and (max-width: 360px) {
    .tag-3 {
        padding:20px 4px 10px
    }
}

@media only screen and (max-width: 320px) {
    .tag-1 {
        font-size:30px;
        line-height: 30px;
        padding-bottom: 10px
    }

    .tag-3 {
        font-size: 12px
    }

    .tag-4 {
        font-size: 10px;
        padding: 10px 0
    }

    .high-box img {
        width: 85px
    }

    footer .container {
        padding: 0 10px
    }
}