@media (max-width:550px){


    .display-none-mobile{
        display: none;
    }
    .mobile-left-desktop-center{
        text-align: left;
      }
    .hero {
        height: 203px;
    }
    .hero .hero-img img {
        height: 400px;
    }
    .realty_experts {
        padding-top: 50px;
    }

    .displayin_mobile{
        display: block;
    }
    .displayin_desktop{
        display: none;
    }

    /* banner new slider style  */
    .banner__slider .slide {
        height: 620px;
    }
    .banner__slider .slide a {
        width: 40% ;
    }
    .banner__slider .slide .slide__content {
        position: initial;
        padding: 0 14px;
    }
    .banner__slider .slide .slide__img{
        position: absolute;
        top: 36%;
        z-index: -1;
        /* left: 5%; */
    }
    .banner__slider .slick-dots{
        width:100%;
        left: 0;
        bottom: 0;
        top: 96%; 
        transform: none;
    }
    .banner__slider .slide .slide__content--headings h2 {
        font-size: 2rem;
        color: #ffffff;
    }
    .banner__slider .slide .slide__img img{
        width:100%;
    }
    .banner__slider .slide .slide__content--headings {
        color: #e1e1e1;
        text-align: center;
    }
    .banner__slider .slide .slide__content--headings h2 {      
        padding-top: 24px;
    }
    .banner__slider .slide .slide__content--headings .top-title {
        line-height: 24px;
        font-size: 14px;
    }
    .banner__slider .slide a{
        padding: 4px;
        font-weight: 400;
    }

    .banner__slider .slick-nav{
        top: calc(100% - 35px);
    }
    .banner__slider .slick-nav.prev-arrow{
        left:16%;
    }
    .banner__slider .slick-nav.next-arrow {
        left: auto;
        right: 16%;
    }

    .banner_details_content .heading1 h1 {
        font-weight: 500;
    }
    /* banner new slider style  */

    
    .partner .exclusive{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }
    .partner .exclusive_text{
        text-align: left;
        padding: 0 5px 0 20px;
    }
    .order{
        order: 1;
    }

    .partner_logo {
        flex-wrap: wrap;
    }
    /* .partner_logo_border {
        padding: 20px 0px;
    } */
    .partner_logo img{
        padding: 10px;
    }
    .project_para .bhksqtprice {
        font-size: 20px;
        padding: 0 0 16px 0;
    }




    /* about us page  */
    .partners_icons {
        /* display: flex; */
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .partners_icons img{
        margin: 10px 10px;
    }
    .pie-chart{
        display: none;
    }
    .aboutpage_margin h1{
        font-size: calc(1.325rem + .9vw);
    }

    .service_icon img {
        padding-top: 5px;
    }


    /* contact page  */
    .contact_form_card {
        backdrop-filter: none;
        width: 100%;
    }

    .client_registration_card {
        backdrop-filter: none;
    }
    .cp_registration_card {
        backdrop-filter: none;
    }
    .cp_login_card{
        backdrop-filter: none;
        width: 100%;
        margin-right: 0px;
    }

    .form-control{
        background-color: #bebebe00;
        border-bottom: 1px solid #fff;
        border-radius: 0rem;
    }
    .form-control:focus {
        background-color: #bebebe00;
        border-color: #fff;
    }
    .input-group-text{
        background-color: #bebebe00;
        border-bottom: 1px solid #fff;
        border-radius: 0rem;
    }



    .OTP_Verification .modal-lg {
        width: auto;
    }

    .partnerLogin_link {
        width: 100%;
        height: 200px;
        padding: 10px;
    }
    
    .partnerLogin_link img {
        width: 100%;
        height: 88%;
    }



    /* Property Details Page  */
    .hero_slider .slick-arrow{
        top:90%;
    }
    .project_hero .hero_item.slick-slide {
        height: 360px;
    }

    .project_hero {
        height: 430px;
    }
    .mobile-display{
        display: block;
    }
    .property_overview span{
        font-weight: 400;
        font-size: 12px;
        line-height: 24px;
        color: #D0D0D0;
    }
    .property_overview h5{
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #D0D0D0;
    }

    .readmore-content {
        max-height: 110px;
      }


    .Photo_Gallery_section .Photo_Gallery_brightness{
        align-items: flex-start;
    }
    .project_details_hero_section .project_hero  .hero_item {
        background-position: 40% 0% !important; 
        background-size :180% 100% !important;
    }
    .real_estate_img {
        float: none;
        height: 250px;
    }

    .Photo_Gallery_section .slick-slide.slick-active {
        height: 300px;
    }
    .Photo_Gallery_section .center-slider .slick-slide, .Photo_Gallery_section .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
        transform: scale(1) translateY(-40px);
        transition: all 0.4s ease-in-out;
    }
    .Photo_Gallery_section .slick-slide figure img,  .Photo_Gallery_section .slick-slide.slick-cloned figure img{
        height: 300px;
    }

    .Photo_Gallery_section .slick-slide.slick-current.slick-active.slick-center {
        height: 340px;
        width: 250px;
    }
    .Photo_Gallery_section .center-slider .slick-current.slick-active {
        transform: scale(1) translateY(0px);
        background-color: #000000;
    }
    .Photo_Gallery_section .center-slider .slick-slide{
        margin: 0 0px 0 0;
    }
    .Photo_Gallery_section .slick-arrow{
        top: 75%;
    }
    .Photo_Gallery_section .slick-arrow.prev-arrow {
        left: 40%;
        text-align: left;
    }
    .Photo_Gallery_section .slick-arrow.next-arrow {
        right: 40%;
        text-align: right;
    }


    .taketour p{
        font-size: 18px;
        line-height: 42px;
    }
    .taketour a{
        font-size: 18px;
    }
    .centerAlignM{
        text-align:center;
    }

    .floor_plan_swiper {
        height: 400px;
    }
    .floor_plan_section .master-plan-width {
        width: 75%;        
        height: 400px;
    }
    .floor_plan_section .master-plan figure {
        width: 85%;
        height: 100%;
    }
    #nav-master.tab-pane.fade.active.show { 
        /* background-color: aqua; */
        height: auto;
    }
    

    .master-plan-width{
        width:324px;
    }
    .project-bread {
        margin-top: 0;
        margin-left: 5px;
    }
    .pswp__caption__center{
        max-width: 75.3% !important;
    }
    .pswp__top-bar{
        top: 2% !important;
    }
    .pswp__caption{
        bottom: 4% !important;
    }





    /* Blog Listing page  */

    .blog_hero {
        width: 100%;
        height: 200px;
    }
    .blog_hero_text {
        background-color: #000;
        padding: 10px 0px;
    }
    .blog_hero_text h2, .blog_hero_text h1{
        font-size: 24px;
        line-height: 30px;
    }
    .blogs_h1{
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 0px;
    }
    .blogpage_margin h3 {
    font-size: 20px;
    font-weight: 300;
}
    .blog_list h1, .blog_list h2{
        font-size: 14px;
        line-height: 20px;
    }
    .blog_small_list_text {
        background-color: #000;
        padding: 5px 5px;
    }
    .blog_s2_img{
        height: 230px;
    }
    .blog_s2_img .blog_s2_text{
        top: -56%;
        padding: 5px 5px;
        width: 75%;
    }
    .blog_list_text {
        background-color: #000;
        padding: 0 10px;
    }
    .blog_hero_text h1{
        font-size: 23px;
        line-height: 32px;
    }

    /* blog details Page  */
    .blog_details_hero {
        height: 200px;
    }
    .blog_details_hero_img_text {
        top: -45%;
        width: 100%;
        padding: 5px 5px;
    }
    .blog_details_hero_img_text h1{
        font-size: 20px;
        line-height: 28px;
    }
    .blog_details_hero_text p{        
        font-size: 16px;
        line-height: 24px;
    }

    .blog_list h1{
        font-size: 18px;
        line-height: 24px;
    }
    .blog_s2_img .blog_s2_text h1{
        font-size: 20px;
        line-height: 24px;
    }
    .blogpage_margin h3 {
        font-size: 20px;
    }

    .blog_small_list_text p{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .blog_list_text p{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .subscribe_card  p{
        font-weight: 500;
        font-size: 13px;
        line-height: 28px;
        color: #B5B5B5;
    }
    .subscribe_card .form-control {
        background-color: #bebebe54;
        color: #fff;
        border-radius: 0.25rem;
        padding: 0.575rem 0.75rem;
        border: 0;
       
    }





    /* login pages media style  */
    .OTP_Verification input {
        width: 25px;
        height: 25px;
        margin: 0 5px;
    }








    

}


@media (min-width:310px) and (max-width:355px){
    body{
        font-size: 14px;
    }
    .realty_experts h1 {
        font-size: 32px;
        line-height: 40px;
        font-weight: 600;
    }
    .realty_experts p{
        font-size: 14px;
        line-height: 22px;
    }
    .realty_experts li{
        font-size: 14px;
        line-height: 22px;
    }
    .partner .exclusive_text{
        padding: 0 5px 0 5px;
    }
    .partner h5{
        font-size: 20px;
        line-height: 28px;
    }
    .real_estate p{
        font-size: 14px;
        line-height: 24px;
    }
    .stream_img, .real_estate_img {
        height: 280px;
    }
    

    .partner .label_wh{
        background-size: cover;
    }
    .partner .label_wh {
        width: 40px;
        height: 40px;
    }

    .property_overview h5{
        font-size: 14px;
    }
    .taketour p {
        font-size: 16px;
        line-height: 24px;
    }
    .btn-tour {
        border: 1px #000 solid;
        border-radius: 0;
        font-size: 16px;
        transition: 0.9s;
    }

    footer p{
        font-size: 14px;
    }

    /* h1{
        font-size: calc(1.325rem + .9vw);
    } */

    
}