@media all and (min-width: 1200px) {
}

@media all and (max-width: 1200px) {
}

@media all and (max-width: 1080px) {
}

@media all and (max-width: 992px) {
    .banner-service {
        display: inherit !important;
    }
    .banner-service .banner-man{
        display: none;
    }
    .service-item{
        display: none;
    }
    .banner-service .banner-service-image .banner-service {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .banner-service-image {
        margin-top: 0 !important;
    }
    .banner-login {
        margin-bottom: 15px !important;
        margin-top: 30px;
    }
}

@media all and (max-width: 768px) {
    legend {
        font-size: 18px;
    }

    .marchant-body {
        width: auto;
        height: auto;
        padding: 20px;
    }

    .title-main {
        font-weight: 700;
        font-size: 22px;
        color: #000000;
        margin-bottom: 0;
    }

    .marchant-body .col-item {
        padding: 30px;
    }

    .marchant-body .col-item div {
        width: auto !important;
    }

    .delete.btn.btn-danger {
        margin-bottom: 10px;
    }

    .personal-info-text {
        margin-left: unset;
    }

    .modal {
        overflow: auto;
        overflow-y: auto;
    }

    .personal-info-box {
        margin: 16px 0px 17px 0px;
    }

    .nid-birth-style {
        display: block;
    }

    .date-of-birth {
        margin-top: 12px;
    }

    .double-photo-border-height,
    .address-border-height,
    .side-photo-border-height,
    .single-photo-border-height {
        height: auto;
        width: 100%;
    }

    .business_type_pre {
        margin: 16px 0px 17px 0px;
    }

    .content-info-preview .info-item {
        margin-bottom: 12px;
    }

    .content-info-preview .info-item:last-child {
        margin-bottom: unset;
    }
    .merchant-image {
        position: relative;
        text-align: center;
        top: unset;
        right: unset;
    }
    .declination-footer {
        margin-top: 20px;
    }
    .declination-footer-item {
        margin-top: 20px;
    }
    .declination-footer-grid {
        display: block !important;
    }
    .modal-content {
        max-height: 600px;
    }
    .button-style {
        margin: 10px auto;
    }

    #switchCamera{
        display: inline-block;
    }
    .new-header ul {
        margin-left: 0px;
    }
    
    .header-user-web{
        display: none;
    }
    .header-user-mobile{
        display: block;
    }
}

@media all and (max-width: 576px) {
    .psd-head .pli-item-table tbody tr td .quantity-input {
        width: 230% !important;
    }
    .psd-head .pli-item-table tbody tr td .quantity-input::placeholder {
        font-size: 12px !important;
    }
    .pli-item-table {
        font-size: 14px !important;
    }
    .pli-item-table .error {
        color: #ff3e57;
        position: absolute;
        left: 29px;
        background: #fff;
        padding: 5px;
        border-radius: 8px;
    }
    .pli-c-payment p {
        font-size: 14px;
    }
    .payment-link-client-box .pli-submit-btn {
        position: inherit;
        margin-top: 15px;
    }

    .pli-logo {
        display: inherit;
    }
    .pli-logo h5 {
        margin-left: 0;
    }

    .psd-company-logo {
        display: block;
    }

    .psd-company-logo h5 {
        font-size: 24px !important;
    }

    .bg-white-custom {
        background: transparent;
    }
    .mobile-step {
        display: block;
    }
    .desktop-step {
        display: none;
    }
    .merchant-type-res{
        background: #fff;
        border-radius: 14px;
        padding: 30px 20px;
    }
    .merchant-type-res .mrt-box{
        border: 1px solid #ddd;
    }

    .header-box .change-password{
        font-size: 13px;
        margin-right: 5px;
    }
    .header-box #logout-button{
        font-size: 13px;
    }
    .edit-step-card li p {
        font-size: 15px;
    }
    .verify-email-input{
        width: 100%;
    }

    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media all and (max-width: 480px) {
}

@media all and (max-width: 360px) {
}