@media(max-height:850px){
  
  header h1.site-title{margin-bottom:20px;line-height: 1.1;}
}
@media(max-height:700px){
 
  .logo {
    padding-top: 20px;
  }

  header h1.site-title {
    line-height: 1.2;
    max-width: 900px;
    margin-left: auto;
    font-size: 40px;
    margin-right: auto;
  }

  header h1.site-title + p{font-size: 16px;}
}

@media(max-width:1199px) {
  .container {
    max-width: 940px;
  }

  .top-reasons ul li .tr-text {
    width: 92%;
  }



  .sub-title {
    font-size: 26px;
    line-height: 1.4;
  }

  .site-title {
    font-size: 36px;
  }

 
  header h1.site-title{font-size:40px; line-height:1.2;}


}


@media(max-width:991px) {
  .container {
    max-width: 740px;
  }

  .sub-title {
    font-size: 24px;
  }


  .two-col {
    grid-template-columns: 1fr;
    gap:10px;
  }



  .top-reasons ul li .tr-text {
    width: 89%;
  }


  .logo img {
    max-width: 150px;
  }


  header h1.site-title {
    font-size: 36px;
    max-width: 100%;
    text-align: center;

  }
  .tc-text {
    margin-top: 35px;
  }

 
  .holding-announce .two-col {
    grid-template-columns: 1fr;
  }
  .pr-img img{width:100%;}

  .section5 .two-col{gap:20px;}

  .products-box .two-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .products-box.v1 .two-col {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .product-text {
    padding-bottom: 40px;
    text-align: center;
  }
  .products-box,   .products-box.v1{background-size:inherit;}



.symbol{font-size: 1.3rem;}
.highlighting {font-size: 2.4rem;}
.tech-grid{grid-template-columns:1fr}
.problem-section,.solution-section, .tech-section,.tech-innovation{ padding:35px 15px; }

}

@media(max-width:767px) {
  .container {
    max-width: 540px;
  }
  header{border-radius: 0rem; max-width: 100%;}
  #ct{padding: 5px 1rem}
  .mouse-scroll{bottom: 130px; text-align: center;}

  .top-reasons ul li .tr-text {
    width: 85%;
  }
.grid-breakling-col .two-col{padding: 15px;}
.ul-point.g-pr li .ul-icon{ font-size:18px; width:26px; height:26px; line-height:26px; }
  .padt40 {
    padding-top: 20px;
  }

  .symbol {

    font-size: 18px;
    border-radius: 42px;
  }

  .paid-advert span {
    font-size: 13px;
  }


  .top-reasons ul li .count {
    font-size: 22px;
  }

  .tc-img .sub-title{font-size:24px;}

  header h1.site-title {
    font-size: 32px;
  }

  .site-title {
    font-size: 30px;
  }
  .highlight-text{padding:15px;}
  .quote-bg p {
    font-size: 18px;
  }
  .sub-title {
    font-size: 22px;
  }

  header h1.site-title + p{max-width: 100%; font-size: 14px; text-align: center;}
  .section2, .summary{background-image: none;}

      .chart.charttwo {
        width: 100%;
    }

    .line-sap.padt70{ padding-top:2.7rem; }

    .highlight-box1{ padding:20px; margin-bottom:40px; }
    .testi-box{font-size: 1.2rem; padding: 20px; margin-bottom: 40px;}
    .problem-section, .solution-section, .tech-section, .tech-innovation {
        padding: 10px 5px;
    }
    .ul-point li{grid-template-columns: 30px 1fr;}
    .overview-box{ padding:20px; margin: 40px 0 }
    .tech-card{padding: 5px 20px;}
    .tech-innovation h2{font-size: 30px;}
    .news-block ul li{padding: 20px;}

}

@media(max-width:575px) {

  .list-ul li .icon{font-size: 26px;}
  .text-center {
    text-align: left;
  }

  header h1.site-title {
    text-align: center;
  }


.logo {
    padding-top: 30px;
  }

  .padt90 {
    padding-top: 40px;
  }

  .padtb90 {
    padding-bottom: 40px;
  }
.symbol{animation: initial;}

  .top-reasons ul li .tr-text {
    width: 84%;
  }

  #footnote {
    word-break: break-all;
    font-size: 12px;
  }

  .section2 .two-col.mt50 {
    margin-top: 0 !important;
  }


}


@media(max-width:480px) {

  .top-reasons ul li .count {
    line-height: 50px;
    font-size: 24px;
  }

  .top-reasons ul li .tr-text {
    width: 82%;
  }


  .photo-credit {
    word-break: break-all;
  }

  .paid-advert span {
    font-size: 12px;
    padding: 1px 7px;
  }

  header h1.site-title {
    font-size: 30px;
  }

  .site-title {
    line-height: 1.4;
    font-size: 24px;
  }

  .tc-img .sub-title {
    font-size: 18px;
  }
  .mt50 {
    margin-top: 30px !important;
  }
  .quote-bg p {
    font-size: 20px;
  }
  .customer-network ul {
    justify-content: flex-start;
  }

  .team-list h3 {
    font-size: 20px;
  }

  header > .container{padding-top:50px;}

  body {
    font-size: 16px;
  }
  .box-list{padding:20px;}
  .quote-bg{text-align:left;padding:50px 20px 20px 20px;}
  .quote-mark{text-align:center;}
  .quote-bg p, .quote-name {
    font-size: 18px;
  }

}

@media(max-width:420px) {
  footer {
    font-size: 12px;
    padding: 10px 0;
  }

  body {
    font-size: 16px;
  }

  .sub-title {
    font-size: 20px;
  }

  .top-reasons ul li .tr-text {
    width: 78%;
    margin-top: 0;
  }

 .market-size-block{background-size: cover;}

  header h1.site-title {
    font-size: 26px;
  }

  .quote-bg {
    padding: 50px 15px 20px 15px;
  }

  header {
    background: url(../images/banner.jpg) no-repeat -700px center;
    background-size: cover;
  }

 

  .team-list {
    padding: 15px;
    border-left: 5px solid var(--site-color);
  }
  .tc-img .sub-title {
    font-size: 17px;
    padding:10px;
  }
  .pr-text {
    padding: 15px;
  }
  .team-list p{font-size:15px;}

  .products-box{padding:20px;}

  .products-box, .products-box.v1 {
    background-position: center bottom;
    background-size: 200%;
  }
  .earth-day-block .left{padding:20px;}

  .columns.content-holder.nt-palette-secondary .nt-link-img{width: 100%}

}