@media(max-width:767px){

.headerButtonRight a.fillButton{
  width:auto;
}
a.fillButton {
    font-size: 11px;
    padding: 10px 15px;
}
.home-heroSection{
	height:80vh;
}

    .videobg video {
        height: auto;
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }
	 .youtube-container {
        height:100vh;
    }
.headerLogo a {
    width: 200px;
}
.heroLabel {
    font-size: 13px;
}
.heroContent h1 {
    font-size: 24px;
}
.heroContent h4 {
    font-size: 15px;
}
.HeroContentWrapper{
 padding-top:100px
}
.sectionLabel h2, .section-top-heading h2 {
    font-size: 24px;
}
.statSection {
    padding: 5% 0;
}
.staticon {
    width: 40px;
    height: 40px;
}
.staticon svg {
    width: 25px;
    height: auto;
}
.statColumn h3 {
    font-size: 18px;
}
.statColumn p {
    font-size: 10px;
}
.section-top-heading h2 span.tagLine:after{
   bottom:3px;
   display:none;
}
.section-qoute {
    font-size: 13px;
    padding: 10px 10px;
}
.section-content p {
    font-size: 14px;
}
.ecosystem-caption h3 {
    font-size: 18px;
}
.ecosystem-caption p {
    font-size: 14px;
}
.ecosystem-caption {
    padding: 0 5px 0px;
}


.headingTransforation h4 {
    font-size: 16px;
}
.exploreHeading h2 {
    font-size: 15px;
}
.features-title {
    font-size: 16px;
}
.content-box .text {
    font-size: 14px;
}

 .future-cards{
        grid-template-columns:1fr;
        gap:18px;
    }

    .future-card:nth-child(1),
    .future-card:nth-child(2),
    .future-card:nth-child(3),
    .future-card:nth-child(4),
    .future-card:nth-child(5){
        grid-column:auto;
    }

    .future-card{
        padding:26px 22px;
        border-radius:18px;
    }

    .future-card:hover{
        transform:none; /* touch devices par hover lift hata diya */
    }

    .future-card:after{
        width:150px;
        height:150px;
        right:-60px;
        bottom:-60px;
    }

    .future-card:before{
        width:170px;
        height:170px;
        right:-75px;
        bottom:-80px;
    }

    .card-number{ font-size:46px; }

    .card-icon{
        width:70px;
        height:70px;
    }

    .card-icon svg{
        width:32px;
        height:32px;
    }

    .card-line{
        width:56px;
        margin-top:18px;
    }

    .card-content{ margin-top:22px; }
    .card-content h3{ font-size:18px; }
    .card-content p{ font-size:14px; }
	
	.leaderContent p {
		font-size: 18px;
	}
.LeaderProfile {
    width: 150px;
    margin-left: auto;
}
.leaderContent {
    padding: 20px;
    padding-left: 70px;
    padding-bottom: 5px;
}
.leaderName-block h3 {
    font-size: 12px;
}
.leaderName-block h4 {
    font-size: 10px;
}
.leaderContent p {
    font-size: 16px;
}	
.leaderName-block{
   padding:15px
}
.testimonialSection {
    background-position: center;
}


.footer-event {
    font-size: 14px;
}
.footerDescription p {
    font-size: 12px;
}
.footerHeading {
    font-size: 16px;
}
.footerNav ul li a {
    font-size: 13px;
}
.footerNav ul li a {
    font-size: 12px;
    opacity: 0.8;
}
.footer-bt-link ul li a {
    font-size: 12px;
}
.footer-bt-link ul {
    justify-content: center;
    gap: 5px 10px;
}
.footer-copy {
    font-size: 13px;
}

.heroInnerSection {
    padding-top: 120px;
}
.heroInnerSection .section-top-heading h2 {
    font-size: 30px;
}
.heroInnerSection .headingTransforation h4 {
    font-size: 16px;
}
.section-top-label {
    font-size: 14px;
}

.fc-card h3 {
    font-size: 18px;
}
.fc-card p {
    font-size: 14px;
}

.gx-intro-content h3 {
    font-size: 18px;
}
.gx-intro-content p {
    font-size: 14px;
}
.explore-card h3 {
    font-size: 20px;
}
.explore-card p {
    font-size: 14px;
}
.explore-card .num {
    font-size: 50px;
}

}