@media (min-width:320px){
    .box-rank {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        border: 0;
        margin: 15px 0;
    }
}
@media (min-width:576px){
    .box-rank {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        width: 50%;
        margin: 15px 0;
    }
}
@media (min-width:768px){
    header .navbar-expand-lg .navbar-nav{
        /*gap: 15px;*/
    }
    .box-rank {
        max-width: 25%;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (min-width:992px){
    .box-rank {
        max-width: 25%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .what-can-we .desc {
        font-size: 18px;
        line-height: normal;
    }
    header .navbar-expand-lg .navbar-nav{
        /*gap: 20px;*/
    }
}
@media (min-width:1200px){
    .box-rank {
        max-width: 25%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .what-can-we .desc {
        font-size: 18px;
        line-height: normal;
    }
    header .navbar-expand-lg .navbar-nav {
        /*padding-left: 100px;*/
    }
}
header .navbar-expand-lg .navbar-nav{
    /*gap: 20px;*/
}
.navmenu {
    /*font-size: 16px;*/
}