@media all and (max-width: 991px) {
    nav .menu li a{
        padding: 0 16px!important;
    }
}
@media all and (max-width: 768px) {
    header.mobile {
        display: block !important;
        background-color: #14669b;
    }
    header:not(.mobile) {
        background-color: transparent !important;
    }
    header:not(.mobile) .title {
        display: none;
    }

    header.mobile .title {
        display: inline-block;
    }
    header.mobile button {
        float: right;
        display: inline-block;
    }
    
    nav {
        background-color: var(--blue);
    }
    nav .navbar-toggler {
        border-color: white!important;
    }
    nav .nav-item:first-of-type {
        margin-top: 15px;
    }
    nav .nav-item {
        margin-bottom: 10px;
    }
    nav .nav-link {
        color: white!important;
    }
    nav .search {
        width: 70%;
    }
    nav .search .search-box span.fas {
        right: 10%;
    }
}