@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
     
    .feature-box.stair-up {
    margin-top: -135px;
}
.tournament-glance { 
    background-repeat: no-repeat;
    height: 730px;
}
.updates-section { 
    padding-top: 280px;
}
     .section-title2 { 
    font-size: 118px; 
}
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1200px;
    } 
    .section-paragraph { 
    font-size: 18px;
    line-height: 1.6;
}
.section-title { 
    font-size: 60px; 
}
    .section-title::before { 
    transform: translateX(-78%) rotate(0deg);
} 
.section-title::after { 
    transform: translateX(-102%) rotate(0deg);
}
     
.asia::before { 
    transform: translateX(-118%) rotate(0deg);
}
.asia::after { 
    transform: translateX(-140%) rotate(0deg);
}

     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
    .navbar-nav .nav-link { 
    font-size: 14px;
}
     .header-contact { 
    display: none;
}
    .section-title {
        font-size: 45px;
    }
    .section-title::before {
        transform: translateX(-63%) rotate(0deg);
    }
    .section-title::after { 
    transform: translateX(-85%) rotate(0deg);
}
     
.asia::before { 
    transform: translateX(-92%) rotate(0deg);
}
.asia::after { 
    transform: translateX(-114%) rotate(0deg);
}
    .section-paragraph {
        font-size: 15px;
        line-height: 1.6;
    }
    .tournament-title {
    font-size: 2rem; 
}
.feature-box { 
    padding: 14px; 
}
.feature-box p { 
    font-size: 12px; 
}
.feature-title { 
    font-size: 17px; 
}
    .section-title2 {
        font-size: 86px;
    }
    .contact-info { 
    gap: 10px; 
}
}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     






    
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1386px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1550px;
    }
    

}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px;
    }
}