@media (max-width: 1400px) and (min-width:1200px){
  .quick-link {
      font-size: 12px !important;
  }
}

@media (max-width: 1400px) and (min-width:1024px){
  .indiaglobagtexttile .big-number-hi { font-size: 28px; line-height: 34px !important;}
  .text_normalfont_hi{font-size: 13px;}
  .indiaglobagtexttile .info-card p {
    font-size: 13px;
  }
  .indiaglobagtexttile .big-number {
    font-size: 41px;
  }
}



@media (max-width: 1250px) and (min-width:1000px){
  
.hero .hero-content h1 {font-size: 37px;}
.hero .hero-content h3 {font-size: 20px;}
.quick-link {margin-right: 14px;font-size: 14px;}
.quick-links-label { margin-right: 1px;font-size: 1.1em;}
.indiaglobagtexttile .big-number{
    font-size: 30px;
    font-weight: 600;
    line-height: 32px !important;
}
.card_infosec {
    height: 422px;
}
.indiaglobagtexttile .policy-card h3 {font-size: 22px;}
.indiaglobagtexttile .stat-box h2 {font-size: 40px;}
.maprightside_default .highlight-number {font-size: 30px;}
.info-box.developedby .highlight-number {font-size: 22px;}
.textwidthbig {width: 95%;}
.textwidthsmall {width: 45%;right: 35%; top: 15px;}
.state-govt .logo-item p {font-size: 12px;}
.govt-section .agency-wide.mpidclogo {max-height: 88px;}
.mitra-glimpse .glimpse-title {font-size: 25px;}
.govt-badge.mb-4.aos-init.aos-animate {font-size: 20px;}
.footer-title {font-size: 14px;}
.swiper-slide section {top: 20%;}
.quote-text p {font-size: 17px;line-height: 28px;}
.whatsispmmitrasec p {font-size: 16px;line-height: 30px;}
.contact-box h5 {font-size: 16px;}
.leftsidewith {width: 43%;}
.infra-tabs .nav-link {font-size: 16px;} 

}
@media only screen and (max-width: 1030px) and (min-width: 991px){
  .visitor-counter {
      display: flex;
      align-items: center;
      background: #eaeaea;
      padding: 2px 6px !important;
      border-radius: 10px;
      width: fit-content;
  }
  .visitorcountersec {
      text-align: center;
      width: 106%;
      box-shadow: 1px 1px 20px 19px #7a1d50;
      border-radius: 10px;
      padding: 20px 5px;
  }
  .visitor-counter .counter {
    display: flex;
    gap: 4px;
  }
  .visitor-counter .digit {
    background: linear-gradient(#7e1d52, #8a1f58);
    color: #fff;
    font-size: 14px !important;
    font-weight: bold;
    padding: 4px 6px !important;
    border-radius: 6px;
    box-shadow: inset 0 -3px 5px rgb(142 31 90);
}



}

@media only screen and (max-width: 1025px) and (min-width:1023px){
    .rapidprogress .main-value {
        font-size: 34px;
    }
    .rapidprogress .big-percent {
        font-size: 34px;
    }
    .rapidprogress .spv-title {
        font-size: 34px;
    }
    .video_thumnail .video-box {
        height: 115px;
    }
    .video_thumnail{padding-bottom: 90px;}
    .highlight-area {
        background: #F8D0D6;
        min-width: 250px;
        gap: 2px;
        height: 108px;
        margin-top: -27px;
    }
    .quick-link {
        font-size: 12px !important;
    }
    .links-area {
        padding: 30px 0px 33px 4px !important;
        position: relative;
        top: 0px;
        line-height: 16px;
    }
    .textwidthbig::after {
        left: 62%;
        top: 126%;
    }
    .textwidthsmall {
        width: 45%;
        right: 9%;
        top: 15px;
    }
    .incentivessupport .custom-icon {
        width: 50px;
        height: 50px;
    }
    .incentivessupport .custom-icon img {
        width: 30px;
    }
    .park_details_page .feature-card-wrapper .feature-card {
        padding: 17px 8px;
    }


}


@media only screen and (max-width: 991px) {
  .park_details_page .page-title h1{
      font-size: 26px;
  }
  .park_details_page .park-about-wrapper{
    padding-top: 25vh;
  }
.park_details_page .connectivity-grid {
  padding: 20px 2px 5px 0px !important;
  border-radius: 10px;
}
.park_details_page .contact-section {
   padding: 50px 4px !important;
}

.park_details_page .contact-section .govt-badge {
  /* background: #f7e892; */
  padding: 12px 12px 12px 12px;
  display: inline-block;
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: .5px;
  font-size: 21px;
  width: fit-content;
}
.park_details_page .contact-section h2{font-size: 20px !important;}
.park_details_page .contact-section .form-card{padding: 20px !important;}

.park_details_page .bdrline::before{
  background-color: #837d7d00 !important;
}

.park_details_page .bdrline_mob {
  position: relative;
}

.park_details_page .bdrline_mob::after {
  content: "";
  position: absolute;
  left: 265px;
  top: 20px;
  width: 1px;
  height: 160px;
  background-color: #837d7d;
}
.park-about-wrapper {
  padding-top: 70vh ;
}
.connectivity-grid {
  padding: 20px 5px 5px 5px;
}
.park_details_page .progress_section .status-card img {
    width: 100%;
    height: 285px;
}
.features-list td strong {
    font-weight: bolder;
    font-size: 14px;
}
.highlight-area{border-radius: 0px;}
.highlight-area {
  position: relative;
  margin-top: 15px !important;
}
.state-govt .logo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    align-items: center;
    text-align: center;
}
.state-govt .logo-item p {
    font-size: 12px;
}
.rapidprogress .main-value {
    font-size: 40px !important;
}
.rapidprogress .big-circle {
    width: 224px;
    height: 224px;
}
.rapidprogress .small-circle {
    width: 170px;height: 170px;
    padding: 16px;
}
.rapidprogress .big-circle h3 {
    font-size: 28px;
    font-weight: 700;
}
.indiaglobagtexttile .stat-box h2 {
    font-size: 40px !important;
}
.indiaglobagtexttile .big-number {
    font-size: 40px;
}
.textwidthbig{width: 100%;}
.textwidthsmall{margin-top: 24px; width: 47%;
        right: 27%;justify-content: center;
}
.rapidprogress .small-circle{right: 0;}
.textwidthsmall::after{right: 48%;}
.textwidthbig::after{right: 48%;}
.certifications .tab-pane.active {margin-top: 15px;}
.marlr { margin: 10px 0px;}
.mobviewsec{padding: 0px !important;}
.mobviewsec .quote-text p{font-size: 20px;}
.swiper-slide.hero-bg-3aa img {
    height: auto !important;
    margin-top: 90px;
}
.swiper-slide section {top:32%;}
.hero .hero-content h1{font-size: 25px;}
.hero .hero-content h3 {font-size: 16px;}
.mbileviewsec{padding-top: 0px !important;}
.projects.section{padding-top: 0px !important;}
.legend-item {gap: 2px;}
.legend-item span{font-size: 14px;}
.hero .hero-content {margin-bottom: 50px;padding: 0px 15px;}
.swiper.heroSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden .swiper-button-prev {width:28px;line-height:28px;height:28px;margin-top:32px;}
.swiper.heroSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden .swiper-button-next {width: 28px;line-height: 28px;height: 28px; margin-top: 32px;}
.swiper.heroSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden .swiper-button-prev:after {font-size: 15px;}
.links-area {padding: 20px 5px 0px 5px;}
.blink-text {font-size: 14px;}
.quick-link {margin-right: 5px !important;font-size: 14px !important;}
.mobilebottompd{padding: 10px 15px;}
.mobilemarginbtm{margin-bottom: 0px;}
.indiaglobagtexttile .policy-card h3 {font-size: 20px;}
.indiaglobagtexttile .info-card sup {top:-2em;}
.indiaglobagtexttile .info-card {height: 120px !important;}
.card_infosec {height:305px;} 
.whatsispmmitrasec p {font-size:20px;line-height: normal;}
.hero-buttons{margin-bottom: 15px;}
.maprightside_default .percent {font-size: 28px;}
.challenge-text{font-size: 18px;}
.maprightside_default .value-chain {font-size: 14px;}
.maprightside_default .info-box p {text-align: left;font-size: 12px !important;}
.maprightside_default .btn-outline-main {padding: 10px 10px;}
.section.infrastructure-section{scroll-margin-top:6px !important; padding-top:20px;}
.rapidprogress .big-percent { font-size: 45px;}
.state-govt .logo-item img {max-height: 90px;}
.swiper.heroSwiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden .swiper-button-next:after {font-size: 15px;}
.chip {padding: .35rem 1.6rem;}
.content.mobilemargin{margin-bottom: 0px;}
.rapidprogress .spv-title {font-size: 40px !important;}
.instagramsection{margin-top: 10px;}
.rapidprogress .border-start {border-left: 1px solid #615d5d00 !important;}
.rapidprogress .ational_Industrial_Corridor {font-size: 20px;}
.maprightside_default .highlight-number {font-size: 25px;}
.certifications .content h2, .parkprogressdate h2, .mitra-glimpse .glimpse-title, .textile-section h2, .projects.section h2, .maprightside_default h2, .newssection h2, .queries.section h2, .pragatikapmmitra h2{
font-size: 25px !important;}
.highlight-number.seven{font-size: 40px !important;}
.whoswhosec .card {height: auto;margin-top: 10px;}
.indiatexttilessector .legend-box {
    width: 100%; position: initial;
}
.heading_sec h2{font-size:25px;}
.supportive .info-box h5 {font-size: 18px;}
.supportive .info-box {padding: 15px;}
.investmentopportunity .investment-card.secondcard {margin-top:10px;}
.investmentopportunity .investment-card{height: 275px;}
.investmentopportunity .investment-card .icon img {max-width: 28% !important;}
.supportive{padding-top: 10px !important;}
.mobilepadingbt{padding: 0px 15px !important;}
.indiatexttilessector .info-box{margin-top: 10px;}
.infra-header {margin-top: 10px;}
.aboutmobilev{margin-top: 15px;}
.aboutmobilev h2{margin-bottom: 0px;}
.scheme-wrapper h2, .aboutmobilev h2, .scheme-incentive-wrapper h2, .esg-wrapper h2{font-size: 25px !important;}
.infra-list.value-list{height: auto;}
.aboutpage .scheme-wrapper .card-body {margin-top: 26px;}
.mobviewscis{margin-top: 100px;}
.aboutpage .scheme-incentive-wrapper .financial-card{margin-bottom: 15px;}
.mobiviewdl{display: initial !important;}
.aboutpage .esg-wrapper .w-70 {
    width: 100%;
}
.aboutpage .governance-wrapper .service-box { height: 145px !important;margin-bottom: 12px;}
.aboutpage .esg-img {
    opacity: 0.5 !important;
}
.aboutpage .infra-header {font-size: 16px;}
.aboutpage .infra-header .certifications {font-size: 16px;}
.aboutpage .infra-header img { width: 8%;}
.aboutpage .cis-card-header h3 {font-size: 15px;padding-left: 40px;padding-right: 30px;}
.aboutpage .scheme-incentive-wrapper .financial-card h4 {font-size: 28px; margin-bottom: 0px;}

.services .service-list {
    display: initial;flex-direction: column;
    gap: 1.5rem;margin-bottom: 52px;
}
.service-box {text-align: left; padding: 32px 20px;}
.scheme-incentive-wrapper{padding-top: 0px;}
.divider {height: initial;} 
.whoswhosec .card-title {font-size: 18px;}
.service-icon {width: 50px;height: 50px; }
.service-icon img {width: 65%;}
.park_details_page .feature_img_icon img {width: 24%;}
.park-about-wrapper h2, .connectivity_section h2, .progress_section h2, .edge_section h2, .facilities_section h2, .policy_section h2, .layout_section h2, .downloads_section h2, .meetus_section h2{font-size: 25px;}

.park-about-wrapper, .connectivity_section, .progress_section, .edge_section, .facilities_section, .policy_section, .layout_section, .downloads_section, .meetus_section, .contact-section{padding-top:25px;}
.facilities_section .tab-content { height: auto;}
.park_details_page .info-card-header{font-size: 18px;}
.park_details_page .facilities_section .infra-list {margin-top: 10px;}
.park_details_page .page-title p {font-size: 14px;}
 .resourcesec .resourcesbg {height:auto;}
 .gallerynew .image-stack img:first-child {left: -40px;}
 .gallerynew .image-stack img:last-child {right: -40px;}
 .gallerynew .image-stack img {width: 172px;height: 230px;}
.latestnewsevent .whats_new .colorbar {margin-top: 20px;}
.mob_fnt h2 {font-size:20px;}
.newssidebar .contentab .align-items-center {align-items: center !important;font-size: 12px !important;}
.page-title.light-background.video_bg h1 {font-size: 25px;}
.gallerynew {padding: 0px 12px;}
.page-title .content-center h1 {font-size: 25px;}
.photos_gallery {padding-top: 0px !important;}
.opportunities .table thead tr th {font-size: 12px;}
.contact-info-panel .contact-info-cards .info-grid {display: ruby;}
.contact-info-panel .info-box h4 {margin: 10px 0px 0px 5px;font-size: 16px;;}
.contact .social-links-panel .social-icons a {
    background-color: rgb(115 33 60);
    color: #ffffff;
}
.indiatexttilessector .circle-top {
    width: 215px; height: 215px;top: -12px;left: 65px;
}
.indiatexttilessector .circle-left {
    width: 215px;height: 215px;left: -33px;
}
.indiatexttilessector .circle-right {
    width: 215px; height: 215px;right: 55px;
}
.mobile-nav-active .mobile-nav-toggle {
  top: 30px;right: 20px;
}
.dt-length select{width:20%;}
.indiatexttilessector .state-title.title1::after, .indiatexttilessector .state-title.title2::after, .indiatexttilessector .state-title.title3::after, .indiatexttilessector .state-title.title4::after, .indiatexttilessector .state-title.title5::after, .indiatexttilessector .state-title.title6::after, .indiatexttilessector .state-title.title7::after, .indiatexttilessector .state-title.title8::after, .indiatexttilessector .state-title.title9::after, .indiatexttilessector .state-title.title10::after {
    content: ""; display: block; width: 57% !important;height: 4px !important;
    bottom: -6px !important;left: 0% !important;top: initial;
}
.indiatexttilessector .info-box {display: inherit;}
.indiatexttilessector .state-title {font-weight: 600; margin-bottom: 12px; font-size: 14px;}
.indiatexttilessector .info-box p {font-size: 11px !important;}
.indiatexttilessector .info-box {height: 402px;overflow: auto;}
.supportive .ecosystem-wrapper {width: 350px;height: 380px;}
.Ministrylogo {width: 4%;margin-right: 6px;margin-left: 2px;} 
.Governmentlogo {width: 25px;margin-right: 10px;}
.util-item a{font-size:12px; margin-right:2px;}
.sastainable {
    height: 408px;
    padding-top: 88px;
}
.sastainabledata .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /* background: linear-gradient(90deg, #611556 0%, #762337 100%); */
    background-color: #98255F;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 25px;
    font-size: 14px;
}
.sastainabledata .accordion-button::after {
    filter: initial;
}
.sastainabledata .nav-pills .nav-link {
    padding: 10px 25px;
    font-size: 14px;
}
.sastainabledata .tab-content .head_title h2{font-size: 22px;}
.padtop {
    padding-top: 10px;
}
.tab-content .card-section img{width: 95%;margin-left: 0px;}
.mobmrgin{margin-top: 0px;}
.sustainablepage .env-content p, .sustainablepage .content-box p, .sustainablepage .head_title p, .sustainablepage .infrastructure-list li{font-size: 14px;}
.sustainablepage .economic-title {font-size: 22px;margin-bottom: 10px;}
.pm-footer p{font-size: 14px;}
.footer-links li {margin-bottom: 0px;font-size: 14px;}
.sustainablepage .image-main {
    width: 100%;
    border-radius: 12px;
    border: 6px solid #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.sustainablepage .image-wrapper{
    margin:auto;
    margin-bottom:80px;
}
.sustainablepage .image-wrapper {left: 8%;}
.sustainablepage .image-wrapper {
    position: relative;
    max-width: 600px;
}
.sustainablepage .image-small{
    left:-20px;
    bottom:-107px;
}
.sustainablepage .infrastructure-image{
    margin-top:40px;
    text-align:center;
}
.sustainablepage .economic-section {
    padding: 75px 0px 0;
}
.sustainablepage .social-icon {
    width: 50px;
    height: 50px;
}
.sustainablepage .social-icon img{width: 56%;}
.sustainablepage .social-card h5 { font-size: 18px;}
.footer-title { font-size: 16px;  margin-bottom: 10px}
.footer-bottom { font-size: 12px; opacity: 0.8;}
.sustainablepage .infrastructure-image img { max-width: 85%;}
.tab-content .env-card .env-icon img{width: 56%;}
.tab-content .env-card h5 strong{font-size: 18px;}
.sustainablepage .env-content h4 {font-size: 18px;}
.sustainablepage .contentsection h3 { margin: 0; font-size: 18px;}
.circle-wrapper .circle-img, .pdr .card-section, .pdl .card-section {
    transition: all 0.3s ease;
    text-align: center;
    justify-content: space-between;
    display: flex;
}
.sustainablepage .social-icon {margin-bottom: 10px;}
.sustainablepage .content-box i {color: #a12c5b;font-size: 14px;}
.sustainablepage .tab-content p{font-size: 14px;}
.sastainable p{font-size: 14px;}
.sustainablepage .head_title { text-align: center;margin-bottom: 25px;}
.card-section.economic_right{display: initial !important;}
.sustainablepage .image-stack img.second {
    position: absolute; width: 55%; bottom: -40px; right: -5px;
    transition: all 0.3s ease;
}
.sustainablepage .card-body {padding:12px; font-size: 14px;}
.sustainablepage .image-stack img {width: 87%;}
.sastainableop { padding-top: 44px;height: 100%;}
.opportunities_hub .head_title h2, .other_opportunities{font-size: 25px;}
.page-title p { font-size: 14px;}
.opportunitiespage .opportunities_hub .op-list li{font-size: 14px;}
.opportunitiespage .opportunities_hub .latest-item .content_sec_list {font-size: 14px;}

.sastainableop {height: 438px !important;}
h2 { font-size: 25px;}
.incentivessupport .custom-icon {
    width: 50px !important;
    height: 50px !important;
}
.incentivessupport .custom-icon img {
    width: 30px !important;
}
.icon_sec {
    width: 7% !important;
}

    .sustainability-section  .top-tabs {
        gap: 10px;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin-bottom: 19px;
        padding-bottom: 8px;
    }
.image_left_side img{width: 100%;}
    
.sustainability-section .top-tabs::-webkit-scrollbar, .sustainability-section .inner-tabs::-webkit-scrollbar {
    width: 4px;
}

.sustainability-section .top-tabs::-webkit-scrollbar-track, .sustainability-section .inner-tabs::-webkit-scrollbar-track {
    background-color: #D1BBC7;
    border-radius: 8px;
}

.sustainability-section .top-tabs::-webkit-scrollbar-thumb, .sustainability-section .inner-tabs::-webkit-scrollbar-thumb {
    background-color: #8D1F59;
    border-radius: 8px;
}

.sustainability-section .aboutpage.bgdrs {
    margin-top: 50px;
}

    .sustainability-section .top-tabs .nav-item {
        min-width: 220px;
        flex: 0 0 auto;
    }

    .sustainability-section .top-tabs .nav-link {
        min-height: 65px;
        font-size: 18px;
    }

    .sustainability-section .top-tabs .nav-link.active::after {
        display: none;
    }

    .sustainability-section .inner-tabs {
        margin-bottom: 25px;
        flex-direction: row !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 12px;
        padding-bottom: 8px;
    }

    .sustainability-section .inner-tabs .nav-link {
        min-width: 260px;
        min-height: 100px;
    }

    .sustainability-section .inner-tabs .tab-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 25px;
    }

    .sustainability-section .inner-tabs .tab-title {
        font-size: 18px;
    }

    .sustainability-section .inner-tab-content {
        padding: 25px;
    }
    .allsepratebg.sastainabledata .aboutpage.bgdrs {
        margin-top: 50px;
    }


}
    
  @media (max-width: 991px) and (min-width: 768px) {
    .textwidthbig::after {right: 44% !important; left: initial;}
    .textwidthbig { width: 100%;}
    .textwidthsmall {
      margin-top: 1px;
      width: 46%;
      right: 0%;
      justify-content: right;
    }
    .links-area { padding: 20px 5px 15px 5px;}
    .mobilebottompd {padding: 17px 15px;}
    .textwidthsmall::after {right:24%;height:40px;}
    .rapidprogress .main-value {font-size: 35px !important;}
    .rapidprogress .small-label {font-weight: 600;margin-bottom: 0px; margin-top: 0px;}
    .govt-section .agency-wide.mpidclogo{max-height: 85px;}
    .leftsidewith {width:44%;}
    .swiper-slide section {top: 20%;}
    .park_details_page .feature_img_icon img {width: 24%;}
    .park_details_page .feature-card-wrapper .feature-card {padding: 16px 15px;}
    .hero .hero-buttons .btn-primary {width: fit-content;}
    .leaflet-control-zoom a {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    }

    .leaflet-control-zoom {
    transform: scale(0.7);   /* reduce overall size */
    margin-left: 5px;
    }

    /* Individual buttons */
    .leaflet-control-zoom a {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    }
    .leaflet-control-zoom {
    transform: scale(0.6);
    }

    .leaflet-control-zoom a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    }

    #map {
    pointer-events: none;
    }

    .leaflet-control-zoom {
    pointer-events: auto; /* keep zoom buttons clickable */
    }
    .links-area{
        height: 85px;
    }
    .indiaglobagtexttile .stat-box h2 {
        font-size: 25px !important;
    }
    .indiaglobagtexttile .info-card {
        height: 172px !important;
    }
    .card_infosec {
        height: 390px;
    }

    .indiatexttilessector .policy-header div {
        padding: 18px;
        font-size: 17px !important;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        width: 286px;
        background: #9b1b5a;
    }
    .indiatexttilessector .policy-cell{ width: 284px;    background: #F8D0D670;}
   .park_details_page .progress_section .status-card p {
        font-size: 16px;
        height: 140px;
    }

  }

  @media(max-width:992px){
    .sustainablepage .circle-wrapper{
        width:650px;
        height:650px;
        margin-top:15px;
    }
    .sustainablepage .circle-inner{
        width:200px;
        height:200px;
    }
    .video_thumnail .video-box {
        position: relative;
        overflow: hidden;
        padding: 5px;
        display: inline-block;
        object-fit: cover;
        height: auto;
    }

  }


@media (max-width: 900px) {
  .sustainablepage .content {
    flex-direction: column;
    text-align: center;
  }
  .sustainablepage .image-stack {
    width: 100%;
    max-width: 600px;
  }
  .sustainablepage .image-stack img.second {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 20px;
    width: 100%;
  }
}



/* Responsive */
@media(max-width:768px){
   .sustainablepage .envmt-card{
        flex-direction:column;
    }
    .sustainablepage .env-icon-box{
        width:100%;
        height:62px;
    }
      .sustainablepage .env-icon-box img, .envmt-card .env-icon-box img{
        width: 10%;
    }
    .sustainablepage .env-icon-box i{
        font-size:36px;
    }
}
  @media (max-width: 767px){
   .sustainablepage .contact-wrapper.px-5{padding: 0px !important;}
   .sustainablepage .contact .contact-info-panel{padding:0px;}
   .sustainablepage .contact .form-container {padding: 44px 2px;}
    .sastainableop { height: 316px !important; }
    .sastainable { height: 308px; }
    .sustainablepage .image-stack {width: 100%;max-width: 400px;}
     .sustainablepage .circle-wrapper{
        width:300px;
        height:300px;
        margin-top:15px;
    }
    .sustainablepage .image-main {
      width: 82%;
      border-radius: 12px;
      border: 6px solid #fff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  }
  .sustainablepage .image-wrapper {
      position: relative;
      max-width: 400px;
  }
    .indiaglobagtexttile .stat-box h2 {
        font-size: 28px !important;
    }
    .icon_sec {
        width: 10% !important;
    }
    .incentivessupport .custom-text p {
        text-align: left;
        padding-left: 10px;
    }


  }

@media only screen and (max-width: 767px) {
  .park_details_page .park-about-wrapper{
    padding-top: 84vh;
  }

}
@media (max-width: 767px) {

    .policy-wrapper {
        width: 100% !important;
        overflow-x: visible !important;
        padding: 0 !important;
    }

    .policy-header {
        display: none !important;
    }

    .policy-row {
        min-width: 0 !important;
        width: 100% !important;
        display: block !important;
        margin-bottom: 20px !important;
        border-radius: 6px !important;
        overflow: hidden !important;
    }

    .policy-name {
        width: 100% !important;
        padding: 16px 18px !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        font-weight: 600 !important;
    }

    .policy-cell {
        width: 100% !important;
        border-bottom: 1px solid rgba(167, 25, 91, 0.15) !important;
        flex-wrap: wrap;
    }

    .policy-cell:last-child {
        border-bottom: 0 !important;
    }

    .policy-cell p {
        margin: 0 !important;
    }

    .policy-row .policy-cell:nth-child(2)::before {
        content: "Target" !important;
    }

    .policy-row .policy-cell:nth-child(3)::before {
        content: "Brief Description" !important;
    }

    .policy-row .policy-cell:nth-child(4)::before {
        content: "Budget Outlay (INR Cr.)" !important;
    }

    .policy-row .policy-cell:nth-child(5)::before {
        content: "Duration" !important;
    }

    .policy-row .policy-cell::before {
        display: block !important;
        margin-bottom: 6px !important;
        color: #9b1b5a !important;
    }
    .textwidthbig::after {
        left: 50%;
    }
    .aboutpage p {
        font-size: 18px !important;
        color: #171717;
    }
    button.accordion-button {
        font-size: 16px !important;
    }
    .sustainablepage .social-card h5 {
        font-size: 18px !important;
    }
    .sustainablepage button.accordion-button {
        font-size: 18px !important;
    }
    .last-update-row .update-title {
        font-size: 12px;
    }
    .park_details_page .connectivity-section .connect-card {
        height: auto;
    }
    .park_details_page .feature-card-wrapper {
        top: 20px;
    }
    .sustainability-section .sustainability-section {
        padding: 10px;
    }
    .sustainability-section .top-tabs .nav-item {
        min-width: 190px;
    }

    .sustainability-section .inner-tabs .nav-link {
        min-width: 230px;
        padding: 15px;
    }

    .sustainability-section .inner-tab-content {
        padding: 18px;
    }
    .sustainability-section .inner-tab-content h3 {
        font-size: 21px;
    }
    .sustainability-section .content-list > p::before {
        left: 20px;
    }
 

}


@media(max-width: 676px){
.hero .hero-content .bannertext:before{
   background: none;
}
.hero .hero-content .bannertext{
   margin-left: 0;
}
.hero-slider-wrapper .swiper-slide section{
left: 0;
}
.hero-slider-wrapper .hero .hero-content {

   padding: 25px 30px;
   text-align: center;
   margin-bottom: 0!important;
}
.hero .hero-buttons{
   display: block;
}
.links-area{
   flex-wrap: wrap;
   gap: 10px;
   padding: 15px;
   justify-content: center;
}
.quick-links-label{
   padding-left: 0px!important;
}
.video_thumnail .video-box{
   position: relative;
   height: auto;
}
.spv-circle{
justify-content: center!important;
}
.highlights-title{
   margin-bottom: 15px;
}
.highlight-area{
   text-align: center;
}

.footborderleft{
   margin: 0;
}

 .hero-slider-wrapper{
   padding-top: 45px;
   }
   .header .logo {
      width: 160px;
   }

   .topbar{
    display: block!important;
    height: auto!important;
   }
    .topbar .Governmentlogo,
    .topbar .Ministrylogo {
        height: 22px;
    }

    .topbar .util-item a.skip-link {
        font-size: 12px;
    }

    .topbar .font-controls {
        gap: 4px !important;
    }

    .topbar .font-btn {
        padding: 1px 6px;
        font-size: 12px;
        margin-right: 3px;
    }

    .topbar .admin-login-btn {
        font-size: 12px;
        padding: 2px 6px;
    }

    .topbar .right-items {
        gap: 4px !important;
        padding-bottom: 5px;
    }
    .util-item a{
      margin-right: 5px;
    }
    .projects p{
     text-align: center;
    }
     .topbar .container {
        justify-content: center;
        text-align: center;
    }

    .topbar .left-items,
    .topbar .right-items {
        justify-content: center;
        width: 100%;
        padding-top: 5px;
    }

    .topbar .right-items {
        padding-top: 8px;
        margin-top: 4px;
    }

  
    .topbar .container {
        flex-wrap: wrap;
        gap: 0px;
    }

    .topbar .left-items,
    .topbar .right-items {
        flex-wrap: wrap;
       
    }

    .topbar .Governmentlogo,
    .topbar .Ministrylogo {
        height: 20px;
        width: auto;
    }
    .indiaglobagtexttile .info-card{
        height: auto!important;
    }
    .card_infosec{
        height: auto!important;
    }
      .policy-row {
        margin-bottom: 16px !important;
    }

  
    .policy-cell {
        flex-wrap: wrap;
    }

    .policy-row .policy-cell::before {
        margin-bottom: 5px !important;
    }
    .process-section .card{
        width: 100%;
    }
    .maprightside_default .percent {
        font-size: 17px;
    }
      
    .projects.section h2{
        font-size: 25px !important;
    }  
     .maprightside_default h2{
        font-size: 17px !important;
    }   
    .navmenu a, .navmenu a:focus {
            font-size: 14px;
    }
    .indiaglobagtexttile .big-number {
        font-size: 30px;
    }
    h2.headtop_text {
        font-size: 25px;
    }
    .why_pm_mitra_sec h2 {
        font-size: 18px;
        line-height: normal;
    }
    .sastainabledata .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        padding: 10px 10px;
    }
    .sustainability-section .inner-tabs .tab-title {
        font-size: 16px;
    }
    .sustainability-section .content-list > p {
        padding: 8px 28px 8px 40px;
    }
    .sustainability-section .inner-tabs .tab-icon {
        width: 50px;
        height: 50px;
        min-width:50px;
        font-size: 25px;
    }
     .sustainability-section .inner-tabs .tab-icon img{
        width: 35px;
    }
    .maprightside_default .info-box p {
        text-align: left;
        font-size: 12px !important;
        width: 60%;
    }
    .info-box.developedby h5 {
        font-size: 17px;
    }


}

@media only screen and (max-width:440px) {
  .park_details_page .bdrline_mob::after {
    content: "";position: absolute;left: 180px;
  }
  .park_details_page .park-about-wrapper {padding-top: 55vh;}
  .gallerynew .image-stack img {width: 150px;height: 180px;}
  .park_details_page .feature_img_icon img {width: 20%;}
  .park_details_page .feature-card-wrapper .feature-card {padding: 10px 10px;}
  .tab-content .tab-pane .infra-list li span{font-size: 14px;}
  .latestnewsevent .latestnewsimg {height: 32px;}
  .hero .hero-content p {font-size: 16px;}

}

@media (max-width:435px) and (min-width:428px) {
    .park_details_page .feature-card-wrapper{
        top: 22px;
    }
    .park_details_page .park-about-wrapper {
        padding-top: 55vh !important;
    }
}

@media (max-width:440px) and (min-width:425px) {
.textwidthbig { width: 68%; }
.textwidthbig::after { right: 55%; }
.textwidthsmall {margin-top: 0px;width: 47%;right: 0%;justify-content: center;}
.park_details_page .park-about-wrapper {
    padding-top: 77vh;
}

}

@media(max-width: 380px){
   .topbar .util-item a.skip-link{
      font-size: 10px;
   }
   .topbar .admin-login-btn{
      font-size: 10px;
   }
   .hero-slider-wrapper{
      padding-top: 48px;
   }
}


@media only screen and (max-width: 378px) {
  .park_details_page .bdrline_mob::after {
    content: ""; position: absolute; left: 161px;
  }
  .park_details_page .park-about-wrapper {
        padding-top: 68vh;
    }
}



@media (max-width:370px) {
  .supportive .ecosystem-wrapper {
      position: relative; width: 365px; height: 400px;
      margin: auto; left: -10px;
  }
  .indiatexttilessector .circle h2 {
    font-size: 26px;
  }
  .indiatexttilessector .circle-top {
    width: 200px;
    height: 200px; top: 20px; left: 65px;
  }
  .indiatexttilessector .circle-left {
      width: 200px; height: 200px; left: -33px;
    }
  .indiatexttilessector .circle-right {
      width: 200px; height: 200px; right: 55px;
  }
  .indiatexttilessector .circle-right {
      right: 74px;
  }
  .supportive .info-box h5 {font-size: 14px;}
  .info-box p {font-size: 12px !important;}
  .sustainablepage .image-stack img {width: 87%;}
  .sustainablepage .image-stack img.second {
      position: absolute;
      width: 60%;
      bottom: -40px;
      right: -10px;
      transition: all 0.3s ease;
  }
    .park_details_page .park-about-wrapper {
        padding-top: 64vh;
    }

}
@media (max-width:362px) {
    .last-update-row {
        gap: 9px;padding: 5px 8px;
        width: 123px;
    }
    .last-update-row .calendar {
        font-size: 15px;
    }
    .last-update-row .update-title {
        font-size: 11px;
    }

}
@media (max-width:352px) {
    .hero-slider-wrapper {
        padding-top:80px;
    }
} 

@media (min-width: 450px) and (max-width: 600px){
.swiper-slide section{
   top: 40%;
}
}