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

    header .nav-right li.logo {

        display: flex !important;

    }
        header .nav-right li.open-drawer-menu {

        display: flex !important;

    }
        header .nav-right li {

        display: none !important;

    }
    
    
    .homepage .counter-text {
        flex-wrap: wrap;
    align-items: unset;
        margin-bottom: 10px;
    }

    .homepage .counter-text .about-counter{
        width: 50%;
        margin-bottom: 30px;
    }

    

    header .container-fluid {

        padding: 0;

    }

    

    header.fixed {

        width: 100vw;

    }

    

    header .logo img {

        height: 70px;

    }

    header.menu-open .logo .change-logo{
        width: 100px;
    }

    header .logo {

        margin-left: 5px !important;

    }

    

    

    

    header {

        width: 100vw;

    }

    

    header .nav-right ul li {

        padding-right: 5px;

        margin-right: 9px;

        margin-left: 0;

    }

    

    .footer-subscribe {

        width: 100%;

        padding: 0 15px;

        margin-top: 20px;

        text-align: center;

    }

    

    .footer-links {

        width: 50%;

        padding: 0 15px;

        margin-top: 20px;

    }

    

    .footer-about-sec {

        width: 100%;

        padding: 0 15px;

    }

    

    footer {

        background-size: cover;

        background-position: center;

    }

    .subscribe-div .subscribe-btn {
        padding: 8px 25px ;
        margin-top: 0;
    }

.footer-subscribe form{
    display: inline-flex;
    margin-bottom: 10px;
}
    .homepage .banner-section {

        height: 37vh !important;

    }

    .homepage .banner-section .banner-content .sub-title {
        font-size: 10px;
    padding: 3px 15px 3px;
    }
    .homepage .banner-section .banner-content .title h2 {
    font-size: 12px;
    padding: 6px 20px;
    margin-bottom: -10px;
    line-height: initial;
}
    .homepage .banner-section .banner-content .banner-btn-div a {
    padding: 4px 50px 4px;
    font-size: 10px;
}
.homepage .banner-section .banner-content .enter-website-btn {
    opacity: 0;
}
    .banner-image {

        background-size: cover !important;

    }

    

    .meet-perspective-head-sec {

        flex-wrap: wrap;
    width: 100%;

        padding: 30px;

    }

    

    .gallery-content.world-paramount-content {

        padding-left: 15px;

        width: 100%;

    }

    

    .world-paramount-content {

        width: 100% !important;

    }

    

    .world-paramount-slider-sec {

        width: 100% !important;

    }

    .gallery-slider.world-paramount-slider-sec{
        width: 100% !important;
    padding-top: 20px;

    }

    .section-head h2 {

        font-size: 26px;

    }

    

    .about-section-content .text {

        font-size: 18px;
    padding-top: 10px;

    }

    

    .counter-text .about-counter {

        padding: 0 5px;

    }

    

    .about-img {

        max-width: 100%;

    margin-top: 15px;

    }

    

    .gallery-background-2 {

        width: 70%;

        top: 20%;

    }

    

    .gallery-background-2 img {

        height: auto;

    }

    

    .meet-perspective-slider{

        padding: 15px;

    }

    

    .meet-perspective-slider .swiper-slide {

        width: 100%;

        flex-wrap: wrap;

    }

    

    .meet-perspective-slider-section {

        padding-left: 0;

    }

    

    .meet-perspective-slider .swiper-slide .img {

        width: 100% !important;

    }

    

    .meet-perspective-slider .content {

        width: 100% !important;

        min-height: initial;

    }

    

    .gallery-slider .swiper-slide .img {

        overflow: hidden;

        width: 100%;

    }

    

    .world-paramount-slider-arrows {

        z-index: 1;

        margin-left: 0;

        margin-top: 20px;

    }

    

    .menu li a {

        font-size: 23px;

    }

    

    .menu-img {

        position: fixed;

        top: 50%;

    }

    

    .banner-section .flag-area .banner-content .title h2 {
font-size: 16px !important;
    padding: 8px 52px 5px 20px !important;

    }

    

    .banner-section .flag-area {

        width: 60% !important;

        padding: 0 40px 0 10px;

    }

    

    .banner-section .flag-area::before {

        left: 17%;

    }

    

    .banner-section .flag-area .banner-content {

        left: 85%;
    margin-top: 0 !important;

    }

    .about-us-page .banner-section {

        height:35vh !important;

    }
    .about-info-section {
        padding-top: 50px;
    }
    .banner-section .flag-area .white-bg img {
        transform: translateX(-40px);
    }
    .about-info-content {

        padding-right: 0;

        /* text-align: justify; */

    }
    .customer-testmonial-section .content-right .content{
        width: calc(50% - 5px);
        padding: 12px 10px;
    }

    .customer-testmonial-section .content-right .content li {
        font-size: 10px;
    }

    .about-info-content.icon-list .svg-img {

        width: 100%;

        margin: 20px 0;

        text-align: left;

    }

    

    .about-info-content.icon-list .list-content {

        width: 100%;

    }

    

    .stats-info-section .section-head h2 {

        text-align: center;

        margin-bottom: 30px;

    }

    

    .stats-info {

        justify-content: space-around;

    }

    

    .stats-info-icon {

        margin-bottom: 20px;

    }

    

    .project-tabs .nav-tabs .nav-item {

        width: 50%;

    }

    

    .project-detail-page .project-tabs .nav-tabs .nav-item:nth-child(3) {

        width: 100%;

    }

    .project-detail-page .project-tabs .nav-tabs .nav-item:nth-child(3) a {

        border-top: none;

    }
    
    .project-detail-page .project-slider-area img {
        margin-bottom: 0px;
    }
    
    .project-detail-boxes .project-detail-box.button-style span {
        text-align: center;
    }
    
    .project-detail-boxes .project-detail-box{
        padding: 7px;
    }

    

    .project-slider-area {

        height: 50vh;

    }

    

    .project-tabs .nav-tabs {

        padding: 40px 10px 10px;

        margin-bottom: 15px;

    }

    

    .perfect-home-grid {

        padding: 0;

    }

    

    .project-content-area {

        padding: 30px 0 !important;

    }

    

    .project-detail-page .project-slider-area {

        padding: 0;

    }

    

    .project-detail-page .project-slider-area::after {

        width: 90%;

        bottom: -20px;

    }

    

    .project-detail-page .project-slider-area {

        margin-bottom: 10px;

        height: 50vh;

       display:none;
    }
    /*.project-slider-area{*/
    /*    display:none;*/
    /*}*/
    .project-slider-area.for-mobile-slider{
        display:block !important;
    }

    

    .project-detail-page .features-section {

        position: relative;

    }

    

    .project-detail-page .features-section::after {

        content: '';

        position: absolute;

        top: 40px;

        left: 0;

        width: 100%;

        height: 60%;

        background: #f5f5f5;

        z-index: -1;

    }

    

    .project-detail-page .features-section-head {

padding: 60px 5px 0px 15px;

}

    

    .features-slider .swiper-slide-active .feature-slider-slide {

        width: 100% !important;

    }

    

    .swiper-slide.swiper-slide-active .feature-slider-slide .content {

        height: auto;

    }

    

    .swiper-slide.swiper-slide-active .feature-slider-slide .text {

        transition-delay: .3s;

    }

    

    .property-slider .swiper-slide-active .feature-slider-slide .img {

        transform: scale(1.1);

    }

    

    

    .floor-plan-section li {

        width: 50% !important;

    }
.floor-plan-section li:nth-child(3) {
    width: 100% !important;
}
    

    .floor-plan-section li a {

        border: 1px solid #707070 !important;

    }

    

    .BHK-slider .swiper-slide {

        background: transparent;

    }

    

    .amenities-grids-section li {

        width: calc(50% - 20px) !important;

        /*margin-bottom: 20px;*/

    }

    

    .amenities-section .features-section-head {

        padding-left: 5px;

        padding-bottom: 0;

    }

    

    .amenities-section .features-section-head .section-head {

        padding-left: 10px;

    }

    

    .locality-map .features-section-head {

        padding: 0px 15px;

    }

    

    .locality-text h4 {

        font-size: 21px;

    }

    

    .locality-map-plugin img {

        max-width: 100%;

        margin-top: 20px;

    }

    

    .sale-enquries .section-head h2:last-child {

        font-size: 28px;

        margin-top: 20px;

    }

    

    .sale-enquries .section-head h2 {

        font-size: 26px;

    }

    

    .sale-enquries {

        padding: 60px 0 30px;

    }

    

    .property-slider .swiper-slide {

        min-height: 300px;

    }

    

    .property-slider .swiper-slide {

        min-height: 200px;

    }

    

    .floor-plan-section .features-section-head {

        padding-top: 0;

    }

    

    .locality-text {

        margin-top: 30px;

    }

    

    #Why-Invest .why-invest-grid:nth-child(odd) > div:first-child {

        padding: initial;

        order: initial;

    }

    

    #Why-Invest .why-invest-grid .Why-Invest-img {

        top: 0;

    }

    

    #Why-Invest .why-invest-grid .project-content-area {

        padding-bottom: 0 !important;

    }

    

    #Why-Invest .why-invest-grid .project-content-area .section-head h2 {

        font-size: 29px;

    }

    

    .why-invest-pointers-head {

        width: 100%;

        padding: 20px 20px;

    }

    

    .why-invest-pointers-head h2 {

        font-size: 29px;

    }

    

    .why-invest-pointers-content {

        padding-top: 20px;

    }

    

    .why-invest-pointers-content li {

        width: 80%;

        margin: 13px auto !important;

        height: auto;

    }

    

    .meet-neighour-content {

        max-width: 100%;

        padding: 40px;

    }

    

    .meet-neighour-content::after {

        right: -10px;

        bottom: -15px;

        top: initial;

    }

    

    .meet-neighour-img {

        max-width: calc(100% - 0px);

        border: 1px solid #CFCFCF;

        border-bottom: 0;

    }

    

    .meet-neighour-grid {

        margin-bottom: 70px;

    }

    

    .meet-neighour-img::after {

        bottom: initial;

        top: -20px;

        left: -10px;

    }

    

    .blog-grid {

        box-shadow: 0px 0px 15px #0000001a;

    }

    

    .blog-grid .content {

        padding: 15px;

    }

    

    .blog-banner-section .main-slider .banner-content h2 {

        font-size: 37px;

        margin-top: 60px;

    }

    

    .blog-banner-section .main-slider {

        max-height: 41vh;

    }

    

    .blogs-listing-section {

        padding: 50px 0;

    }

    

    .blog-detail-section .blog-publish-info .date {

        width: 100%;

        display: inline-block;

    }

    

    .blog-detail-section .blog-publish-info {

        text-align: center;

    }

    

    .blog-left-date {

        width: 100%;

        display: flex;

        border-top: none;

        justify-content: space-between;

    }

    

    .blog-left-date .date {

        border-top: 4px solid #0DB2EF;

        margin: 0;

    }

    

    .blog-left-date .social-share {

        display: flex;

        margin: 0;

    }

    

    .blog-detail-page .blog-description .blog-head {

        font-size: 22px;

    }

    

    .share-below-description {

        margin-bottom: 50px;

    }

    

    .related-blog-section {

        padding: 50px 0;

    }

    

    /*.subscribe-div button.subscribe-btn {*/

    /*    margin-top: 20px;*/

    /*}*/

    

    .choose-neighbour-text {

        max-width: 100%;

    }

    

    .choose-neighbour-text .section-head h2 {

        font-size: 46px;

    }

    

    .choose-neighbour-section {

        padding: 50px 0;

        background-size: contain;

    }

    

    .choose-neighbour-form {

        max-width: 100%;

        margin-top: 30px;

    }

    

    .contact-location-grids .location-grid {

        width: 100%;

        border-top: 2px solid #f1f1f1;

        border-right: none;

        padding-top: 30px;

    }

    

    .contact-location-grids {

        flex-wrap: wrap;

        padding: 20px 15px;

    }

    

    .contact-location-grids .location-grid:first-child {

        border: none;

        padding-top: 0;

    }

    

    .faq-page .section-head {

        padding-bottom: initial !important;

    }

    

    .faq-page .faq-sidebar {

        width: 100%;

    }

    

    .faq-page .faq-content {

        width: 100%;

        margin-top: 35px;

    }

    

    .faq-content .card-header h5 button {

        padding: .75rem 3rem 0.75rem 1rem;

    }

    

    .faq-content .card-body {

        padding: 0 1rem .75rem;

    }

    

    .join-our-team-img-sec {

        height: 430px;

        width: 100%;

    }

    

    .careers-form .male-female .select-gender {

        width: 100%;

    }

    

    .careers-form .male-female {

        width: 100%;

    }

    

    .careers-form .select-dob {

        width: 100%;

    }

    

    .careers-form .state-city-address input {width: 50%;}

    

    .careers-form .state-city-address input:last-child {

        width: 100%;

    }

    

    

    .send-cv-section .section-head h2 {

        font-size: 30px;

    }

    

    .send-cv-section .section-head h2 span {

        display: inline-block;

        margin-top: 20px;

    }

    

    .send-cv-section {

        padding: 80px 0;

    }

    
    .homepage .about-section {
        padding-top: 0;
    }
    
    .gallery-slider .swiper-slide img {
        /*height: auto;*/
        width: 90%;
    }
    .homepage .gallery-slider .swiper-slide img {
    height: auto;
}
    .gallery-section-div .section-head {
        margin-bottom: 0;
    }
    
    .property-section .section-head h2 {
        margin-bottom: 30px;
    }

    .project-detail-page .perfect-home-grid {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .about-customer .customer-dark {
        width: 100%;
    }
    
    .about-customer .content {
        width: 100%;
    }
    
    .about-customer {
        width: 100%;
        padding: 0px 17px 0px 9px;
        margin-bottom: 14px;
    }
    
    .faq-sidebar {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .faq-content {
        width: 100%;
    }
    
    .projects-content-modal .modal-body img {
        width: 100%;
    }
    
    .projects-content-modal .modal-body .project-detail-boxes .project-detail-box {
        width: 100%;
    }
    
    .projects-content-modal .modal-header h5 {
        font-size: 23px;
    }
    
    .projects-content-modal .modal-body table, 
    .projects-content-modal .modal-body table tr, 
    .projects-content-modal .modal-body table td {
        width: auto !important;
    }
    
    .project-gallery-detail-div .detail-gallery-img>div.col-md-4 {
        max-width: 100%;
        margin-bottom: 0;
    }
    
    .project-gallery-detail-div .detail-gallery-img:nth-child(even) {
        flex-flow: initial;
        flex-wrap: wrap;
        max-height: initial;
    }
    
    .project-gallery-detail-div .detail-gallery-img>div {
        margin-bottom: 30px;
        padding-left: 0;
    }
    
    .detail-features-img .meet-neighour-grid:nth-child(even) {
        flex-flow: initial;
    }
    
    .detail-features-content {
        margin-top: 20px;
    }
    
    .detail-features-img .meet-neighour-img{
        border: none;
    }
    
    .property-slider .button {
        padding-left: 10px;
    }
    .meet-other-neighbour-slider .swiper-slide {
        flex-wrap: wrap;
    }
    .meet-other-neighbour-slider .img {
        width: 100%;
    height: auto;
    }
    .meet-other-neighbour-slider .content {
        width: 100%;
    }
    .meet-other-neighbour-slider .img img {
        height: 270px;
        transform: scale(1);
    }
    .meet-other-neighbour-slider .swiper-slide:hover .img img {
        transform: scale(1.25);
    }
    .about-section.active .about-img img{
        width: 200px;
    }
    .section-head {
        margin-bottom: 15px;
    }
    .counter-text .about-counter h3 {
        font-size: 28px;
    }
    .btn.theme-btn .circle {
        width: 2.3rem;
        height: 2.3rem;
    }
    .btn.theme-btn .circle .icon.arrow {
        width: 0.8125rem;
    }
    .btn.theme-btn .button-text {
        padding: 0.3475rem 0;
    margin: 0 0 0 1.1rem;
    }
    .btn:hover .circle {
        width: 100%;
    }
 .world-paramount-slider-arrows div img{
        width: 50%;
    }
 .world-paramount-slider-arrows div img{
        width: 50%;
    }
    .world-paramount-card .img {
    height: auto;
}
.main-home-slider-prev img{
    width:50%;
}

.main-home-slider-next img{
    width:50%;
}
header .nav-right ul li a .nav-menu-icon:first-child {
    height: 30px;
}
header .nav-right ul li a .nav-menu-icon:last-child {
    height: 30px;
}.copy_right {
    font-size: 10px;
}
.footer-bottom .col-sm-7.text-right{
    text-align:center !important;
}
.footer-bottom .col-sm-5.text-right{
    text-align:center !important;
}
.gallery-slider .swiper-wrapper {
    padding: 0px 0;
}
.stats-info-icon h3 {
    font-weight: 300;
    font-size: 28px;
}
.stats-info-icon .stats-icon img {
    height: 50px;
}
.banner-section .banner-content .title h2 {
    font-size: 14px !important;
}
.banner-section .banner-content .text-white {
    font-size: 14px !important;
}
.project-slider-arrows .prev-arrow, .project-slider-arrows .next-arrow {
    width: 48px;
    height: 48px;
}
.project-gallery-detail-div .detail-gallery-img {

    max-height: max-content;
}.detail-gallery-img img {
    min-height: auto;
}

.projects-listing-page .banner-section {
    height: 37vh;
}
.project-detail-page .features-slider .swiper-slide {
    margin-bottom: 50px;
}
.BHK-slider .img img {
    height: auto;
}.play-video-section iframe {
    height: auto;
}
.homepage .meet-perspective-slider .swiper-slide .img img {
    transform: scale(1);
}
.homepage .meet-perspective-slider .swiper-slide:hover .img img {
    transform: scale(1.25);
}
.project-detail-page #Why-Invest .why-invest-grid .project-content-area ul {
    padding-left: 20px;
}
}

@media only screen and (max-width: 1020px){
    .about-section.active .counter-text .about-counter {
        width: 50%;
        margin-bottom: 15px;
    }
    .counter-text {
        flex-wrap: wrap;
    }
    .world-paramount-content {
        width: 32%;
    }
    .world-paramount-slider-sec {
        width: 68%;
    }
    .project-detail-boxes .project-detail-box {
        padding: 7px ;
    }
    .amenities-grids-section li {
        width: calc(25% - 20px);
    }
    .contact_btnss{
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0%;
        z-index: 91;
        display: inline-flex;
    }
    .plus-sign .world-paramount-card .filled-btn{
        width: 100%;
    font-size: 40px !important;
    }
    .plus-sign .world-paramount-card {
        width: 150px;
        height: 150px;
    }
    .filled-btn {
        width: 50%;
        text-align: center;
    }
    .get-in-touch-form-btn.mobile_book {
         position: unset; 
         transform: unset; 
    }
    .contact_btnss .get-in-touch-form-btn{
        display:none !important;
    }
    .contact_btnss .filled-btn.d-none{
        display:block !important;
    }
    .banner-section .flag-area {
        width: 45%;
    }
    .banner-section .flag-area .banner-content .title h2 {
        font-size: 34px;
    }
    footer {
        padding-bottom: 45px;
    }
    .contact-detail .email_con {
        display: inline-flex;
        align-items: center;
    }
    .drawer-menu {
        align-items: start;
        padding-top: 100px;
    }
    .enter-website-btn {
        height: 38px;
        bottom: 5px !important;
    }
    .banner-section .banner-content .banner-btn-div a {
        padding: 8px 50px 8px;
    }
    .banner-section .banner-content .title h2 {

        font-size: 24px;
    padding: 4px 20px;
    }
    .banner-section .banner-content .sub-title {
        font-size: 14px;
    }
    .contact-location-grids .location-grid p {
         align-items: baseline; 
    }
    .banner-section .swiper-slide-active .banner-content {
        margin-top: 50px;
    padding: 30px 0;
    }
    .project-slider-area .swiper-slide img {
        height: auto;
    }



.explore_neighbour li.nav-item {
    width: 33%;
}

    .project-tabs .nav-tabs .nav-link {
        padding: 25px 5px;
    font-size: 14px;
    }
    
}

@media only screen and (max-width: 420px){
    .main-home-slider-prev img{
        width:25px;
    }
    .main-home-slider-next img{
        width:25px;
    }
    header.menu-open .logo .change-logo {
        width: 70px;
    height: auto !important;
    }
    .project-tabs .nav-tabs .nav-link {
        padding: 18px 5px;
         
    font-size: 16px !important;
    }
    header .logo .change-logo {
        height: 50px !important;
    }
}

@media screen and (max-width: 1200px) and (min-width:1020px){
    .about-section.active .counter-text .about-counter {
        width: 50%;
        margin-bottom: 15px;
    }.counter-text {
    flex-wrap: wrap;
}
}