 @media (max-width: 991px) {
     nav.navbar .container {
         flex-direction: column !important;
         align-items: stretch !important;
     }

     .navbar-header {
         width: 100%;
         display: flex;
         justify-content: space-between;
         align-items: center;
     }

     .navbar-header .navbar-toggle {
         margin-right: 10px;
     }

     .navbar-header a {
         flex: 1;
     }

     .collapse.navbar-collapse {
         width: 100%;
         background: #fff;
         position: absolute;
         top: 100%;
         left: 0;
         z-index: 1000;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     }

     .collapse.navbar-collapse img {
         display: none;
     }

     .nav.navbar-nav {
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: flex-start;
     }

     .nav.navbar-nav>li {
         width: 100%;
     }

     .nav.navbar-nav>li>a {
         width: 100%;
         padding: 12px 20px;
     }

     .attr-right {
         width: 100%;
         display: flex;
         justify-content: flex-end;
         margin-top: 10px;
     }

     .attr-nav ul {
         display: flex;
         flex-direction: row;
         width: 100%;
         justify-content: flex-end;
     }

     .attr-nav ul li.button a {
         width: 100%;
     }
 }

 @media (max-width: 575px) {
     .navbar-header img.logo {
         height: 40px !important;
     }

     .navbar-header {
         padding: 8px 0;
     }

     .collapse.navbar-collapse {
         font-size: 16px;
     }
 }