/* ===============================
   MOBILE GLOBAL OPTIMIZATION
   =============================== */

@media (max-width: 576px) {

    body{
        font-size:14px;
    }

    .section{
        padding:50px 0;
    }

    .container{
        padding-left:15px;
        padding-right:15px;
    }

    h1{
        font-size:2rem;
    }

    h2{
        font-size:1.6rem;
    }

    h3{
        font-size:1.4rem;
    }

}

@media (max-width:576px){

.hero-section{
    min-height:80vh;
}

.hero-content{
    padding-top:40px;
}

.hero-title{
    font-size:2rem;
    line-height:1.2;
}

.hero-subtitle{
    font-size:0.95rem;
}

.hero-buttons{
    flex-direction:column;
    gap:10px;
}

.btn-primary-custom,
.btn-secondary-custom{
    width:100%;
    justify-content:center;
}

}

@media (max-width:576px){

.countdown-container{
    gap:10px;
}

.countdown-item{
    min-width:70px;
}

.countdown-value{
    font-size:2rem;
}

.countdown-label{
    font-size:0.7rem;
}

}

@media (max-width:576px){

.roi-card,
.gain-card,
.attend-card,
.event-card,
.contact-card,
.stat-card{
    padding:20px;
}

}

@media (max-width:576px){

.event-card{
    padding-left:20px;
}

.countdown-vertical{
    position:relative;
    flex-direction:row;
    justify-content:center;
    margin-bottom:15px;
    left:auto;
    top:auto;
}

.countdown-vertical .time-box{
    min-width:45px;
}

}

@media (max-width:576px){

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

.speaker-image{
    height:200px;
}

}


@media (max-width:576px){

.safari-image{
    height:220px;
}

.venue-image{
    height:260px;
}

}


@media (max-width:576px){

.footer-section{
    text-align:center;
}

.footer-links{
    margin-bottom:20px;
}

.share-buttons{
    justify-content:center;
}

}