@media screen and (max-width: 1700px) {
  .hero-content.cleantech-redesign {left: 50%;}
}

@media screen and (min-width: 1381px) and (max-width: 1500px) {
    .team__img img {
        height: 380px;
    }
}

@media screen and (max-width: 1400px) {

  .hero-content.cleantech-redesign {left: 50%; width: 90%;}
  .hero-content.cleantech-redesign .container {padding: 0; margin: 0;}
  .hero-tagline.cleantech-redesign p {font-size: 30px;}
  .section--highlight-shot.cleantech-redesign .highlight-shot__img {height: 75vh;}
  .cleantech--about .about-intro.content article p,.cleantech--about .about-intro.content article p strong {font-size: 25px;}
  .cleantech-about-grid article p {font-size: 25px;}
  .cleantech-about-grid article p:last-child {margin-bottom: 0px;}
  .cleantech-about-grid article p strong {font-size: 30px;}
  .section--text.cleantech-redesign {overflow: visible;}
  .footer-cleantech h5.cleantech {font-size: 50px;}
  .footer-cleantech .footer__address-item p,.footer-cleantech .footer__address-item h6 {font-size: 30px;}
  .footer-cleantech .footer__contact a {margin-top: 60px;}
  .subscription-form__field.cleantech-redesign input {font-size: 20px; padding: 15px 25px;}
  .about-cleantech-hero .container .hero-page__title h1 {font-size: 80px; margin: 0;}
  .about-cleantech-hero .container .hero-page__title h2 {font-size: 40px;}
  .mission-text {padding: 100px 100px 200px}
  .mission-text article h2 {font-size: 50px;}
  .mission-text article h3 {font-size: 37px;}
  .about-content-wrapper article p {font-size: 24px;}
  .about-content-wrapper figure figcaption {font-size: 50px;}
  .about-content-wrapper figure img {width: 300px;height: 300px;}
}

@media screen and (max-width: 1300px) {
  .subscription-form__field.cleantech-redesign input {margin: 50px 50px 0 0;}
  .team-member {width: 49%;}
  .team-member .team__img {height: 500px;}
}

@media screen and (max-width: 1200px) {
  .about-content-wrapper {padding: 40px;}
}

@media screen and (min-width: 1025px) and (max-width: 1380px) {
    .container {
        max-width: 95%;
    }
    .highlights-slider__item {
        padding: 40px 30px;
    }
    .highlights-slider .slick-list {
        margin: 0 -10px;
    }
    .highlights-slider .slick-slide {
        margin: 0 10px;
    }
    .highlights-slider__item h4 {
        font-size: 21px;
    }
    .highlights-slider__item p {
        font-size: 16px;
    }
    .container--bleed {
        max-width: none;
    }
    .about-intro__text {
        padding: 40px 50px 15px;
    }
    .about-intro h6 {
        margin-bottom: 19px;
    }
    .about-intro__text p {
        margin-bottom: 15px;
    }
    .news-slider .slick-list {
        margin: 0 -30px;
    }
    .news-slider .slick-slide {
        margin: 0 30px;
    }
    .footer-nav li,
    .footer-copyright li {
        margin-right: 25px;
    }
    .menu.-open {
        padding: 20 45px;
    }
    .features {
        padding: 25px;
    }
    .features h6 {
        font-size: 21px;
    }
    .features p {
        font-size: 16px;
    }
    .section {
        overflow: hidden;
    }
    .section--contact .column:first-child {
        flex: 0 0 55%;
    }
    .contact-form {
        padding-left: 20px;
    }
    .section--inside-about,
    .section--hero-about {
        overflow: visible;
    }
    .section--team .column {
        flex: 0 0 33.33%;
    }
    .about-content-wrapper article p {font-size: 24px;}
    .footer-cleantech h5.cleantech {font-size: 30px;}
    .footer-cleantech .footer__address-item p,.footer-cleantech .footer__address-item h6 {font-size: 20px;}
    .footer-cleantech .footer__contact a {margin-top: 40px;}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .section--contact .column:first-child {
        flex: 0 0 48%;
    }
    .contact-form {
        padding-left: 20px;
        padding-right: 30px;
    }
    .section--blog-hero .column:first-child {
        flex: 0 0 70%;
        padding-right: 20px;
    }
    .section--blog-hero .column:last-child {
        flex: 0 0 30%;
    }
    .columns.columns--blog-more .column {
        flex: 0 0 33.33%;
    }
}

@media screen and (max-width: 1000px) {
  .subscription-form__field.cleantech-redesign input {margin: 50px 120px 0 0;}
  .hero-page__title.cleantech-redesign h1 {font-size: 50px;}
  .columns--hero .hero-section__title.cleantech-redesign h2 {font-size: 36px;}
  .section__title.cleantech-redesign h2 {font-size: 50px;}
  .cleantech-features h6 {font-size: 40px;}
  .cleantech-features p {font-size: 30px;}
  .section__tagline.cleantech-redesign h2 {font-size: 40px}
  .section__para.content.cleantech-redesign h4 {font-size: 40px;}
  .section__para.content.cleantech-redesign p {font-size: 22px;}
  .section__para.content.cleantech-redesign li {font-size: 21px;}
  .button.cleantech {font-size: 22px;}
  .hero-page__title.cleantech-redesign h1 {max-width: none;}
  .hero-page__title.cleantech-redesign h2 {font-size: 40px;}
  .split-wrap {flex-direction: column;}
  .split-wrap article {width: 100%; margin-top: 60px;}
  .split-wrap article h2 {font-size: 50px;}
  .split-wrap article h2 span {font-size: 80px;}
  .split-wrap figure {width: 100%;}
}

@media screen and (max-width: 900px) {
  .container--features-press {max-width: 95%;}
  .hero-content.cleantech-redesign {top: 45%;left: 50%; width: 80%;}
  .highlights-cleantech__inner h4 {margin-bottom: 0px;}
  .highlights-cleantech__inner p {font-size: 20px;}
  .hero-tagline.cleantech-redesign {padding: 20px 0;}
  .hero-tagline.cleantech-redesign p {font-size: 25px;}
  .highlight-shot__img.cleantech-redesign img {height: 300px;}
  .section--highlights.cleantech-redesign {padding: 60px 0 30px;}
  .section--highlights.cleantech-redesign .title h2 {font-size: 40px;}
  .highlights-cleantech__item {width: 100%;}
  .section--highlight-shot.cleantech-redesign .highlight-shot__content {top: 25%; transform: translateY(-50%);}
  .section--highlight-shot.cleantech-redesign .container {width: 80%;}
  .section--highlight-shot.cleantech-redesign .highlight-shot__img {height: 100vh;}
  .section--highlight-shot.cleantech-redesign .highlight-shot__img img {top: 0; transform: none; height: 100%;}
  .cleantech--about .about-intro.content {flex-direction: column-reverse;}
  .cleantech--about .about-intro.content figure {width: 100%;}
  .cleantech--about .about-intro.content article {width: 100%; padding: 50px;}
  .cleantech--about .about-subline {padding: 30px 0;}
  .cleantech--about .about-subline p {font-size: 30px; font-weight: 600;}
  .cleantech-about-grid {flex-direction: column-reverse;}
  .cleantech-about-grid article {width: 100%; padding: 50px;}
  .cleantech-about-grid figure {width: 100%;}
  .cleantech-about-grid:last-child {flex-direction: column;}
  .cleantech-about-grid article p strong {font-weight: 500;}
  .cleantech-about-grid article p {font-size: 22px;line-height: 1.3;font-weight: 100;}
  .section--news-shot.cleantech-redesign .slider-nav {width: 150px;}
  .section--news-shot.cleantech-redesign .slider-nav .slick-arrow {width: 20%;}
  .section--news-shot.cleantech-redesign .slider-nav .slick-arrow img {width: auto; height: auto;}
    .cleantech--about .about-intro.content article p,.cleantech--about .about-intro.content article p strong {font-size: 20px;}
  .mission-cleantech {flex-direction: column;}
  .mission-cleantech .mission-text {width: 100%; padding: 100px;}
  .mission-cleantech figure {width: 100%; height: 600px;}

  .about-content-wrapper {flex-direction: column;}
  .about-content-wrapper figure {margin-bottom: 50px; width: 100%;}
  .about-content-wrapper figure img {width: 100%; height: auto;}
  .about-content-wrapper article {width: 100%;}

  .footer-cleantech .container {max-width: 95%; margin: 0 auto;}
  .footer-top,.footer-bottom {flex-direction: column;}
  .footer-top {padding: 0 0 40px 0;}
  .footer-top-item,.footer-bottom-item {width: 100%;}
  .footer-top-item {margin: 25px 0;}
  .footer-cleantech .footer__contact a {margin-top: 20px;}
  .team-page__title h1 {font-size: 40px;}
  .team-member {width: 100%;}
  .team-page__title.cleantech-redesign article {padding: 50px 0 50px 50px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .columns {
        display: flex;
        flex-flow: row wrap;
    }
    .hero-img img,
    .highlight-shot__img img {
        height: 800px;
        object-fit: cover;
    }
    .highlights-slider__item {
        padding: 50px 35px;
    }
    .section--highlights {
        padding-bottom: 100px;
    }
    .section--about {
        padding: 100px 0 0;
    }
    .about-intro {
        margin: 0 auto 100px;
    }
    .about-intro__text {
        padding: 25px 30px 20px;
    }
    .about-intro h6 {
        margin-bottom: 15px;
        font-size: 20px
    }
    .about-intro__text p {
        margin-bottom: 15px;
        font-size: 15px;
    }
    .section {
        overflow: hidden;
    }
    .news-slider .slick-list {
        margin: 0 -25px;
    }
    .news-slider .slick-slide {
        margin: 0 25px;
    }
    .footer .columns:last-child .column {
        flex: 0 0 100%;
        justify-content: center;
        display: flex;
    }
    .footer-nav {
        margin: 45px 0 0;
    }
    .footer-copyright {
        margin: 15px 0 0;
    }
    .hero-content h1,
    .highlight-shot__content h2 {
        font-size: 50px;
    }
    .section--features .container--features .column {
        flex: 0 0 50%;
    }
    .hero-page__title h1 {
        max-width: 600px;
        margin: 0 auto;
        line-height: 42px;
    }
    .hero-section__title {
        padding: 90px 0 70px;
    }
    .hero-section__title h2 {
        font-size: 36px;
    }
    .section__title h2 {
        font-size: 52px;
    }
    .section--features {
        padding: 90px 0;
    }
    .section__title {
        margin-bottom: 90px;
    }
    .section--text {
        padding: 100px 0;
    }
    .section--contact .column:first-child {
        flex: 0 0 50%;
    }
    .contact-form {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .contact-grid__col {
        flex: 0 0 100%;
    }
    .contact-form__header h2 {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .contact-location__col {
        padding: 40px 40px 0;
        flex: 0 0 100%;
    }
    .section--inside-about,
    .section--hero-about {
        overflow: visible;
    }
    .section--blog-hero .column:first-child {
        flex: 0 0 100%;
        padding-right: 15px;
    }
    .section--blog-hero .column:last-child {
        flex: 0 0 100%;
    }
    .columns.columns--blog-more .column {
        flex: 0 0 33.33%;
    }
    .blog-sidebar {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin: 0 15px;
        margin-top: 180px;
    }
    .blog-sidebar .blog-story {
        flex: 0 0 50%;
        padding: 0 15px;
    }
    .section--blog-popular {
        padding-top: 0;
    }
    .no-slider .highlights-slider__item {
        padding: 0 15px;
    }
    .no-slider {
        margin: 0 -15px;
    }
    .container--no-slider {
        padding: 0 15px;
    }
    .section--team .column {
        flex: 0 0 33.33%;
    }
    .section--inside-about {
        padding: 240px 0 80px;
    }
    .columns--about .column:last-child {
        padding-left: 25px;
    }
    .team__detail-wrap {
        height: 560px;
    }
    .team__img img {
        height: 300px;
    }
    .team__details {
        top: calc(100% - 115px);
    }
    nav.menu.-open:after {
        width: 40%;
    }
    .footer-form {
      justify-content: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .header .columns {
        display: flex;
        flex-flow: row wrap;
    }
    .section {
        overflow: hidden;
    }
    .header .columns .column:first-child {
        flex: 0 0 15%;
    }
    .header .columns .column:nth-child(2) {
        flex: 0 0 55%;
    }
    .header .columns .column:last-child {
        flex: 0 0 20%;
        justify-content: center;
    }
    .logo-holder {
        justify-content: center;
    }
    .logo-holder img {
        max-width: 110px;
    }
    .hamburger-menu svg {
        width: 30px;
        stroke-width: 30px;
    }
    .searchicon {
        height: 24px;
        width: 24px;
        right: 20px;
    }
    .inside-page {
        padding-top: 100px;
    }
    .hero-page__title h1 {
        font-size: 30px;
        line-height: 1.3;
    }
    .hero-section__title {
        padding: 60px 0 50px;
    }
    .hero-section__title h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .mission-statement h2 {
      font-size: 30px;
    }
    .section--features {
        padding: 60px 0;
    }
    .section__title {
        margin-bottom: 40px;
    }
    .section__title h2 {
        font-size: 30px;
    }
    .features {
        padding: 25px 30px;
    }
    .section__tagline {
        padding-top: 30px;
    }
    .section__tagline h2 {
        font-size: 28px;
        line-height: 40px;
    }
    .section--text {
        padding: 60px 0;
    }
    .section__para h4 {
        font-size: 32px;
        line-height: 40px;
    }
    .section__para p {
        font-size: 17px;
        line-height: 27px;
    }
    .footer h5 {
        font-size: 21px;
        /* margin-bottom: 30px; */
    }
    .footer__address-item {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .footer__address-item:last-child {
        margin-bottom: 40px;
    }
    .subscription-form__field {
        justify-content: flex-start;
    }
    .footer-nav,
    .footer-copyright {
        margin: 30px 0 0;
    }
    .footer-nav li,
    .footer-copyright li {
        margin-right: 20px;
        margin-bottom: 5px;
    }
    .hero-img img {
        height: 660px;
        object-fit: cover;
    }
    .hero-content h1 {
        font-size: 31px;
    }
    .hero-content h1 strong {
        display: block;
    }
    .hero-content {
        height: calc(100% - 40%);
    }
    .menu.-open {
        padding: 20px 25px;
    }
    .menu li {
        font-size: 24px;
    }
    .menu li {
        margin: 15px 0;
    }
    .hero-tagline h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    .hero-tagline {
        padding: 30px 0;
    }
    .section--highlights {
        padding: 60px 0 90px;
    }
    .title,
    .section--news-shot .title {
        margin-bottom: 45px;
    }
    .title h2,
    .section--news-shot .title h2 {
        font-size: 24px;
    }
    .slider-nav a img,
    .section--highlights .slider-nav a img {
        width: 11px;
        height: 18px;
    }
    .highlights-slider__item {
        padding: 30px 30px;
        background-color: #005f6f;
    }
    .highlights-slider__item h4 {
        font-size: 21px;
        margin-bottom: 15px;
    }
    .highlight-shot__img img {
        height: 650px;
        object-fit: cover;
    }
    .highlight-shot__content h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .section--about {
        padding: 60px 0 0;
    }
    .about-intro {
        margin: 0 auto 60px;
    }
    .about-intro__text {
        padding: 30px 20px 30px;
    }
    .about-subline h2 {
        font-size: 32px;
        line-height: 1.3;
    }
    .section--news-shot {
        padding: 60px 0;
    }
    .news-slider__img {
        margin-bottom: 30px;
    }
    .news-slider__date {
        margin-bottom: 25px;
    }
    .news-slider__title {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .footer {
        padding: 60px 0 60px;
    }
    .about-intro h6 {
        margin-bottom: 25px;
        font-size: 21px;
    }
    .slider-nav {
        width: 60px;
    }
    .contact-form {
        padding-left: 0;
        padding-right: 0;
    }
    .no-slider .highlights-slider__item {
        flex: 0 0 100%;
    }
    .section--inside-about,
    .section--hero-about {
        overflow: visible;
    }
    .section--inside-about .mission {
        padding: 40px 15px;
    }
    .section--inside-about {
        padding: 260px 0 90px;
    }
    .columns--about .column:last-child {
        flex: 0 0 100%;
        padding-left: 15px;
    }
    .about-content {
        padding: 40px 0 0;
    }
    .columns--hero .hero-section__title h2 {
        text-align: center;
        font-size: 30px;
    }
    .footer .column:last-child {
        justify-content: flex-start;
    }
    .section--blog-hero .column:first-child {
        flex: 0 0 100%;
        padding-right: 0;
    }
    .section--blog-hero .column:last-child {
        flex: 0 0 100%;
    }
    .columns.columns--blog-more .column {
        flex: 0 0 100%;
    }
    .blog-shot__content {
        position: relative;
        bottom: 80px;
        left: 0;
        padding: 35px 20px;
        max-width: 90%;
    }
    .section--blog-popular {
        padding-top: 0;
    }
    .section--blog-popular .title h2 {
        color: #006a7c;
    }
    .modal.modal--team {
        padding: 40px 20px;
        width: 95%;
    }
    .contact-location {
        margin-bottom: 30px;
    }
    .contact-grid__col {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .contact-grid__col:last-child {
        padding-left: 0;
    }
    .contact-location__col {
        padding: 40px 15px 0;
        flex: 0 0 100%;
    }
    .menu li a {
        font-size: 24px;
    }
    .section--team {
        padding-top: 0;
    }
    .hero-page__title {
        padding: 40px 0;
    }
    .team__detail-image {
        width: auto;
        margin-right: 0;
    }
    .section--contact {
        padding-top: 0;
    }
    .header .columns {
        justify-content: space-between;
    }
    .form-extend.extend-now,
    .form-extend.extend-now:focus {
        width: 150px;
        padding: 10px 20px 10px 10px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }
    .search-form {
        display: none;
    }
    .logo-holder img {
        align-self: center;
    }
    .mobile-search {
        display: block;
    }
    .search-form {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        background-color: #fff;
        z-index: 999;
        padding: 10px 15px;
        height: 60px;
    }
    .search-form .form-extend {
        width: 100%;
        border: 1px solid #006a7c;
        padding: 12px 20px;
        opacity: 1;
    }
    .news-slider__img img {
        height: 220px;
    }
    .team__detail-desc {
        flex: 0 0 100%;
        padding-left: 0;
    }
    .team__detail-image {
        flex: 0 0 100%;
    }
    .team__detail-wrap {
        height: calc(100vh - 50px);
        overflow: hidden;
    }
    .team__img img {
        width: 100%;
        height: 100%;
    }
    nav.menu.-open:after {
        width: 100%;
    }
    .footer-form {
      justify-content: flex-start;
    }
    .container--features.cleantech .column {flex-direction: column;}
    .section__para.content.cleantech-redesign:first-child {width: 100%;}
    .section__para.content.cleantech-redesign:last-child {width: 100%;}
    .columns--hero .hero-section__title.cleantech-redesign h2 {margin-right: 0}
    .section--highlight-shot.cleantech-redesign .highlight-shot__img {height: 70vh;}
    .contact-form__header .contact-grid__col {margin-top: 0;}
}

@media screen and (max-width: 600px) {
  .hero-page__title.cleantech-redesign h1{font-size: 40px;}
  .section__title.cleantech-redesign h2 {font-size: 40px;}
  .cleantech-features h6 {font-size: 30px;}
  .cleantech-features p {font-size: 20px;}
  .section__tagline.cleantech-redesign h2 {font-size: 30px;}
  .hero-page__title.cleantech-redesign h2 {font-size: 30px;}
  .split-wrap article h2 {font-size: 30px}
  .split-wrap article h2 span {font-size: 60px;}
  .footer-logo.cleantech-redesign {padding: 0 0 20px; }
  .subscription-form__field.cleantech-redesign input {margin: 50px 0 0 0;}
  .hero-page__title.cleantech-redesign article {padding: 40px 0 100px 40px;}
  .about-content-wrapper article p {font-size: 20px;}
  .mission-cleantech .mission-text {padding: 45px;}
  .mission-text article h2 {font-size: 40px;}
  .mission-text article h3 {font-size: 32px;}
  .about-cleantech-hero .container .hero-page__title h1 {font-size: 60px;}
  .about-cleantech-hero .container .hero-page__title h2 {font-size: 30px;}
  .about-content-wrapper article h2 {font-size: 50px;}
}