@media only screen and (max-width: 768px) {

    .top-nav {
        height: 50px;
        overflow: hidden;
    }

    .navigation {
        padding-top: 80px;
    }

    .menu-btn {
        display: block;
    }

    .navigation li {
        width: 100%;
        padding: 0;
    }

    .logo {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 8;
    }

    .logo a {
        position: absolute;
        top: 0; left: 20px;
        width: 140px;
    }

    .nav-link {
        display: block;
        vertical-align: middle;
        text-align: left;
        padding: 7px 0px 7px 15px;
    }


    footer {
        padding: 7px 0;
    }

    .visit-s,
    .social-icons,
    .logo-footer {
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 10px 0;
    }

}