.main-container {
    padding: 0;
}

.navb {
    border-radius: 5px;
    width: 100%;
    height: 70px;
    display: flex;
    padding: 0 45px;
    justify-content: space-between;
}

.navBox {
    width: 10%;
    text-align: center;
    padding: 20px 0;
}

.navBox a{
    color: #fff;
    text-transform: uppercase;
}

.navBox:hover {
    border-bottom: 2px solid #ef4136;
    cursor: pointer;
}

.navBox:hover a, .navBox a:hover {
    text-decoration: none;
    
}


@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) {

    .navb {
        display: none;
    }
}