/*===============================
======= Header Area CSS =========
===============================*/

@media only screen and (max-width: 760px) {
    .navbar-brand img {
        height: 40px;
    }

    .nav-item img {
        height: 22px;
        margin-top: 3px;
    }

    .navbar {
        padding: 0px 0 2px 0 !important;
    }

    .navbar .container-fluid {
        max-width: 98% !important;
    }
}

/*===============================
======= Footer Area CSS =========
===============================*/

@media only screen and (max-width: 440px) {

    .Footer_Area .container-fluid {
        max-width: 100% !important;
    }

    .Copyright_Area p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .Link_Area a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 576px) {
    .Footer_Area .container-fluid {
        text-align: center;
    }

    .Link_Area {
        justify-content: center;
    }
}

/*===============================
======= Main Area CSS =========
===============================*/

@media only screen and (min-width: 441px) and (max-width : 760px) {
    .Mobile_Verification {
        height: auto;
    }

    .Mobile_Verification_Content {
        margin-bottom: 30px;
    }

    .Mobile_Verification_Content h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 15px;
        text-align: center;
    }

    .Mobile_Verification_Content h2 br {
        display: none;
    }

    .Mobile_Verification_Content p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .Mobile_Verification_Content p br {
        display: none;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 94% !important;
    }

    .Verification_Area {
        padding: 0%;
    }

    .card-title {
        font-size: 18px;
    }

    .Card_Area {
        min-height: 455px !important;
    }

    .Card_Verification_Area {
        margin-top: 25px;
    }

    .Verification_Label {
        font-size: 14px;
    }

    .form-group label {
        margin-left: 10px;
        font-size: 14px;
        line-height: 20px;
        padding-right: 0;
    }

    .step-box {
        margin-top: 20px;
    }

    .step-box div {
        margin: 5px;
        height: 10px;
        width: 10px;
    }

    .form-text {
        font-size: 0.750em !important;
        margin-top: 0.10rem !important;
    }
}

@media only screen and (min-width: 470px) and (max-width: 560px) {
    .Ekyc_Verification .container-fluid {
        max-width: 90% !important;
    }

    .Verification_Area {
        padding: 0 6%;
    }
}

@media only screen and (min-width: 561px) and (max-width: 760px) {
    .Ekyc_Verification .container-fluid {
        max-width: 80% !important;
    }

    .Verification_Area {
        padding: 0 13%;
    }
}

@media only screen and (max-width: 900px) and (orientation:landscape) {
    .Mobile_Verification {
        height: auto;
    }

    .Mobile_Verification_Content h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 10px;
        text-align: center;
        margin-top: 40px;
    }

    .Mobile_Verification_Content {
        margin-bottom: 10vh;
    }

    .Mobile_Verification_Content h2 br {
        display: none;
    }

    .Mobile_Verification_Content p {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }

    .Mobile_Verification_Content p br {
        display: none;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 70% !important;
    }

    .Footer_Area {
        padding-top: 3vh;
        padding-bottom: 3vh;
    }
}

@media only screen and (max-width: 440px) {
    .Mobile_Verification {
        min-height: calc(100vh - 100px);
        padding: 3vh 0 0 0;
    }

    .Footer_Area {
        padding-bottom: 1vh;
    }

    .Mobile_Verification_Content {
        margin-bottom: 30px;
    }

    .Mobile_Verification_Content h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .Mobile_Verification_Content h2 br {
        display: none;
    }

    .Mobile_Verification_Content p {
        font-size: 14px;
        line-height: 17px;
    }

    .Mobile_Verification_Content p br {
        display: none;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 94% !important;
    }

    .Verification_Area {
        padding: 0%;
    }

    .card-title {
        font-size: 18px;
    }

    .Card_Area {
        min-height: 440px !important;
    }

    .Card_Verification_Area {
        margin-top: 25px;
    }

    .Verification_Label {
        font-size: 14px;
    }

    .form-group label {
        margin-left: 10px;
        font-size: 14px;
        line-height: 20px;
        padding-right: 0;
    }

    .step-box {
        margin-top: 20px;
    }

    .step-box div {
        margin: 5px;
        height: 10px;
        width: 10px;
    }

    .form-text {
        font-size: 0.595em !important;
        margin-top: 0.10rem !important;
    }

    .card-title {
        margin-top: 0px;
    }
}


/* ======= 1270px to 1460px ======= */

@media only screen and (min-width: 1270px) {
    .Background-Area {
        background: url(../images/Background-Image.svg) no-repeat;
        background-position: center bottom;
        background-size: cover;
        height: 100%;
    }
}

@media only screen and (min-width: 1270px) and (max-width: 1460px) {
    .navbar-brand img {
        height: 40px;
    }

    .nav-item img {
        height: 22px;
        margin-top: 3px;
    }

    .navbar {
        padding: 1px 0 2px 0 !important;
    }

    .navbar .container-fluid {
        max-width: 94% !important;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 88% !important;
    }

    .Card_Area {
        min-height: 440px !important;
    }

    .Mobile_Verification_Content h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .Mobile_Verification_Content p {
        font-size: 20px;
        line-height: 26px;
        padding-right: 25%;
    }

    .Mobile_Verification_Content p br {
        display: none;
    }

    .form-text {
        font-size: 0.775em !important;
        margin-top: 0.10rem !important;
    }

    .step-box {
        margin-top: 15px;
    }

    .step-box div {
        margin: 4px;
        height: 10px;
        width: 10px;
    }

    .Mobile_Verification {
        padding-top: 5vh;
        min-height: calc(100vh - 80px);
    }

    .Verification_Area {
        padding: 0 0 0 0%;
    }

    .PAN_AREA p {
        font-size: 14px;
        font-weight: 300;
    }

    .PAN_AREA p:last-of-type {
        font-weight: 500;
    }

    .card-title {
        margin-top: 0;
    }

    .Digilocker_Icon_Area img {
        width: 160px;
    }

    .Overflow_Area {
        height: 115px;
    }

    .Card_Verification_Area {
        margin-top: 30px;
    }

    .Verification_Label {
        font-size: 16px;
    }

    .form-group label {
        font-size: 15px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 1460px) {
    .Next-Button a img {
        width: 28px;
    }
}

@media only screen and (max-width: 1160px) {
    .Mobile_Verification_Content p {
        padding-right: 15%;
    }
}

@media only screen and (max-width: 1000px) {
    .Mobile_Verification_Content p {
        padding-right: 0;
    }
}


/* ===== Tablet View ===== */

@media only screen and (min-width: 671px) and (max-width: 991px) {
    .navbar-brand img {
        height: 45px;
    }

    .nav-item img {
        height: 24px;
        margin-top: 2px;
    }

    .navbar {
        padding: 1px 0 2px 0 !important;
    }

    .navbar .container-fluid {
        max-width: 94% !important;
    }

    .Card_Area {
        min-height: 480px !important;
    }

    .Mobile_Verification_Content {
        margin-bottom: 3vh;
    }

    .Mobile_Verification_Content h2 {
        font-size: 28px;
        line-height: 34px;
        margin-top: 20px;
        text-align: center;
        margin-bottom: 15px;
    }

    .Mobile_Verification_Content h2 br {
        display: block;
    }

    .Mobile_Verification_Content p {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

    .Mobile_Verification_Content p br {
        display: block;
    }

    .form-text {
        font-size: 0.775em !important;
        margin-top: 0.10rem !important;
    }

    .step-box {
        margin-top: 15px;
    }

    .step-box div {
        margin: 4px;
        height: 10px;
        width: 10px;
    }

    .Mobile_Verification {
        /* padding-top: 5vh; */
        min-height: calc(100vh - 90px);
    }
}

@media only screen and (min-width: 671px) and (max-width: 860px) {
    .Ekyc_Verification .container-fluid {
        max-width: 88% !important;
    }

    .Verification_Area {
        padding: 0 20%;
    }
}

@media only screen and (min-width: 861px) and (max-width: 991px) {
    .Ekyc_Verification .container-fluid {
        max-width: 90% !important;
    }

    .Verification_Area {
        padding: 0 25%;
    }
}

/* ===== Mini Desktop ===== */

@media only screen and (min-width: 992px) and (max-width: 1269px) {
    .navbar-brand img {
        height: 45px;
    }

    .nav-item img {
        height: 24px;
        margin-top: 2px;
    }

    .navbar {
        padding: 1px 0 2px 0 !important;
    }

    .navbar .container-fluid {
        max-width: 94% !important;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 94% !important;
    }

    .Card_Area {
        min-height: 450px !important;
    }

    .Mobile_Verification_Content {
        margin-bottom: 0;
    }

    .Mobile_Verification_Content h2 {
        font-size: 28px;
        line-height: 34px;
    }

    .Mobile_Verification_Content h2 br {
        display: block;
    }

    .Mobile_Verification_Content p {
        font-size: 18px;
        line-height: 22px;
    }

    .Mobile_Verification_Content p br {
        display: block;
    }

    .form-text {
        font-size: 0.775em !important;
        margin-top: 0.10rem !important;
    }

    .step-box {
        margin-top: 15px;
    }

    .step-box div {
        margin: 4px;
        height: 10px;
        width: 10px;
    }

    .Mobile_Verification {
        padding-top: 0vh;
    }

    .card-title {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .Verification_Label {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .form-group label {
        font-size: 14px;
        line-height: 20px;
    }

}




@media only screen and (min-width: 1980px) {
    .Mobile_Verification {
        justify-content: center;
    }

    .Ekyc_Verification .container-fluid {
        max-width: 70% !important;
    }

    .Verification_Area {
        padding: 0 0 0 20%;
    }

    .Mobile_Verification {
        min-height: calc(100vh - 120px);
    }

    .card {
        box-shadow: 0px 0px 25px 5px rgba(60, 46, 126, 0.10);
    }

    .Mobile_Verification_Content p {
        padding-right: 40%;
    }
}



/* =======================================
======== Details Page CSS Area ===========
======================================= */


/* ===== 1270px to 1460px ====== */

@media only screen and (min-width: 1270px) and (max-width: 1460px) {
    .Main-Detail-Area {
        min-height: calc(100vh - 76.5px);
    }

    .Main-Active-Detail-Page .container-fluid {
        max-width: 94%;
    }

    .Step-List li {
        font-size: 14px;
    }

    .Step-List li.active {
        font-size: 22px;
    }

    .Page-Icon-Area img {
        width: 28px;
    }

    .Detail-Page-Border {
        width: 28px;
    }

    .Page-Title h4 {
        font-size: 20px;
    }
}

/* Top Current/Active Detail Page Area Responsive CSS */

@media only screen and (min-width: 1271px) and (max-width: 1390px) {

    .Single-Detail-Page {
        margin-right: 25px;
    }

    .Single-Detail-Page img {
        width: 28px;
        margin-right: 8px;
    }

    .Single-Detail-Page h5 {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1391px) and (max-width: 1550px) {
    .Single-Detail-Page {
        margin-right: 28px;
    }

    .Single-Detail-Page img {
        width: 28px;
        margin-right: 10px;
    }

    .Single-Detail-Page h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1270px) {
    .Single-Detail-Page {
        display: none;
    }

    .Single-Detail-Page.active {
        display: flex;
        display: -webkit-flex;
    }

    .Single-Detail-Page.inactive {
        display: none;
    }
}


/* ===== Detail Page Responsive CSS ===== */

/* Tablet View */

@media only screen and (min-width: 450px) and (max-width: 676px) {
    .Profile-Photo {
        padding: 0 80px;
    }
}

/* Mobile View */

/* Top Current Page Responsive CSS */

@media only screen and (max-width: 760px) {
    .Active-Detail-Flex {
        padding: 25px 0;
        align-items: center;
    }

    .Single-Detail-Page h5 {
        font-size: 18px;
    }

    .Step-List li {
        font-size: 16px;
    }

    .Step-List li.active {
        font-size: 22px;
    }

    .Single-Detail-Page img {
        width: 34px;
    }
}

@media only screen and (max-width: 760px) {

    /* Top Area Current Page */
    .Main-Active-Detail-Page .container-fluid {
        max-width: 98%;
    }

    /* End */
    .Main-Content-Area .container-fluid {
        padding: 0 12px;
    }

    .Main-Card-Area {
        padding: 0 20px 20px 20px;
        margin-bottom: 30px;
        min-height: calc(70vh - 100px);
    }

    .Main-Title-Area {
        padding: 20px 0;
    }

    .Page-Icon-Area img {
        width: 24px;
    }

    .Detail-Page-Border {
        width: 24px;
    }

    .Page-Title h4 {
        font-size: 18px;
        line-height: 23px;
    }

    .Main-Profile-Area {
        display: block;
    }

    .Profile-Photo {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .Profile-Input-Area {
        max-width: 50%;
        margin: 0 auto;
    }

    .Profile-Input-Content {
        font-size: 10px;
    }

    .Personal-Detail-Content {
        padding-left: 0;
    }

    .Detail-Verification-Area label {
        padding-left: 0;
        font-size: 14px;
        margin-bottom: 4px;
    }

    .Detail_Control {
        padding-left: 0 !important;
        padding-bottom: 5px !important;
        font-size: 17px;
    }

    .Detail-Verification-Area {
        margin-bottom: 20px;
    }

    .Detail-Verification-Area .Detail-Select {
        font-size: 18px;
        padding-left: 0;
        padding-bottom: 5px;
    }

    /*.Detail-Select ul {
        height: 180px;
    }*/

    .nice-select .option {
        font-size: 16px !important;
        padding: 10px 16px !important;
    }

    .ButtonRadio {
        justify-content: space-between;
    }

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 80px;
        font-size: 14px;
        padding: 8px 10px;
        margin-right: 8px;
    }

    .Option-Area {
        margin-bottom: 20px;
    }

    .Personal-Radio {
        padding-left: 0;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        font-size: 16px;
        padding-left: 28px;
    }

    .Detail-Padding-Right {
        padding-right: 12px !important;
    }

    .Detail-Padding-Left {
        padding-left: 12px !important;
    }

    .Option-Area {
        display: block;
    }

    .Option-Label {
        margin-bottom: 13px;
    }

    .Option-Label p {
        font-size: 17px;
        line-height: 20px;
    }

    .Address-Document-Title h4 {
        font-size: 18px;
    }

    .Address-Document-Title p {
        font-size: 12px;
    }

    .Upload-Document {
        padding: 15px 15px 20px 15px;
    }

    .Filepond-Input-Area .filepond--drop-label label {
        font-size: 11px !important;
    }

    .Filepond-Input-Area .filepond--drop-label {
        background-position: 8% center !important;
        background-size: 25px 19px !important;
    }

    .Filepond-Bank-Input-Area .filepond--drop-label {
        background-position: center 34% !important;
        background-size: 34px 34px !important;
    }

    .Bank-Detail-Upload {
        margin-top: 25px;
        margin-bottom: 0px;
    }

    .Filepond-Bank-Input-Area .filepond--root .filepond--drop-label {
        min-height: 8.5em !important;
    }

    .Filepond-Bank-Input-Area .filepond--drop-label.filepond--drop-label label {
        font-size: 12px;
        margin-top: 25px;
    }

    .Main-Address-Upload {
        margin: 10px 0 0 0 !important;
    }

    .Bank-Detail-Verification {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .Bank-Confirmation-Content p {
        font-size: 14px;
        line-height: 20px;
    }

    .IncomeRadioButton {
        display: block;
    }

    .IncomeRadioButton input[type="radio"]+label,
    .IncomeRadioButton input[type="radio"]:not(checked)+label {
        min-width: 90px;
        font-size: 12px;
        margin-right: 8px;
        margin-bottom: 10px;
        padding: 8px 10px;
    }

    .Nomination-Confirmation-Area {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .Confirm-Group label {
        font-size: 14px;
        line-height: 19px;
    }

    .Main-Upload-Crad-Area {
        min-height: 300px;
        margin-bottom: 25px;
    }

    .Sign-Requirement-Area {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .row .col-xxl-2:last-of-type .Sign-Requirement-Area {
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 390px) and (max-width: 760px) {

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 31%;
    }
}

@media only screen and (max-width: 320px) {

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 75px;
        font-size: 12px;
        padding: 8px 7px;
        margin-right: 5px;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        font-size: 14px;
        padding-left: 27px;
    }
}

@media only screen and (max-width: 300px) {

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 70px;
        font-size: 12px;
        padding: 5px 5px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 280px) {

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 63px;
        font-size: 11px;
        padding: 5px 5px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 360px) {

    .IncomeRadioButton input[type="radio"]+label,
    .IncomeRadioButton input[type="radio"]:not(checked)+label {
        min-width: 45%;
        font-size: 12px;
        margin-right: 8px;
        padding: 10px 12px;
    }
}


/* ThinPad & Desktop Ares CSS */

@media only screen and (min-width: 1270px) and (max-width: 1400px) {
    .Main-Card-Area {
        min-height: calc(97vh - 50px);
    }
}

@media only screen and (min-width: 1401px) and (max-width: 1550px) {
    .Main-Card-Area {
        min-height: calc(78vh - 50px);
    }

    .Main-Detail-Area {
        min-height: calc(100vh - 85px);
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        line-height: 22px;
    }
}

@media only screen and (min-width: 1300px) {
    footer {
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 1270px) and (max-width: 1460px) {
    .Active-Detail-Flex {
        padding: 25px 0;
    }

    .Main-Title-Area {
        padding: 25px 0;
    }

    .Main-Card-Area {
        padding: 0 35px 20px 35px;
        margin-bottom: 20px;
    }

    .Profile-Photo {
        max-width: 170px;
        padding: 0;
    }

    .Profile-Input-Area {
        margin: 0 20px;
    }

    .Detail-Verification-Area {
        margin-bottom: 25px;
    }

    .Detail-Verification-Area label {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .Detail_Control {
        font-size: 18px;
        padding: 5px 20px 5px 20px !important;
    }

    .Detail-Verification-Area .Detail-Select {
        font-size: 18px;
        padding: 5px 20px 5px 20px;
    }

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        min-width: 110px;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        line-height: 20px;
        font-size: 18px;
        padding-left: 30px;
    }

    .Option-Area {
        margin-bottom: 25px;
    }

    .nice-select .option {
        font-size: 16px !important;
        padding: 10px 18px !important;
    }

    .Border-Divider {
        margin: 0 auto 25px 0;
    }

    /*.Detail-Select ul {
        height: 180px;
    }*/

    .Option-Label p {
        font-size: 17px;
    }

    .Radio-Option input[type="radio"]:checked+label::before,
    .Radio-Option input[type="radio"]:not(:checked)+label::before {
        height: 22px;
        width: 22px;
    }

    .Radio-Option input[type="radio"]:checked+label::after,
    .Radio-Option input[type="radio"]:not(:checked)+label::after {
        top: 5.5px;
        left: 5.5px;
        height: 11px;
        width: 11px;
    }

    .Bank-Detail-Upload {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .Bank-Detail-Verification {
        margin: 45px 0 10px 0;
    }

    .Bank-Confirmation-Content p {
        font-size: 14px;
        line-height: 20px;
    }

    .Filepond-Bank-Input-Area .filepond--root .filepond--drop-label {
        min-height: 8.5em !important;
    }

    .Filepond-Bank-Input-Area .filepond--drop-label {
        background-position: center 20% !important;
    }

    .Filepond-Bank-Input-Area .filepond--drop-label.filepond--drop-label label {
        margin-top: 40px !important;
    }

    .Nomination-Confirmation-Area {
        margin-bottom: 15px;
    }

    .Confirm-Group label {
        font-size: 14px;
        line-height: 18px;
    }

    .IncomeRadioButton input[type="radio"]+label,
    .IncomeRadioButton input[type="radio"]:not(checked)+label {
        min-width: 30%;
        margin-bottom: 14px;
    }

    .Main-Upload-Crad-Area {
        min-height: 350px;
        margin-bottom: 15px;
    }

    .Sign-Requirement-Area {
        margin-top: 0;
        margin-bottom: 15px;
    }
}

/* Tablet & Ipad Pro View */

@media only screen and (min-width: 760px) and (max-width: 1270px) {
    .Single-Detail-Page h5 {
        font-size: 24px;
    }

    .Active-Detail-Flex {
        padding: 25px 0;
    }

    .Main-Card-Area {
        padding: 0 20px 20px 20px;
        min-height: calc(40vh - 50px);
        margin-bottom: 40px;
    }

    .Main-Content-Area .row div:last-of-type .Main-Card-Area {
        margin-bottom: 0;
    }

    .Page-Title h4 {
        font-size: 22px;
    }

    .Main-Profile-Area {
        display: block;
    }

    .Profile-Photo {
        max-width: 320px;
        margin: 0 auto 50px auto;
        padding: 0;
    }

    .Profile-Input-Area {
        margin: 0 25%;
    }

    .Personal-Detail-Content {
        padding-left: 0;
    }

    .Detail-Verification-Area label {
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 4px;
    }

    .Detail_Control {
        font-size: 18px;
        padding: 5px 20px 5px 10px !important;
    }

    .Detail-Verification-Area .Detail-Select {
        font-size: 18px;
        padding: 5px 20px 5px 10px;
    }

    .Personal-Radio {
        padding-left: 10px;
    }

    .Radio-Option {
        margin-right: 30px;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        padding-left: 30px;
    }

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        margin-bottom: 15px;
    }

    .Detail-Padding-Right {
        padding-right: 12px !important;
    }

    .Detail-Padding-Left {
        padding-left: 12px !important;
    }

    .Bank-Detail-Verification {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .Bank-Confirmation-Content p {
        font-size: 14px;
        line-height: 18px;
    }
}

@media only screen and (min-width :1401px) and (max-width: 1550px) {
    .Doc_Upload_Desktop .col-xxl-2 {
        width: 24.90%;
    }
}

@media only screen and (max-width: 760px) {
    .Button-Content a {
        font-size: 14px;
        padding: 8px 20px;
    }

    .Next a {
        padding-left: 32px;
        padding-right: 32px;
    }
}


/* Scheme Selection Area Responsive CSS */

@media only screen and (max-width: 760px) {
    .Main-Scheme-Radio {
        margin-bottom: 12px;
    }

    .Main-Scheme-Radio label span {
        padding: 15px 0 15px 15px;
    }

    .Main-Scheme-Radio label span {
        font-size: 16px;
    }

    .Main-Scheme-Radio label span::before {
        height: 20px;
        width: 20px;
        margin-right: 10px;
    }

    .Main-Scheme-Radio label span small {
        font-size: 12px;
    }

    .Main-Scheme-Radio label span a.info-icon {
        top: 30%;
        right: 20px;
    }

    .Main-Scheme-Radio label span a.info-icon img {
        width: 16px;
    }

    .Segment-Flex-Area {
        flex-wrap: wrap;
    }

    .Single-Segment-Item {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .Single-Segment-Label {
        padding: 10px 10px 10px 15px;
        box-shadow: unset;
    }

    .Single-Segment-Content {
        align-items: center;
    }

    .Segment-Title h5 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .Segment-Title p br {
        display: none;
    }

    .Segment-Title p {
        font-size: 12px;
        line-height: 14px;
        margin-top: 0px;
    }

    .Segment-Title p:nth-of-type(2) {
        font-size: 10px;
        line-height: 10px;
        margin-top: 3px;
    }

    .Segment-Flex-Area input[type="checkbox"] {
        top: 21px;
        right: 15px;
    }

    .Trading-Title {
        padding-left: 12px;
    }

    .Main-Brokerage-Content {
        padding-left: 12px;
        padding-right: 12px;
    }

    .Segment-Flex-Area {
        padding-left: 12px;
        padding-right: 12px;
    }

    .Main-Segment-Area {
        padding-bottom: 20px;
    }

    .Trading-Title h4 {
        font-size: 20px;
    }

    .Brokerage-Title h4 {
        font-size: 20px;
    }

    .Brokerage-Card {
        padding: 20px 20px 5px 20px;
        margin-bottom: 15px;
    }

    .Brokerage-Input-Area {
        margin-bottom: 10px;
    }

    .Segment-Icon img {
        height: 34px;
        width: 34px;
    }
    
    label.Single-Segment-Label:hover {
        background-color: #fff;
        border-color: #5395E3;
    }
    
    label.Single-Segment-Label:hover .Segment-Icon img {
        filter: unset;
    }
    
    label.Single-Segment-Label:hover .Segment-Title {
        color: #3C2E7E;
    }
}

@media only screen and (min-width: 760px) and (max-width: 1060px) {
    .Main-Scheme-Radio {
        margin-bottom: 24px;
    }

    .Main-Scheme-Radio label span {
        padding: 20px 0 20px 20px;
    }

    .Main-Scheme-Radio label span {
        font-size: 20px;
    }

    .Main-Scheme-Radio label span::before {
        height: 20px;
        width: 20px;
        margin-right: 10px;
    }

    .Main-Scheme-Radio label span small {
        font-size: 12px;
    }

    .Main-Scheme-Radio label span a.info-icon {
        top: 30%;
        right: 20px;
    }

    .Main-Scheme-Radio label span a.info-icon img {
        width: 16px;
    }

    .Segment-Flex-Area {
        flex-wrap: wrap;
    }

    .Single-Segment-Item {
        margin-right: 0;
        margin-bottom: 24px;
    }

    .Single-Segment-Label {
        padding: 18px 18px 18px 18px;
        box-shadow: unset;
    }

    .Single-Segment-Content {
        align-items: center;
    }

    .Segment-Title h5 {
        font-size: 22px;
        margin-bottom: 8px;
    }

    .Segment-Title p br {
        display: none;
    }

    .Segment-Title p {
        font-size: 14px;
    }

    .Segment-Title p:nth-of-type(2) {
        font-size: 12px;
    }

    .Segment-Flex-Area input[type="checkbox"] {
        top: 37%;
        right: 20px;
    }

    .Trading-Title {
        padding-left: 12px;
    }

    .Main-Brokerage-Content {
        padding-left: 12px;
        padding-right: 12px;
    }

    .Segment-Flex-Area {
        padding-left: 12px;
        padding-right: 12px;
    }

    .Main-Segment-Area {
        padding-bottom: 20px;
    }

    .Trading-Title h4 {
        font-size: 22px;
    }

    .Brokerage-Title h4 {
        font-size: 22px;
    }

    .Brokerage-Card {
        padding: 20px 20px 5px 20px;
        margin-bottom: 15px;
    }

    .Brokerage-Input-Area {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 830px) and (max-width: 1270px) {
    .Segment-Flex-Area {
        flex-wrap: wrap;
    }

    .Single-Segment-Item {
        margin-right: 20px;
        margin-bottom: 24px;
        width: calc(50% - 20px);
    }

    .Segment-Flex-Area .Single-Segment-Item:nth-child(even) {
        margin-right: 0;
        width: 50%;
    }
    
    .Segment-Title p br {
        display: none;
    }
}

@media only screen and (min-width: 1271px) and (max-width: 1470px) {
    .Main-Scheme-Radio label span {
        font-size: 20px;
        padding: 20px 0px 20px 20px;
    }
    .Main-Scheme-Radio label span::before {
        height: 22px;
        width: 22px;
    }
    .Scheme-Title img {
        width: 34px;
        margin-right: 8px;
    }
    .Scheme-Title h5 {
        font-size: 24px;
    }
    .Single-Segment-Content {
        display: block;
    }
    .Segment-Title {
        margin-top: 10px;
    }
    .Segment-Title h5 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .Segment-Title p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 8px;
    }
    .Segment-Title p:nth-of-type(2) {
        line-height: 18px;
    }
    .Segment-Flex-Area input[type="checkbox"] {
        top: 17%;
    }
    .Brokerage-Card {
        padding: 20px;
    }
    .Brokerage-Title h4 {
        font-size: 20px;
    }
    .Single-Segment-Label {
        padding: 15px;
    }
}


@media only screen and (min-width: 1461px) and (max-width: 1910px) {
    .Ekyc_Verification .container-fluid {
        max-width: 88% !important;
    }

    .Verification_Area {
        padding: 0%;
    }

    .Mobile_Verification_Content h2 br {
        display: none;
    }

    .Mobile_Verification_Content h2 {
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 30px;
        padding-right: 20%;
    }

    .Mobile_Verification_Content p {
        font-size: 20px;
        line-height: 26px;
        padding-right: 23%;
    }

    .form-group label {
        padding-right: 2px;
    }

    .Single-Segment-Label {
        padding: 15px 15px;
    }

    .Segment-Icon {
        margin-right: 10px;
    }

    .Scheme-Title h5 {
        font-size: 22px;
    }

    .Detail-Verification-Area label {
        font-size: 16px;
    }

    .Detail_Control {
        padding-bottom: 7px !important;
        font-size: 18px;
    }

    .Detail-Verification-Area .Detail-Select {
        padding-bottom: 7px;
        font-size: 18px;
    }

    .nice-select .option {
        font-size: 16px;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        line-height: 19px;
    }

    .Radio-Option input[type="radio"]:checked+label,
    .Radio-Option input[type="radio"]:not(:checked)+label {
        font-size: 18px;
    }

    .Radio-Option {
        margin-right: 25px;
    }

    .Personal-Radio {
        margin-bottom: 35px;
    }

    .Option-Label p {
        font-size: 18px;
    }

    .Page-Title h4 {
        font-size: 22px;
    }

    .Main-Card-Area {
        padding-left: 42px;
    }

    .Address-Document-Title h4 br {
        display: none;
    }

    .Address-Document-Title h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .ButtonRadio input[type="radio"]+label,
    .ButtonRadio input[type="radio"]:not(checked)+label {
        font-size: 14px;
        min-width: 120px;
        padding: 10px 15px 10px 15px;
    }
    .Bank-Confirmation-Content p {
        font-size: 16px;
        line-height: 22px;
    }
    .Main-Card-Area {
        min-height: calc(80.5vh - 50px);
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 1551px) and (max-width: 1760px) {
    .Single-Detail-Page h5 {
        font-size: 18px;
    }

    .Single-Detail-Page img {
        margin-right: 10px;
        width: 34px;
    }

    .Single-Detail-Page {
        margin-right: 28px;
    }
}


@media only screen and (max-width: 760px) {
    .Uploaded_Card {
        min-height: 200px;
    }
}

@media only screen and (min-width: 760px) and (max-width: 1270px) {
    .Main-Content-Area .row div:last-of-type .Main-Card-Area {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1270px) and (max-width: 1460px) {
    .Uploaded_Card {
        min-height: 200px;
    }
}

@media only screen and (min-width :1401px) and (max-width: 1800px) {
    .Doc_Upload_Desktop .col-xxl-2 {
        width: 24.90%;
    }
}

@media only screen and (max-width: 1000px) {
    .Summary-Table td {
        min-width: 50%;
    }
}

@media only screen and (max-width: 1060px) {
    .Summary-Table td {
        min-width: 40%;
    }
}

@media only screen and (max-width: 650px) {
    .Summary-Table > :not(caption) > * > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    td img {
        height: 70px;
        width: 70px;
    }

    .Summary-Table td {
        min-width: 50%;
        font-size: 16px;
        align-items: flex-start;
    }

        .Summary-Table td:first-of-type {
            min-width: 55%;
        }

    .Change-Detail img {
        width: 13px;
    }

    .Change-Detail {
        padding: 0.37rem 0.37rem !important;
    }
}

@media only screen and (max-width: 550px) {
    .Summary-Table td {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1040px) {
    table.dataTable > tbody > tr.child ul.dtr-details {
        font-size: inherit;
        width: 100%;
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        min-width: 170px !important;
    }
}

@media only screen and (max-width: 780px) {
    .Main-Datatable-Area {
        padding: 0;
    }

    .Client-List-Main-Area .Main-Title-Area {
        padding-left: 0;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: auto !important;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        margin: 7px 0;
    }

    .table > :not(caption) > * > * {
        padding: 0.6rem 1rem !important;
    }

    table.dataTable > tbody > tr.child ul.dtr-details {
        font-size: 14px;
    }

    table.dataTable > tbody > tr.child span.dtr-title {
        min-width: 120px !important;
    }
}

@media only screen and (max-width: 400px) {
    .table > :not(caption) > * > * {
        padding: 0.6rem 0 !important;
    }
}

@media only screen and (min-width: 1270px) and (max-width: 1720px) {
    .Client-List-Main-Area .Main-Title-Area {
        padding-left: 0;
    }

    .Main-Datatable-Area {
        padding: 0;
    }

    table.dataTable > thead > tr > th:not(.sorting_disabled),
    table.dataTable > thead > tr > td:not(.sorting_disabled) {
        font-size: 16px !important;
        padding: 8px 20px 9px 5px !important;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        font-size: 14px;
    }

    .Client-List-Main-Area {
        padding-right: 40px;
    }
}