@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: 41px;font-weight: 600;}
.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: 991px) {
  .park_details_page .page-title h1{
      font-size: 26px;
  }
  .park_details_page .park-about-wrapper{
    padding-top: 32vh;
  }
.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%);
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 25px;
    font-size: 14px;
}
.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;}


}
    
  @media (max-width: 991px) and (min-width: 768px) {
    .textwidthbig::after {right: 52% !important;}
    .textwidthbig { width: 80%;}
    .textwidthsmall {
      margin-top: 1px;
      width: 47%;
      right: 10%;
      justify-content: center;
    }
    .links-area { padding: 20px 5px 15px 5px;}
    .mobilebottompd {padding: 17px 15px;}
    .textwidthsmall::after {right:51%;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 */
}
   
  }

  @media(max-width:992px){
    .sustainablepage .circle-wrapper{
        width:650px;
        height:650px;
        margin-top:15px;
    }
    .sustainablepage .circle-inner{
        width:200px;
        height:200px;
    }
  }


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




  }

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

}


@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: 80vh;}
  .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;}

}

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

@media only screen and (max-width: 378px) {
  .park_details_page .bdrline_mob::after {
    content: ""; position: absolute; left: 161px;
  }
}

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

}