@media only screen and (min-width:320px) and (max-width:767px){
    .logsecnew .form-wrapper h4 {
        font-size: 25px;
        line-height: 28px;
        margin: 5px 0;
    }
    .form-area .form-wrapper h4 strong {
        font-size: 25px;
    }
    .form-area .form-wrapper h4 span {
        font-size: 25px;
        line-height: 0;
    }
    .logsecnew .form-wrapper {
        padding: 5px;
        margin-top: 10px;
    }
    .logsecnew .form-wrapper form.cmn-form {
        margin-top: 5px;
        padding: 0 10px;
    }
    .logo-main-page h4 {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 35px;
    }
    .dropdown-menu.megamenu {
        opacity: 1 !important;
        visibility: visible !important;
        width: 100%;
        transform: unset;
        padding: 5px;
        margin: 10px 0;
    }
    .user-list-dropdown .card-body {
        padding: 20px 35px;
        min-height: 110px;
    }
    .body-wrapper.main:after{
        display:none;
    } 
    .user-list-dropdown .dropdown-menu.show {
         padding: 5px;
         border: 1px solid rgba(0,0,0,.15);
         box-shadow: unset;
    }
    .megamenu-li:nth-child(2) {
        margin-top: 30px;
    }
    .megamenu-li:nth-child(3) {
        margin-top: 30px;
    }
    .megamenu-li:nth-child(4) {
        margin-top: 30px;
    }
    a.icon-view-new { 
        font-size: 16px;
        padding: 0 5px;
        margin-right: 0;
    }
    .icon-delete {
        font-size: 16px;
    }
    .icon-delete i {
        width: 26px;
    }
    .icon-view i { 
        width: 21px; 
    }
    .icon-view {
        font-size: 16px;
    }
    .dashboard-w1 .details {
        width: 60%;
    }
    .dashboard-w1 .details .amount {
        font-size: 23px;
    }
    .dashboard-w1 .details .desciption span {
        font-size: 12px;
    }
    .mt-30 {
        margin-top: 10px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .megamenu-li { 
        display: contents;
    }
    .megamenu-li .nav-link {
        margin: 0 10px;
    }
     
     .dropdown-menu.megamenu {
        opacity: 1 !important;
        visibility: visible !important;
        width: 98.5%;
        transform: unset;
        padding: 5px;
        margin: 10px 0;
    }
    .user-list-dropdown .card-body {
        padding: 20px 35px;
        min-height: 110px;
    }
    .body-wrapper.main:after{
        display:none;
    } 
    .user-list-dropdown .dropdown-menu.show {
         padding: 5px;
         border: 1px solid rgba(0,0,0,.15);
         box-shadow: unset;
    }
    .megamenu-li:nth-child(2) {
        margin-top: 30px;
    }
    .megamenu-li:nth-child(3) {
        margin-top: 30px;
    }
    .megamenu-li:nth-child(4) {
        margin-top: 30px;
    }
    .scroll-prompt{
        display: none;
    }
}

@media only screen and (min-width: 1030px) and (max-width: 1366px)  { 
    .left-sk {
        width: 210px;
    }
    .body-wrapper, .navbar-wrapper {
        margin-left: 210px;
    }
    .user-list-dropdown .card-body h5 {
        font-size: 14px;
    }
    .user-list-dropdown .card-body {
        min-height: auto; 
        padding: 10px 15px;
    } 
    .user-list-dropdown .card-body h6 {
        font-size: 11px;
    }
    .user-list-dropdown .report-main-icon img { 
        margin-top: 20px;
    }
    .scroll-prompt-arrow-container { 
        top: 50%;
        left: 100%; 
    }
    .scroll-prompt-arrow > div {
        width: 10px;
        height: 10px; 
    }
    .dashboard-w1 .details .desciption span {
        font-size: 12px; 
    } 
    .numbers h6 {
        font-size: 12px;
    }
    .coupon-main { 
        width: 50px;
        height: 50px; 
    }
    .coupon-main i {
        line-height: 50px; 
    }
    .main-campaign-box .col {
        padding: 0 5px;
    }
    .mb-30 {
        margin-bottom: 20px;
    }
    .mt-30 {
        margin-top: 20px;
    }
    .user-list-dropdown .dropdown-menu.show { 
        padding: 10px;
    }
    .total-payment-box p {
        font-size: 12px;
        line-height: 17px;
    }
    .total-payment-box h4 {
        font-size: 12px;
    }
    .desciption span {
        font-size: 14px; 
    }
    .bg-over-shadow .card.dashboard-w1 {
        padding: 15px;
    }
    .dashboard-w1 .details {
        width: 60%;
    }
    .details-icon {
        width: 40%;
    }
    .wizard-form-radio input[type="radio"]{
        height: 20px;
    }
    .wizard-form-radio input[type="radio"]:checked::before {
        top: 5px;
    }
    .sidebar__menu .sidebar-submenu .sidebar-menu-item a {
        padding: 10px 20px 10px 30px;
    } 
    .set-security-password .card-body {
        padding: 10px;
    } 
    .set-security-password .card-body .card.border--primary {
        margin: 0 !important;
    } 
    .set-security-password .card-body h3 {
        border-bottom: 2px solid #4795cb;
    }
    .bg--gradi-1 {
        padding: 15px;
        min-height: 120px;
    }
    .total-payment-box .col {
        padding: 0 5px;
    }
    .withrawal_coupon_scan .card {
        overflow: hidden;
    }
}  

@media only screen and (min-width: 1367px) and (max-width: 1536px) {
        .user-list-dropdown .card-body h5 {
        font-size: 16px;
    }
    .user-list-dropdown .card-body {
        min-height: auto; 
        padding: 10px 15px;
    } 
    .user-list-dropdown .card-body h6 {
        font-size: 13px;
    }
    .user-list-dropdown .report-main-icon img { 
        margin-top: 20px;
    }
    .scroll-prompt-arrow-container { 
        top: 50%;
        left: 100%; 
    }
    .scroll-prompt-arrow > div {
        width: 10px;
        height: 10px; 
    }
    .desciption span {
        font-size: 15px;
    } 
    .numbers h6 {
        font-size: 13px;
    }
    .coupon-main { 
        width: 50px;
        height: 50px; 
    }
    .coupon-main i {
        line-height: 50px; 
    }
    .main-campaign-box .col {
        padding: 0 5px;
    }
    .mb-30 {
        margin-bottom: 20px;
    }
    .mt-30 {
        margin-top: 20px;
    }
    .user-list-dropdown .dropdown-menu.show { 
        padding: 10px;
    }
    .total-payment-box p {
        font-size: 14px; 
        line-height: 17px; 
    }
    .total-payment-box h4 {
        font-size: 14px; 
    }
    .mb-30 {
        margin-bottom: 20px;
    }
}