/* Responsive design */
       
       @media (min-width: 300px) {
           .nav-mobile {
               display: flex;
               flex-direction: row;
               flex-wrap: nowrap;
               align-content: center;
               justify-content: space-between;
               align-items: center;
               width: 100%;
           }
       }
       
       @media (min-width: 768px) {
           .nav-mobile {
               display: initial;
               width: unset;
           }
       }
       
       @media (min-width: 300px) {
           .navbar-brand {
               height: 50px;
               width: 50px;
           }
       }
       
       @media (min-width: 576px) {
           .navbar-brand {
               height: 60px;
               width: 60px;
           }
       }
       
       @media (min-width: 768px) {
           .navbar-brand {
               height: 70px;
               width: 70px;
           }
       }
       
       @media (min-width: 992px) {
           .navbar-brand {
               height: 80px;
               width: 80px;
           }
       }
       
       @media (min-width: 300px) {
           .navbar-main {
               height: 70px;
               background: #fff;
               /*background: lime;*/
           }
       }
       
       @media (min-width: 768px) {
           .navbar-main {
               height: 70px;
           }
       }
       
       @media (min-width: 992px) {
           .navbar-main {
               height: 100px;
               background: rgba(255, 255, 255, 0.13);
               box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
           }
       }
       
       @media (min-width: 300px) {
           .title-white20-monserat {
               font-size: 14px;
           }
           .title-nav {
               margin-left: 10px;
               padding-left: 10px;
           }
           .sign-in-box {
               width: 100%;
               margin: auto;
               color: #fff;
           }
           .container-auth {
               width: 100%;
               margin: 80px 5px 40px 5px;
               padding: 30px 10px 40px 10px;
           }
       }
       
       @media (min-width: 480px) {}
       
       @media (min-width: 768px) {
           .container-auth {
               margin: 80px 80px 40px 80px;
               padding: 30px 40px 40px 40px;
           }
           .btn-sign button {
               width: 35%;
           }
           .title-white20-monserat {
               font-size: 20px;
           }
       }
       
       @media (min-width: 1024px) {
           .container-auth {
               margin: 80px 120px 40px 120px;
               padding: 30px 100px 80px 100px;
           }
       }
       
       @media (min-width: 1280px) {
           .container-auth {
               margin: 80px 320px 40px 320px;
               padding: 30px 150px 80px 150px;
           }
       }
       
       @media (min-width: 1440px) {
           .container-auth {
               margin: 80px 320px 40px 320px;
               padding: 30px 100px 80px 100px;
           }
       }
       
       @media (min-width: 1800px) {
           .container-auth {
               margin: 180px 530px 40px 530px;
               padding: 30px 100px 80px 100px;
           }
       }
       /*@media (max-width: 600px) {
           .container-auth {
               padding: 20px;
               margin: 20px;
           }
           .sign-in-box {
               max-width: 100%;
           }
           .input-group input {
               padding: 10px;
           }
           button.sign {
               padding: 12px;
               font-size: 16px;
           }
       }*/