@media(max-width:991px){

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

    .hero-logo {
        max-width: 100%;
        margin: auto;
    }

.hero-text{
font-size:17px;
margin:auto;
}

.hero-banner{
margin-top:40px;
}

.info-box{
border-right:none;
border-bottom:1px solid #ddd;
}

.info-box:last-child{
border-bottom:none;
}

}

/* Tablet */

@media(max-width:991px){

.section-small-title{

font-size:40px;

}

.section-title{

font-size:38px;

}

.section-subtitle{

font-size:32px;

}

.section-description{

font-size:19px;
line-height:1.8;

}

}

/* Mobile */

@media(max-width:576px){

.about-quiz-section{

padding:60px 20px;

}

.section-small-title{

font-size:28px;
margin-bottom:20px;

}

.section-title{

font-size:28px;

}

.section-subtitle{

font-size:24px;
margin-bottom:25px;

}

.section-description{

font-size:16px;
line-height:1.8;

}

}


/* Tablet */

@media(max-width:991px){

.section-small-title{

font-size:40px;

}

.section-title{

font-size:38px;

}

.section-subtitle{

font-size:32px;

}

.section-description{

font-size:19px;
line-height:1.8;

}

}

/* Mobile */

@media(max-width:576px){

.about-quiz-section{

padding:60px 20px;

}

.section-small-title{

font-size:28px;
margin-bottom:20px;

}

.section-title{

font-size:28px;

}

.section-subtitle{

font-size:24px;
margin-bottom:25px;

}

.section-description{

font-size:16px;
line-height:1.8;

}

}

/* Responsive */

@media(max-width:991px){

.journey-line{
display:none;
}

.city-card{
margin-bottom:30px;
}

.city-card::after{
display:none;
}

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

.journey-subtitle{
font-size:34px;
}

}


/* Mobile */

@media(max-width:991px){

.rounds-box{

padding:30px;

}

.section-heading{

font-size:36px;

}

.round-card{

min-height:auto;

}

.feature-box{

border-right:none;

margin-bottom:40px;

}

.divider-button span{

display:none;

}

.btn-format{

font-size:16px;

padding:12px 20px;

}

}


@media(max-width:576px){

.theme-title{

font-size:30px;

}

.theme-subtitle{

font-size:28px;

}

.theme-item h5{

font-size:16px;

}

}


/* Responsive */

@media(max-width:991px){

.cta-box{

text-align:center;
padding:35px 25px;

}

.cta-title{

font-size:26px;

}

.cta-text{

font-size:16px;

}

.cta-features{

justify-content:center;
font-size:18px;
gap:15px;

}

.cta-icon{

margin-bottom:25px;

}

.register-btn{

width:100%;

}

.deadline{

margin-top:15px;

}

}

@media(max-width:576px){

.cta-title{

font-size:22px;

}

.cta-features{

flex-direction:column;
gap:10px;

}

.cta-features i{

display:none;

}

}


/* Mobile */

@media(max-width:991px){

.footer-title{

font-size:30px;

}

.footer-contact li{

font-size:18px;

}

.footer-bottom{

text-align:center;

}

.footer-bottom p{

font-size:16px;
margin-bottom:15px;

}

.social-icons{

justify-content:center;

}

}


/* ========= Large Desktop ========= */
@media (min-width:1400px) {

}

/* ========= Desktop ========= */
@media (max-width:1399.98px) {
    .col-lg-5.left-count-sec {
    z-index: 9;
}

}

/* ========= Laptop ========= */
@media (max-width:1199.98px) {

}

/* ========= Tablet Landscape ========= */
@media (max-width:991.98px) {

}

/* ========= Tablet ========= */
@media (max-width:767.98px) {

}

/* ========= Large Mobile ========= */
@media (max-width:575.98px) {

}

/* ========= Small Mobile ========= */
@media (max-width:479.98px) {

}

/* ========= Extra Small Mobile ========= */
@media (max-width:374.98px) {

}

@media (max-width:767px) { 
    section.rounds-section.py-5 {
    padding: 0 !important;
}
    section.cta-section.py-5 {
    padding: 0 !important;
}
    .rounds-section {
    padding: 0;
    background: #fff;
}
    a.theme-btn {
    position: relative;
    bottom: 0;
    left: 0;
}
    img.grandfinale.hide-mob {
    display: none;
}
    .only-mob {
    display: block;
}
    .hero-info {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .05);
    z-index: 1;
    position: relative;
    margin-top: 92px !important;
}

        img.kids1 {
        position: absolute;
        top: 44%;
        right: 14px;
        width: 90%;
    }
       .hero-banner {
        width: auto;
        position: relative;
        top: 0;
        right: 69px;
        transform: scale(1.8);
        transform-origin: center center;
    }


    
}