@media (min-width: 769px) {
    .footer-content {
        display: block !important;
    }
    .toggle-icon {
        display: none;
    }
}
@media (max-width: 768px) {
.design_view .slide-text p{
     display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
 .homeswiper .swiper-slide:nth-child(odd) img,
        .homeswiper .swiper-slide:nth-child(even) img {
            animation: driftMobile 11s cubic-bezier(0.25,0.46,0.45,0.94) forwards;
            object-position: center 30%;
        }

    @keyframes driftMobile {
        0% {
            transform: scale(1.12) translateY(0px);
        }

        100% {
            transform: scale(1.03) translateY(-8px);
        }
    }
    footer img {
    height: 130px !important;
}
.contact_us li{
     justify-content: left;
        background-color: #fff;
        margin-bottom: 10px;
        padding: 0px 8px;
        border-radius: 10px;
} 
.address_mobile a{
    font-size:13px !important;
}
    .tagline_view .enquire_btns{
            margin-top: 15px;
    }
    #galleryModal .modal-dialog {
    width: auto !important;
}
    #sustainable-landmark hr{
     display:none;   
    }
    .sustainable ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: center;
}
.sustainable ul li {
    padding: 3px 0px 10px;
           width: 175px;
}
    :root {
   --fontsize-large: 28px !important;
    }
    .menu-list .dropdown > a::after {
    content: "\f282";  
    font-family: "bootstrap-icons";
    margin-left: 8px;
    font-size: 12px;
    transition: 0.3s ease;
}
Footer ul li a{
    margin:0px;
}
.dropdown i {
    display:block;
}
.menu-list .dropdown:hover > a::after {
    transform: rotate(180deg);
}

    .features{
        margin-top:0px;
        padding: 0px 6px;
    }
    .homeswiper img{
        /*height: auto !important;*/
        /*height:400px !important;*/
    }
     .homeswiper{
            margin-top: 68px !important;
    }
    .leaves_info_floor{
    height: 114px;
    object-fit: cover;
    }
    .invest_flex{
        display:flex;
        flex-direction:column;
    }
    .invest_flex a{
        margin: 0px 66px 10px;
    }
    .ground_floors{
        width:100% !important;
    }
     .corrider  .await_view {
        padding: 20px 7px 0px !important;
        text-align: center;
    }
    .retaile_view hr{
        display:none !important;
    }
    .desktop-view{
        display:none !important;
    }
    .corrider {
    margin-bottom: 30px !important;
}
.experienceSlider{
     display:block !important;
             margin-left: 18px;
 }
    .third_view{
        margin-top:0px!important;
    }
    .about_vision {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px !important;
}
    .grace_innerview ul li{
            padding: 2px 0px;
    } 
    .group-company .mb3{
        margin-bottom: 0rem !important;
    }
    .invest_innersec p,
    .invest_innersec h1{
        text-align:center !important;
    }
    .retaile_view .invest_innersec ,.retaile_view .invest_innersec {
               border: 1px solid #cccccc;
        margin-bottom: 11px;
        border-radius: 10px;
        background-color: #fff;
    }
    #group-company p,
    .visions{
    margin-bottom: 0px !important;
}
.visions_views p{
        position: relative;
        padding: 0px 0px;
    margin-bottom: 0px;
        font-size: 18px !important;
}
.visions_views{
   width: 100%; 
   padding: 8px;
   flex-direction: row;
align-items: center;
margin: 15px 0px;
}
        .visions_views span {
        transform: translate(0px, 0px) !important;
        width: 60px;
        text-align: center;
        height: 49px;
        padding: 10px;
        font-size: 20px;
    }
.forth_view span, .third_view span{
        transform: translate(0px, 0px) !important;
}
.grace_innerview{
    margin:0px;
}
.retaile_view,
.visions{
    margin-top:0px;
}
.business_infoes:nth-child(1),
.business_infoes:nth-child(3){
    border-right: 1px solid #E5E5E5;
}
.business_infoes:nth-child(1),
.business_infoes:nth-child(2){
    border-bottom: 1px solid #E5E5E5;
}
    .business_infoes:nth-child(1){
        border-left:0px;
        border-top:0px;
        border-radius: 0px;
    }
      .business_infoes:nth-child(4){
              border-bottom: 0px;
      }
    .business_infoes:nth-child(2){
         border-left:0px;
          border-top:0px;
            border-right:0px;
            border-radius: 0px;
    }
    .business_infoes:nth-child(3){
            border-top: 0px;
    border-bottom: 0px;
    border-radius: 0px;
    }
.business_infoes h2{
    font-size: 18px;
}
    .investment_viewes .col-6{
         padding: 0px;
    }
    .business_infoes{
               padding: 8px;
          
    }
    .visions .heading{
        margin-bottom: 0px !important;
    }
    .about_us p{
    text-align: center !important;
}

.padding_view  ul li{
    margin: 6px 0px !important;
        padding: 6px !important;
}
.visions ul{
    margin-bottom: 0px;
            flex-direction: column;
}
.gallery_mainsection{
        overflow: auto;
}
.gallery_mainsection ul {
        flex-wrap: nowrap;
        padding-left: 410px;
    }
.gallery_last_sections .enquire_btns{
        width: 75%;
    margin-top: 7px;
}
.gallery_last_sections {
    
    height: 264px !important;
}
.map_views_inner  .flat_leave{
    display:none;
}
.corrider .form_btns{
        width: 58% !important;
}
#galleryModal{
    background-color: #0000009c !important;
}

    #myTab {
        justify-content: center;
        border-bottom: 0px;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 248px;
        overflow-y: hidden;
        padding-bottom: 14px;
    }
    .discover_view h1,
    .design_view_inner p,
    .design_view_inner h2{
        text-align:left !important;
    }
    .direction_view ul li p{
       width: 85%;
        margin: auto;
        padding-bottom: 12px !important;
    }
    .innter_view{
            margin-left: 0px;
    }
    .gallery_mainsection button,
    #myTab button{
            white-space: nowrap;
    }
     .main_min_view{
               padding: 16px 15px 0px 15px;
        margin: 0px;
    }
    .gallery_section_info,
    .gallery_section_info p,
    .discover_view{
                margin-bottom: 0px;
    }
    .min_view{
            padding: 10px;
    }
    #explore-neighbourhood{
        margin-top: 0px;
    }
    .discover_view img{
        margin-bottom: 15px;
    }
    .discover_view ul li{
        text-align: left;
    }
    .mintues_view{
        flex-direction:column;
    }
    .padding_view,
    .main_min_view h2,
    .discover_view{
        text-align:center;
    }
    .main_min_view,
    .min_view{
        width:100%;
    }
    .logo_header{
        height: 52px !important;
    }
    .gallery_view img{
            margin-top: 10px;
    }
    .galler_main_view {
    padding-left: 0px;
    /* position: absolute; */
    width: 94%;
    padding-top: 24px;
    text-align: center;
    margin: auto;
}
    .direction_view p{
      padding: 0px 19px !important;
    }
    .design_info{
    background: unset!important;
       width: 100% !important;
        left: 0px !important;
        transform: unset;
        text-align: center;
        padding: 16px 16px !important;
        position: relative;
        top: 0px !important;
    }
    .design_sutar_destails{
            margin-bottom: 25px;
    }
    
    .design_sutar_destails .mb-4{
                margin-bottom: 10px !important;
    }
    .direction_view li{
        width: 100% !important;
            margin-bottom: 12px !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
    padding: 10px 0px 5px !important;
    border: 1px solid #80808036 !important;
    }
    .indores_view{
            padding: 16px 10px;
    }
    .indores_view p {
    width: 100%;
    margin: auto;
    }
    .indores_view .row,
    .padding_view{
        padding:0px;
    }
    .root_view h1{
              font-size: 22px;
    } 
    .direction_view ul{
        flex-direction:column;
    }
    .design_sutar_destails p{
        margin-bottom:0px;
    }  
    .north_view img {
    width: 100%  !important;
    transform: translate(0px, 0px)  !important;
    margin: 20px 0px  !important;
}
    .map_view{
        height:auto !important;
    }
    .main_view{
            width: 100% !important;
            margin-bottom: 10px;
    }
    .growth_corrider{
        transform: translate(0px, 0px) !important;
    }
    .inner_sections{
        padding: 0px 10px;
    }
    .leaves_view,
    .retail_info h1 br,
    .map_info  p br,
    .key_highlights  p br,
    .select_view p br,
    #sustainable-landmark p br,
    .retaile_view p br,
    .padding_view br,
    #explore-neighbourhood p br,
    #mall-location p br,
    .direction_view p br,
    .design_sutar_destails img,
    .right_growth_leave,
    .left_growth_leave{
        display:none;
    }
    .enquiery_form{
        margin-top: 15px;
    }
    .design_view_inner h2,
    #significance-entrance h1,
    #significance-entrance p,
    .contact_submit_btns,
    .enquiery_form p,
    .enquiery_form h1{
        text-align:center;
    }
    .key_highlights ul li {
        margin: 5px 5px 1px 0px !important;
        width: 48%;
    }
    .map_views_inner .image_container{
    position:relative;
    right: 0px  !important;
    width: 100%  !important;
    text-align: center;

    }
    /*.key_highlights ul{*/
    /*    flex-direction: column !important;*/
    /*}*/
    .map_views_inner{
        margin: 40px 0px 10px;
    flex-direction: column-reverse;
            text-align: center;
    }
    .firstfloor_view {
    margin-top: 67px !important;
            margin-bottom: 0px !important;
}
.select_view h1{
        font-size: 17px !important;
}
.image_container img{
           width: 100% !important;
        height: auto !important;
}
        .select_view {
        padding: 10px 10px !important;
        text-align: center;
                height: 138px;
    }
    .await_view {
    padding: 30px 20px !important;
    text-align: center;
}
    .mask_view{
         width: 100%;
    }
   .dropdown:hover .dropdown-menu{
        position: relative !important;
        left:0px !important;
    }
    .privacy_info h1{
        font-size:18px !important;
    }
    .privacy_mainsection {
    width: 100%;
    margin: auto;
    padding: 27px;
    text-align: center;
}
    .slideview .slide-text{
        margin: 0px 13px 15px !important;
        width:94% !important;
    }
    .features .mt-5 {
    margin-top: 2rem !important;
}
    .features .d-flex {
    position: relative;
    display: unset !important;
}
.slideview h1, .tagline_view h1, .retaile_view h1, .map_info h1, .built_view h1, .features h1 {
    font-size: 26px;
}
.design_view .ps-0 ,
.design_view .pe-0 {
    padding-right: unset !important;
    padding-left: unset !important;
}
.map_views_inner h1,
.tagline_view{
      text-align: left;
}
.features_info_details,
.copy_right p,
.logo_views{
    text-align: center;
}
    .tagline_view .text-end {
        text-align: left !important;
    }
.copy_right ul{
    justify-content: center !important;
}
header {
    padding: 7px 0px !important;
}
    .mobile_view{
        justify-content: space-between !important;
    }
  .sidebarinnersections {
    width: 100%;
    height: 100vh;
    padding: 15px;
}
header  .follow_us{
justify-content: left !important;
margin-bottom: 17px !important;
        align-items: center;
}
.flat_leave{
    height:auto !important;
    margin-top: 17px;
}
.siderview img {
    margin: 0px 0px;
    width: 120px;
}
.followus{
    display:none !important;
}
.mobile_content{
    display:block !important;
}

.footer-content li{
   
    padding-bottom: 0px;
}
.follows{
            margin-bottom: 9px;
        border-bottom: 1px solid #bdb5b5ba;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-left: 0px;
      
        padding: 4px 0px 10px;
}
.follow_us{
    margin-top:0px !important;
}
.menu-list .dropdown-menu{
 display: none;
background-color: #e7f1d578;
width: 100%;
min-width: 100%;
padding: 5px 12px;
border-radius: 0px;
}

.menu-list li.active > .dropdown-menu{
  display: block;
}

.menu-list li.active .arrow_down i{
  transform: rotate(180deg);
  transition: 0.3s;
}

.sidebar .pt-4 {
            padding-top: 10px !important;
}
.enquiery_viewes .enquiary_now{
    right: 70px !important;
    top: 15px !important;
    transform: rotate(0deg)!important;
}
.cross {
transform: translate(-11px, 21px) !important;
position: absolute;
right: 0px;
}
.floor,
.gallery,
.sutra,
.locatioviews,
.indore_view {
    transform: translate(0, 0px) !important;
}
.dropdown_view{
        display: flex;
    justify-content: space-between;
    align-items: center;
    
}
    .follow_usview{
            flex-direction: column-reverse;
    justify-content: left !important;
    align-items: left !important;
    }
    .sidebar{
        padding-left: 0px;
         padding-right: 0px;
    }
    .siderview{
        padding-left: 0px;
        max-width: 100%;
        width: 100%;
        display: unset;
    }
    .enquiery_viewes{
        margin: 0px !important;
    }
.map_info  img{
    width: 100%;
}
.privacy_policy_banner img,
.features .leaf_view,
.gray_leaf,
.img_leafview,
.strap_view{
    display: none;
}
.built_view{
    padding: 20px 15px;
           text-align: left;
}
.features ul{
    flex-direction: column;
}
.retaile_view h2 {
    text-transform: uppercase;
    font-size: 19px  !important;
}
.features_info_details {
   padding: 10px 6px 0px !important;
}
.design_view {
   margin-bottom: 20px !important;
    margin: 10px 19px 14px;
}
.features_info p{
   background: #E7F1D5;
           transform: translate(50px, 7px);
    border-radius: 0px 8px 7px 0px;
    padding: 11px;
    font-size: 17px;
   width: 88% !important;
    
}
.retaile_view{
    overflow:hidden;
}
.retail_info p{
    margin:0px;
}
.slideview img{
    height:420px !important;
}
.slideview{
    margin-bottom: 19px;
}
.design_view .my-5{
margin-top: 1rem !important;
    margin-bottom: 0rem !important;
}
.card_view p{
    padding: 0px 9px;
}
.features  .fluid_img {
    width: 100%;
    height: 330px;
    object-fit: cover;
}
.features_info_details h1{
    text-align:left;
}
.follow_us li a{
    margin-right:0px !important;
    margin-left:10px !important;
}
.features_inview p{
    margin:0px;
            text-align: left;
        position: relative;
        width: 100%;
}
.location_inter{
        display: flex;
    flex-direction: column-reverse;

}
.get_locations_view,
#discover h1,
.location_inter p{
       text-align: left !important;
}
.features_info li p{
     text-align: center !important;
}
.features_info li{
 
        margin: 8px 0px 20px;
}
.features_info li br{
    display:none;
}
.features ul li .img_circle{
     width: 61px !important;
        margin: 0px;
        padding: 7px 7px;
        position: absolute;
        z-index: 9;
        background-color: #fff;
}
.contact_usview {
           padding: 18px !important;
        margin-bottom: 12px;
                margin-left: 6px;
        margin-right: 6px;
        text-align: left;
}
.gallery_view .row{
    display: flex;
    flex-direction: column-reverse;
}
  .follow_usview p br,
.contact_features br,
.contact_usview br{
display: none;
}
.sustainable h2{
        font-size: 14px !important;
    margin: 0px !important;
}
.retail_info{
    position:relative !important;
    text-align: center;
}
.features_inview{
        display: flex;
    flex-direction: column-reverse;
}
.retaile_view .row{
    padding: 23px 7px;
}
#header .enquire_btns{
    position: fixed !important;
    transform: rotate(90deg);
    right: -72px;
    top: 42%;
}
.add_quries{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.add_quries p{
    margin:0px;
}


 .footer-section {
              border-bottom: 1px solid #dbd4d4;
        padding: 10px 0;
    }
    footer hr{
        display:none !important;
    }
    .footer-title {
        display: flex;
        align-items: center;
        font-size: 18px;
        cursor: pointer;
        margin: 0;
        color: #C4C4C4;
       text-transform: uppercase;
        text-align: center;
        justify-content: center;
        margin-bottom: 11px;
    }

    .footer-title .toggle-icon {
     font-size: 26px;
        transition: 0.3s;
    }

    /*.footer-content {*/
    /*    display: none;*/
    /*    background-color: #fff;*/
    /*    margin-top: 8px;*/
    /*    padding: 11px;*/
    /*}*/
    /*.footer-section.active .footer-content {*/
    /*    display: block;*/
    /*}*/

    /*.footer-section.active .icon {*/
    /*    transform: rotate(45deg); */
    /*}*/
    /*.no-collapse .footer-title,*/
    /*.no-collapse .icon {*/
    /*    display: none;*/
    /*}*/
    .why_indore_design .banner_text{
    position: relative;
    top: 80% !important;
    left: 0% !important;
    width: 100% !important;
    transform: translate(0%, 0%) !important;
    padding: 21px 30px !important;
            text-align: center;
    } 
     .sitemap_content{
         display:flex;
        flex-wrap: wrap;
     }
    .sitemap_content li{
        border-bottom: 1px solid #80808045;
        padding-bottom: 8px;
        background: #FFFFFF;
        width: 47%;
        margin: 0px 5px 7px;
        padding: 4px 10px;
        border-radius: 8px;
        text-align: center;
        line-height: 27px;
    
}