@media only screen and (max-width: 768px) {
    .header .top-menu .navbar
    {
        display: block;
        text-align: center;
    }

    .header .top-menu .navbar .form-inline
    {
        display: block;
        text-align: center;
    }

    .header .top-menu .navbar .form-inline .form-group .search-box
    {
        width: 100%;
    }

    .header .separator
    {
        width: 90%;
    }

    .header .bottom-menu .navbar .navbar-nav-scroll .navbar-nav .nav-item
    {
        height: 50px;
    }

    .header .bottom-menu .navbar .navbar-toggler
    {
        width: 65px;
        padding: auto;
    }

    .header .bottom-menu .navbar .navbar-toggler:focus
    {
        outline: none;
        width: 65px;
    }

    .header .bottom-menu .navbar .navbar-toggler .line
    {
        width: 100%;
        height: 8px;
        margin: 3px 0;
        border-radius: 8px;
        background-color: gray;
    }

    .header .bottom-menu .navbar .navbar-nav-scroll .navbar-nav .nav-item .nav-link
    {
        margin: 0;
    }

    .header .bottom-menu .navbar .navbar-nav
    {
        text-align: center;
    }

    .header .bottom-menu .navbar .navbar-nav .nav-item
    {
        width: 50%;
    }

    .header .bottom-menu .navbar .navbar-nav .nav-item .btn-login
    {
        background-color: #2db34a;
        color: white;
        height: 40px;
        width: 103px;
    }
}