/* Responsive */
  /* @media screen and (min-width:200px) and (max-width:600px) {
    .wrap {
        padding: 40px 0;
    }
    .container {
        border-left: 0;
        border-right: 0;
    }
    .bg-image {
        height: 400px;
    }
    h1 {
        font-size: 1.3em;
        margin: 10px 0;
        font-weight: 200;
    }
    .form-set.flex {
        flex-wrap: wrap;
        gap: 0;
    }
    .form-group {
        width: 100%;
        text-align: left;
    }
    .validation-password .form-group {
        text-align: left;
        position: relative
    }
    .width-sp {
        width: 100%;
    }
    
    .flex-sec {
        flex-wrap: wrap;
    }
    .terms-wrap {
        padding: 0 0 0 0;
    }
    .form-section {
        width: 90%;
    }
    .bg-image {
        height: 250px!important;
    }
    .middle-section {
        width: 100%!important;
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
        margin: 0 auto;
        right: 0;
    }
   
    .middle-section a {
        font-size: 12px;
    }
    li.dropdown a {
        padding: 5px 10px !important;
    }
    .middle-section ul li a {
        font-size: 11px;
    }
    .middle-section ul {
        display: flex;
        gap: 0!important;
        justify-content: center;
    }
    .logo {
        width: 15%;
        transform: translateY(50px);
    }
    .header-sec .logo img {
        max-width: 100px;
        margin-left: 10px;
    }
    .admin-current.flex {
        display: flex;
        justify-content: center;
    }
    .admin-current.flex a:first-child {
        border-right: none;
        padding: 0 10px 0 0;
    }
    .admin-current.flex a {
        color: var(--brand-color) !important;
        font-weight: 600;
        margin: 0 10px 0 0;
        font-size: 14px;
    }
    .admin-info {
        display: flex!important;
        align-items: center;
        margin: 0 0 0 0;
    }
    .header-sec .logo img {
        max-width: 100px!important;
        margin-left: 10px;
    }
    .admin-current.flex a:first-child {
        border-right: none;
        padding: 0 10px 0 0;
    }
    .admin-info b {
        font-size: 12px;
        color: var(--brand-color);
        font-weight: 600;
    }
    .admin-current.flex a:first-child {
        border-right: 1px solid #d8c7c7!important;
        padding: 0 10px 0 0;
    }
    .admin-current.flex a {
        font-size: 14px!important;
    }
    .admin-info p {
        font-size: 9px!important;
        margin: 0 15px 0 0!important;
    }
    .admin-info b {
        font-size: 12px!important;
    }
    .admin-details{
        margin: 12px 0!important;
    }
    h1 {
        font-size: 18px!important;
    }     
    .wrap {
        padding: 30px 20px!important;
    }

} */
/* Responsive */