@media (max-width:1779px) {
  .hero-info{ bottom: 5%;}
}
@media (max-width:1579px) {
h1{ font-size: 140px;}
.page-template h1{font-size: 140px;}

.hero__sec .hero_curve1 { zoom: 70%;}
.hero-info{ padding: 0 40px;}
.hero__sec .hero_curve3{ bottom: 131px; left: 60%;}
}

@media (max-width:1199px) {
.sec-head{ gap: 20px;}
.sec-img{ height: 460px;}
h1{ font-size: 120px;}
.page-template h1{font-size: 120px;}
h2{ font-size: 40px;}
h3{ font-size: 30px;}
h4{ font-size: 20px;}

.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; box-shadow:none !important; width: 14px; height: 14px; display: flex;}
.header__sec .offcanvas { background:var(--darkerColor); width: 100%; max-width: 360px;}
.header__sec .offcanvas-end-xl { top: -16px; right: -5%; border: none; transform: translateX(100%); bottom: auto; left: auto; height: 100vh;}
.header__sec .offcanvas.show:not(.hiding), .header__sec .offcanvas.showing{ transform: translateX(0);}
.header__sec .navbar-light .navbar-nav .nav-item{ margin: 0; width: 100%;}
.header__sec .nav-btnss .phcon_btn{ display: none;}
.header__sec.sticky .navbar-toggler{ display: none;}
.header__sec .offcanvas-backdrop{ top: -15px; left: -5%;}

.hero__sec{ min-height: 557px;}
.hero__sec .hero_cap h1 img{ width: 500px;}
.hero__sec .hero_curve1{ zoom: 50%;}
.hero__sec .hero_curve2{ left: -82px; width: 160px;}
.hero__sec .hero_curve3{ zoom: 80%; left: 70%; bottom: 150px;}
.hero-info .text{ font-size: 18px;}
.hero-info .line{ width: 185px;}
.about-video{ height: 470px;}
.counter_item strong{ font-size: 50px;}
.counter_item p{ font-size: 14px;}
.whom__sec .row { --bs-gutter-x: 20px;}
.whom_item{ height: 184px;}
.headline__sec h2{ font-size: 60px;}
.slide .team_item{ width: 250px;}
.team__slider .slide__list{ gap: 20px;}
.faq-accordian .accordion-button{ padding: 16px 20px; font-size: 17px;}
.faq-accordian .accordion-body{ padding: 0 20px 20px;}

/* About Page */
.inner__banner .banner_cap{ padding-top: 220px;}

/* Portfolio Page */
.portfolio-pill{ font-size: 30px; border-radius: 20px;}
.portfolio-pill span:first-child { padding: 14px 24px; border-radius: 20px 0 0 20px;}
.portfolio-pill span:last-child { padding: 14px 30px 14px 40px; border-radius: 0 20px 20px 0;}
}

/************ Main **************/
@media (max-width: 991px) {
.container-fluid{ padding: 0 5%;}
.sec-img{ height: 50vw;}
h1{ font-size: 80px;}
.page-template h1{font-size: 80px;}
h2{ font-size: 30px;}
h3{ font-size: 24px;}
h4{ font-size: 18px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}

.conetnt-group{ gap: 30px;}

.py-100, .pt-100{ padding-top: 60px;}
.py-100, .pb-100{ padding-bottom: 60px;}
.py-60, .pt-60{ padding-top: 40px;}
.py-60, .pb-60{ padding-bottom: 40px;}

.hero__sec .hero_cap h1 img{ width: 350px;}
.hero__sec .hero_curve1 { zoom: 40%;}
.hero-info{ gap: 10px;}
.hero-info .text{ font-size: 16px;}
.hero-info .line{ width: 100px;}
.about-video{ height: 320px;}
.whom_item{ border-radius: 35px;}
.counter_item strong{ font-size: 38px;}
.headline__sec h2 { font-size: 50px;}
.seeeall_btn{ font-size: 16px;}
.seeeall_btn i{ height: 40px; width: 40px;}
.foot_links li{ font-size: 16px;}
.footer__sec{ padding: 40px 0 20px;}
.footer__sec .conetnt-group{ gap: 30px;}


/* About Page */
.inner__banner .banner_cap{ padding-top: 180px;}
.ecosys_logo { padding: 30px 20px; border-radius: 18px;}

/* Portfolio Page */
.portfolio-pill{ font-size: 26px;}

/* Contact Page */
.cont-form{ max-width: 100%; margin: 0;}
.form-group{ margin-bottom: 20px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

h1{ font-size: 70px;}
.page-template h1{font-size: 70px;}

.hero-info{ flex-direction: column; align-items: center; padding: 0 5%;}
.hero-info .line{ width: 100%; height: 1px;}
.hero-info .tobottom_jump .dottedcircle{ width: 59px; height: 59px;}
.info-box{ padding: 15px;}
.copyright{ text-align: center;}


/* About Page */
.inner__banner .banner_cap { padding-top: 160px;}

/* Venture Model Page */
.impact_card p{ margin-bottom: 30px;}

/* Portfolio Page */
.portfolio-pill span:last-child { padding: 14px 20px 14px 25px;}
.portfolio-item{ padding: 30px 20px; min-height: auto;}
.portfolio-item figure{ min-height: 40px;}
}

/************ iphone **************/
@media (max-width:575px) {
  html { -webkit-text-size-adjust:none;}
  
  h1 { font-size: 50px;}
  .page-template h1{font-size: 50px;}
  h3 { font-size: 20px;}
  
  .hero__sec .hero_cap h1 img { width: 70vw;}
  .hero__sec .hero_cap h3{ margin-top: 12px;}
  .hero__sec .hero_curve1 { zoom: 30%;}
  .hero-info{ margin-bottom: 20px; z-index: 10;}
  .about-video { height: 50vw;}
  .counter_item strong { font-size: 34px;}
  .foot_socials{ flex-direction: column;}
  .slide .team_item{ padding: 0; width: 90vw;}
  .slide:nth-child(2n) .team_item { padding: 0;}
  .slide__list[data-show-scrollbar="false"] { scrollbar-width: auto; scrollbar-height: auto; mask-image: none; padding-bottom: 10px;}
  .seeeall_btn i { height: 30px; width: 30px; padding: 5px;}
  
  /* Portfolio Page */
  .portfolio-pill { font-size: 17px; border-radius: 12px;}
  .portfolio-pill span:first-child { padding: 12px 14px; border-radius: 12px 0 0 12px;}
  .portfolio-pill span:last-child{ padding: 12px 14px; border-radius: 0 12px 12px 0;}
  
}