@media (max-width: 960px) {
    .header-right {
        margin-left: 23px;
    }
    .user-name {
        display: none;
    }
    .hamburger-menu {
        display: block;
    }
    header .logo img {
        width: 140px;
    }
    .header-left {
        padding: 0 0 0 15px;
    }
    .wrapper {
        width: 100%;
        margin-left: 0;
    }
    .side-nav {
        left: -16px;
    }
    .side-nav.nav-slide {
        left: 225px;
    }
    .sub-header {
        padding: 5px 20px 16px 20px;
    }
    .balance {
        font-weight: 400;
        font-size: 16px;
    }

    .primary-add-btn {
        position: static;
        margin: 8px auto 15px auto;
    }
    .footer-btns .btn {
        width: auto;
        padding: 0 8px;
    }

    .popup,
    .application-details-wrapper,
    .registration-box {
        width: 100%;
    }
    .application-details-wrapper .added-date {
        position: static;
    }
    .application-details-wrapper .icon-Polygon-7 {
        display: none;
    }
    .radio-selection {
        font-size: 16px;
    }
    .input-shadow-box {
        padding: 0;
    }
    .maintenance-modal h1 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .registration-bg {
        display: block;
    }
    .registration-box .form-success {
        min-height: 488px;
    }
    .tab-arrows {
        width: calc(100% - 85px);
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .card-box {
        width: 320px;
    }
}