@media (max-width: 991px) {
    .navbar-nav {
        margin: 0 -15px;
    }
    .navbar li {
        width: 100%;
    }
    .navbar-collapse {
        border: none;
    }
    .book-menu {
    }
    .content {
        text-align: center !important;
    }
    .popup {
        right: 0;
        left: 0;
    }
    footer .address {
        font-size: 12px;
    }
    .search-song {
        padding-bottom: 100px;
    }
    .middle, section#contact .content, section#contact .title {
        display: block;
    }
    section#contact .content, section#contact .title {
        height: auto;
    }
    .popup-title h3 {
        margin-top: 30px;
    }
    .top-menu {
        width: 50px !Important;
        text-align: center;
    }
    .top-menu i {
        float: none;
    }
    .search-song .form-group {
        width: 100% !important;
        margin-bottom: 10px;
        border-radius: 50px !important;
    }
    .search-song #song-search, .search-song #singer-search {
        font-size: 14px;
        height: 30px;
    }
    .search-song button {
        border-radius: 50px !important;
    }
    #search-result .modal-dialog {
        width: inherit !important;
        height: calc(100% - 20px);
    }
    .search-song #search-btn, .search-song #reset-btn  {
        width: 100%;
        border-radius: 50px;
        height: 30px;
        font-size: 14px;
        padding: 0;
        margin-bottom: 10px;
    }
    .ui-widget.ui-widget-content {
        width: 80% !important;
        margin: 0 10% !important;
        left: 0 !important;
    }
}