.sec_one_nav{
    position:fixed;
    width: 100%;
    background-color:#13539d;
    box-shadow: var(--boxShadow);
    z-index: 20;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }
.nav_part_two{
    width: 100%;
}
.nav_part_two ul {
    list-style-type: none;
    padding: 0 80px;
    overflow: hidden;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.nav_part_two ul li{
    float: left;
}
.nav_part_two ul li a{
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 5px 15px 5px 15px;
    text-decoration: none;
}
.nav_part_two ul li a:hover:not(.active){
    color: rgb(247, 6, 6);
}
.nav_part_two ul li a.active{
    color:rgb(247, 6, 6);
}
.nav_part_two span{
    display: none;
}
.sidenav{
    display: none;
}
/* ---------------------------------------------------- screen 835 px--------  */
@media screen and (max-width: 835px){
    .nav_part_two{
        padding: 5px;
        font-size: 3.6vw;
        background: linear-gradient(60deg, #003e7a 80%, #488bd6);
    }
    .nav_part_two ul{
        display: none;
    }
    .nav_part_two span{
        display: block;
        cursor: pointer;
        color: #ffffff;
        text-align: right;
        margin-right: 20px;
    }
    .sidenav {
        display: block;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color:#333333;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }
    
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #ffffff;
        display: block;
        transition: 0.3s;
    }
    
    .sidenav a:hover {
      color: #3169a9;
    }
    
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 20px;
        font-size: 5vw;
    }
    .liveNow{
        background-color: #88b7e0;
    }
   
}
/* ---------------------------------------------------- 500 --------  */
@media screen and (max-width: 500px){
    .nav_part_two span{
       font-size: 20px;
    }
    .sidenav .closebtn {
      font-size: 30px;
    }
}