/*Mobile*/

@media  (min-width:300px) and (max-width:480px) {

    

    .cus_ash_com{
        font-size: 35px !important;
    }
    .cus_ash_mb_title{
        font-size: 28px !important;
    }
.cus_mph_mob_nav{
            background-color: dark-blue !important;
        }
    

    }
    @media  (min-width:360px) and (max-width:560px){
        
        .cus_gk_fnt_size{
            font-size: 2.5rem !important;
        }

        .cus_ash_ranking_div{
            background-color: none;
            width: 10vh;
            height: 80vh;
            position: absolute;
        }
        .cus_gk_padding_lr {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .cus_gk_displaynone{
            display: none !important;
        }
        .cus_gk_tour{
            font-size: 3rem;
        }
        .kesh_new_cus_btn{
            font-size: 10px;
            padding: 5px 30px;
            display: flex !important;
            gap: 10px;
;
        }
        .cus_gk_mob_height{
            height: 16.5rem !important;
        }
       .cus_gk_ban_div{
            margin-top: -8vh !important;
            margin-left: 2vh !important;
        }
        .cus_gk_ban_h2{
            font-size: 16px !important;
             padding-left: 2vh !important;
        }
        
        /* ayodhya 2025-07-17 */
        .cus_as_comi{
            left: 0% !important; 
        }
        
        .cus_mph_mob_nav{
            background-color: dark-blue !important;
        }

    }

    /* Responsive Design by Gaindu Ranaweera*/
@media (max-width: 768px) {
    .cus_gk-banner__content {
        flex-direction: column;
        text-align: center;
        gap: 2rem;
    }

    
    .cus_gk-tabs__nav {
        grid-template-columns: repeat(2, 1fr);
    }

    .cus_gk-location__venues {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 1rem;
    }

    .venue-item {
        margin-bottom: 0;
    }
    .cus_gk-officials-dates {
        flex-direction: column;
    }

    .cus_gk-officials,
    .cus_gk-key-dates {
        width: 100%;
    }
    .cus_gk-officials__container {
       
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .cus_gk-tabs__nav {
        grid-template-columns: 1fr;
    }
    .cus_mph_mob_nav{
            background-color: dark-blue !important;
        }
}
@media (min-width: 900px) and (max-width: 2000px) {
    
    .cus_gk_lap_com{
    margin-right:33.3%; 
    margin-left:33.3%;
    }
    
    
    .cus_as_lap_com{
    margin-left: 12.0% !important;
    }
    
    
    .cus_gk_lap_comi{
        margin-right: 10%;
    }
}