/* ================================================
   TopPage_Laptop
================================================ */

@media (min-width:1025px) and (max-width:1440px){

/* ================================================
Hero
================================================ */

.hero{

    margin-top:150px;

    height:80vh;

}

.hero-copy{

    font-size:18px;

    margin:10px 0;

}

/* ================================================
Info Bar
================================================ */

.info-bar{

    padding:25px 20px;

}

.info-inner{

    max-width:1000px;

    gap:15px;

}

.info-left{

    gap:20px;

}

.info-status{

    font-size:18px;

}

.info-btn{

    padding:12px 24px;

    font-size:15px;

}

/* ================================================
Hero Slider
================================================ */

.slider-btn{

    width:46px;

    height:46px;

    font-size:24px;

}

.prev{

    left:15px;

}

.next{

    right:15px;

}

.slider-dots{

    right:3cm;

    bottom:25px;

}

/* ================================================
Info Cards
================================================ */

.info-cards{

    padding:50px 20px;

}

.cards-container{

    max-width:1000px;

    gap:30px;

}

.info-card img{

    width:190px;

    height:150px;

}

.card-text{

    padding:18px;

}

/* ================================================
Events
================================================ */

.events{

    padding:70px 20px;

}

.event-title{

    font-size:26px;

}

.event-slider{

    max-width:1050px;

}

.event-track{

    gap:20px;

}

.event-card{

    min-width:260px;

}

.event-card img{

    height:170px;

}

/* ================================================
Next Event
================================================ */

.next-event{

    padding:70px 20px;

}

.next-event-container{

    max-width:1000px;

    gap:30px;

}

.next-event-image img{

    width:360px;

    height:240px;

}

.next-event-info{

    padding:25px;

}

/* ================================================
CTA
================================================ */

.cta-section{

    padding:70px 20px;

}

.cta-container{

    max-width:1000px;

    gap:30px;

}

.cta-image img{

    max-width:420px;

}

/* ================================================
Related
================================================ */

.related-container{

    max-width:1000px;

    gap:25px;

}

.related-item img{

    width:110px;

    height:65px;

}

.related-item span{

    font-size:15px;

}

}