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

  .site-title, .overlay h1 {
    font-size: 28px;
    line-height:38px;
  }


  .about-top {
    min-height: 600px;
  }


  .list-ul li .li-content {
    width: 91%;
  }

  .tile-bg em {
    display: inline-block;
  }

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

  .colt .list-ul li .li-content {
    width: 83%;
  }

.intro-cloud{clip-path:none}
.fcol p{font-size: 16px;}
.energy-sector .white-bx{width: 100%; border-radius: 4%}
.overlay:after{background-size: contain;}
.overview-sec{background-size: cover;}

.cta-box{padding: 35px;}
.cta-box h2{margin: 0; font-size: 1.4rem}
}


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

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

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

.video-overlay{height: 100%;}
.video-overlay video{height: 100vh;}

  .two-col {
    grid-template-columns: 1fr;
    gap: 25px;
    align-items: flex-start;
  }

  .list-ul li .li-content {
    width: 88%;
  }


  .list-ul li .li-content {
    line-height: 28px;
  }

  .rotating.absolute{display: none;}
  .logo-symol-wrapper {justify-content: center;}
  .logo{margin-top: 40px;}
  .overlay h1{margin-top: 50px;}

  .banner-three {
    gap: 15px;
  }

  .p-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .list-ul.stats-ul li .li-content {
    width: 93%;
  }

  .col-three {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .colt .list-ul li .li-content,
  .colt .list-ul li .li-content,
  .matchmaking .list-ul li .li-content,
  .matchmaking-market .list-ul li .li-content,
  .metaverse-bg .list-ul li .li-content,
  .two-col .list-ul li .li-content {
    width: 91%;
  }

  .ecom-gap .col-text, .ecom-solution .col-text{
    padding: 20px;
    border: 0;
  }
  .col-four{grid-template-columns: repeat(2, 1fr);}
  .energy-sector .white-bx {
    width: 100%;
    border-radius: 8%;
}

.power-influencer{    clip-path:polygon(10% 1%, 90% 1%, 100% 0, 100% 100%, 94% 99%, 6% 99%, 0 100%, 0 0);}
.industry-chain{padding: 50px 40px 20px;}
.list-ul.advantage{    grid-template-columns: 1fr;}
.testimonial{padding: 1rem 0 3rem; min-height: auto;}
.testimonial .testi-box{font-size: 1.1rem; padding: 20px}
.section-2{min-height: 80px;}
.testi-box p {
    font-size: 1.1rem;
    font-weight: 400;
}
.overview-sec, .greeting-investors-block{ padding: 50px 0;}
.topfold video{    transform: scale(1.35);}
.order-reverse {
        display: flex !important;
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .section-3 .two-col{grid-template-columns:1fr;}
    .three-col{grid-template-columns:1fr;}

}



@media(max-width:767px) {
  .container {
    max-width: 540px;
  }

  .chart.charttwo {
    width: 100%;
  }

  .chartone {
    margin-bottom: 10px;
  }

.col-four{grid-template-columns: repeat(1, 1fr);}

  .list-ul li .li-content {
    width: 84%;
  }

  .sub-title {
    font-size: 22px;
    line-height: 30px;
  }

  .p-list li p {
    padding: 10px;
  }

  .two-col.black-col .col-text .list-ul .li-content {
    width: 91%;
  }

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

  .list-ul.stats-ul li .li-content {
    width: 90%;
  }
  .colt .list-ul li .li-content, .colt .list-ul li .li-content, .matchmaking .list-ul li .li-content, .matchmaking-market .list-ul li .li-content, .metaverse-bg .list-ul li .li-content, .two-col .list-ul li .li-content {
    width: 84%;
  }
  .launch-plan .list-ul li .li-content {
    width: 85%;
}
  .two-col.v1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  
  .four-col {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }

  .section-box{ padding:30px 20px; }
  .testi-desc{ padding:20px; font-size: 14px; line-height: 24px; }
  .energy-sector .white-bx{border-radius: 10px;}
  .highlight-box1, .highlight-box2{ padding:20px; }
  .ecom-gap .col-img, .ecom-solution .col-img, .power-influencer{clip-path: none;}
 .power-influencer{margin-top:30px; padding-top:0px; }
 .power-influencer .fcol{ padding: 15px; }
  .white-bx{padding: 15px;}
  
  .top-reason-block .mt50{margin: 0 !important}
  .bridging .list-ul li .li-content { width: 84%;}
  .testi-writer{ padding-bottom:0 }

  .testimonial{padding: 1rem}
  .testimonial .d-flex{flex-direction: column; gap:0}
  .highlight-box.v2{font-size: 1.1rem}

  .highlight-box.v1 h2{font-size: 1.6rem;}
  .overview-sec .two-col{padding: 0}

  .greeting-investors-block.padtb90{padding-top:0px;}

  .topfold .overlay img{max-width: 60%}

  .list-ul.advantage li .icon{    width: 10%;}
  .list-ul.advantage li .li-content{    width: 90%;}

  .summary-block .col-box{padding: 0}
  .industry-chain .site-title{text-align: center;}

  .overlay h1 {
        margin-top: 80px;
    }
  .section-1 .d-flex{ flex-direction: column; width: 100%;}
  .section-1 .d-flex  .counter-bx{ width: 100%;}
  .news-block ul{grid-template-columns: 1fr;}
  .bluebx, .whitebx{padding: 15px; margin-bottom: 15px;}
  .greeting-investors-block{padding: 0}
  .team-block ul.tl-list > li{    grid-template-columns: 1fr;gap: 10px; padding: 10px 30px }
  .cta-box{padding: 0 10px; text-align: center;}
  .cta-box h2{line-height: 1.7;        font-size: 1.1rem;}
}

@media(max-width:575px) {

  .padt90 {
    padding-top: 50px;
  }

  .padtb60 {
    padding-bottom: 20px;
  }


  .padtb90 {
    padding-bottom: 50px;
  }

  body {
    font-size: 16px;
    line-height: 28px;
  }

  .chart.charttwo iframe {
    height: 350px !important;
  }

  .padt70 {
    padding-top: 40px;
  }


.top-reason-block{background-position: center;}

  .list-ul li .li-content {
    width: 83%;
  }

  .highlights-block .list-ul li .li-content {
    width: 92%;
  }

  .section19,
  #footnote {
    word-break: break-all;
  }

  .highlight-box,
  .solutions-block,
  .pattern-bg {
    padding: 15px;
  }


  .highlight-text {
    padding: 10px 15px;
  }

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

  .symbol-top span {
    padding: 10px;
    font-size:18px;
  }

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

  .center-text {
    border-radius: 10px;
  }

  .black-bg .list-ul li .li-content {
    width: 89%;
  }

  .black-bg .tile-bg em {
    padding: 8px 12px;
    font-size: 16px;
  }

p{font-size: 16px;  line-height: 26px;}
.two-col{display: block; border-radius: 6px; padding:5px;}
 .ecom-solution h2, .ecom-gap h2{ margin-top:0 }
.ecom-gap .col-text, .ecom-solution .col-text, .advantage li{padding: 15px;}
    .ecom-gap{display:grid; gap: 0}
    .ecom-gap .col-text{order: 2}
    .ecom-gap .col-img{order: 1}
.ecom-solution img, .ecom-gap img{object-fit: inherit; height:auto }
.head-bg{display: block;}
.company-overview{background-blend-mode: hard-light;}
.message-ceo{text-align: center;}
.message-ceo h2{ margin: 0; line-height: normal;}
.message-ceo h4, .growth-chart h2{ margin-bottom: 0;}
.list-ul li .icon{width: 8%;}
.kylyn-cloud .fcol,.testimonials .fcol{padding: 5px;}
.testimonials .fcol:first-child{ padding-bottom:25px }
.girl-img{margin-top: 15px;}
.custom-bx{font-size: 14px; line-height: 24px; padding: 15px;}
.highlight-box1{clip-path: polygon(47% 2%, 100% 0, 100% 43%, 100% 100%, 50% 98%, 50% 98%, 0 100%, 0% 17%, 0 0);}

.topfold{display:block;}
.topfold video{width: 100%}
.deskvid{display: none;}
.mobvid{display: block;}

.intro-cloud img{max-width: 100px;}

.counter-bx{margin-bottom: 20px;}
.team-section{flex-direction: column; gap: 0}
.section-2{background-size: cover; background-color:#cca88b}
.section-2 .two-col, .company-overview .two-col, .team .two-col{padding: 0}
.team-lt{ gap: 1rem}
.team-lt, .team-rt{width: 100%}
.team-bx img{border-radius: 0 0 6px 6px;}

.industry-chain{padding:30px 15px 10px;}

.highlight-box.v1{font-size: 1.6rem;}
.company-rt img{border-radius: 20px;}

.ceo-box{text-align: center;}
.ceo-box img{ max-width:80px; }
.testimonial{padding: 0}

}

@media(max-width:480px) {
    
  .text-center {
    text-align: left;
  }
      .overlay h1 {
        font-size: 24px;
        line-height: 34px;
    }

.site-title {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
  }

  .list-ul li .li-content {
    width: 83%;
    font-size: 16px;
    line-height: 26px;
  }

  .highlights-block .list-ul li .li-content {
    width: 90%;
  }

  .summary-text {
    border-radius: 15px 0;
  }

  .market-domination{padding: 20px;}

  .head-bg {
    top: -25px;
  }

  .logo-symol-wrapper {
    padding: 10px 15px;
  }

  .paid-advert span {
    font-size: 10px;
    padding: 0px 5px;
  }

  .top-reason-block .list-ul li .icon {
    font-weight: 700;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

  .p-logo {
    padding-left: 10px;
  }

  .two-col.black-col .col-text {
    padding: 15px;
  }

  .col-box img {
    max-width: 100%;
    height: auto;
  }

  .center-text {
    height: 45vh;
  }

  .shadow-white, .mo-left{padding:15px;}

}

@media(max-width:420px) {

    .overlay h1 {
        font-size: 20px;
        line-height: 30px;
    }
.overlay h1 span { font-size: 1rem;}

  footer {
    font-size: 12px;
    padding: 10px 0;
  }

  .site-title {
    font-size: 22px;
    line-height: 32px;
  }

  .list-ul li .li-content {
    width: 83%;
  }

  .sub-title {
    font-size: 19px;
    line-height: 28px;
  }

  .bg-text {
    padding: 20px;
  }



  .highlights-block .list-ul li .li-content {
    width: 89%;
  }

  .top-reason-block .list-ul li .li-content {
    width: 79%;
  }

  .paid-advert {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
  }

  .paid-advert span {
    font-size: 10px;
    padding: 0px 5px;
    line-height: 20px;
  }

  .logo-symol-wrapper {
    padding: 20px 15px 10px 15px;
  }


  .banner-three .site-title {
    margin: 0;
  }

  .black-bg .tile-bg em {
    padding: 6px 4px;
    font-size: 14px;
  }

  .list-ul.stats-ul li .li-content {
    width: 87%;
  }
  .colt .list-ul li .li-content, .colt .list-ul li .li-content, .matchmaking .list-ul li .li-content, .matchmaking-market .list-ul li .li-content, .metaverse-bg .list-ul li .li-content, .two-col .list-ul li .li-content {
    width: 87%;
  }
  .border-top.growth-oppertunity{padding:15px;}
      .topfold .overlay img {
        max-width: 50%;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1440px) and (min-height: 640px) and (max-height: 800px) {
 .overlay h1{ font-size: 1.9rem;padding-top: 50px;}
 .symbol-top span {font-size: 26px;}
}