@media only screen and (min-width: 960px) {
    
}

@media only screen and (min-width: 1440px) {
    
}

@media only screen and (min-width: 2000px) {
    
}

@media only screen and (max-device-width: 480px) {
    .contentpage.mobile_show {
        padding: 30px 15px 0;
    }
    .bank_details3 ul {
        position: relative;
        left: 0;
        top: 20px;
    }
    .bank_details3::before {
        width: 66px;
        top: 20px;
    }
    input#panNo_Adhaar {
        font-weight: normal;
    }
    input#panNo_Adhaar::placeholder {
        font-weight: normal;
    }
    .statusbar .ApplicationStatus li:nth-child(3):after {
        top: -30px;
        left: 0px;
    }
    .statusbar .ApplicationStatus li:nth-child(4):after {
        top: -35px;
        left: 0;
    }
    .statusbar ul li:first-child::before {
        height: 200px;
    }
    .equitypdf {
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        width: 100%;
        margin: 0 auto;
    }
        .equitypdf label {
            font-size: 18px;
            color: #fff;
        }
        .nav li span {
        color: #fff;
    }
    .digilockerbtn button {
        width: 100%;
    }
    .digilockerbtn {
        width: 100% !important;
    }
    .otherbtn2.otherbtn3.otherFielad.row .checkboxarea {
        display: ruby;
        margin-left: 20px;
    }
    section.content_area.pagesFade .row.pagecontent .formarea.imageuload .row.panrow div#imageContentCLIENT_PHOTO label.btn.inputgrp.fileupload img.img-fluid {
        left: 22px;
    }
    div#RejectionFormModal .modal-dialog.modal-dialog-vertical-center.imageUploadModal {
        top: 5%;
        height: 100vh !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    input#MICRCode {
        padding-left: 15px !important;
    }
    div#RejectionFormModal .modal-header.pd-y-10.pd-x-10 button.close {
        right: 0 !important;
        width: 35px !important;
    }
    div#RejectionFormModal .modal-header.pd-y-10.pd-x-10 {
        position: relative;
        text-align: right;
        float: right;
        width: 100%;
        height: max-content;
        color: #c94b7c;
        top: 0;
        display: inline-table;
        padding: 0;
        margin-bottom: 10px;
    }
        div#RejectionFormModal .modal-header.pd-y-10.pd-x-10 button.close span {
            font-size: 30px;
            padding: 0;
            text-align: right;
            color: #c94a7b;
            opacity: 1;
            font-weight: 500;
            top: 0;
            position: relative;
            height: 20px;
        }
    ::-webkit-scrollbar {
        height: 15px;
        width: 10px;
        cursor: pointer;
    }
    div#RejectionDiv .rejectionarea {
        line-height: normal !important;
    }
    .pagecontent {
        padding-top: 8px;
    }
    input#MICRCode {
        font-weight: normal;
    }
    footer {
        /*position: absolute !important;*/
    }
    div#RejectionFormModal div#DivRejectionFormModal {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        padding: 0 !important;
    }
    .bank_details3 {
        padding-left: 15px;
        position: relative;
        margin-top: 0;
    }
    .rectifybtn.model_footer button.btn {
        height: 40px !important;
        line-height: 40px !important;
        width: 135px !important;
    }
    .rectifybtn.model_footer {
        right: 60px !important;
    }

}

@media only screen and (device-width: 768px) {
    .progressbar ul::before {
        width: 440px;
    }
    .modal-dialog {
        max-width: 100% !important;
        margin: 1.75rem auto;
    }
    .nominee_form .accordion-body .col-auto.inputgrp.mrbtm {
        margin-bottom: 15px;
    }
    .formarea .bankform {
        margin-top: -235px;
    }
    .formarea.nominee_form {
        margin-top: 33px;
        max-width: 88%;
        padding-top: 195px;
    }
   
        .contentpage.mobile_show {
        padding-right: 0;
        padding-top: 40px;
    }

    .navbar-collapse.collapse.show {
        top: -9px;
        position: relative;
    }

    ul.nav.navbar-nav.ms-auto.mb-2.mb-lg-0 li.mobile_show {
        display: block !important;
    }
    ul.nav.navbar-nav li.logout_btn {
        margin-left: 0; 

    }
    .formarea {
        margin-left: 0;
        max-width: 100% !important;
    }
    input#MobileNo {
        font-size: 14px;
        padding-left: 33px;
    }
    .progressbar {
        display: none;
    }
    div#nav-tab {
        margin-top: 20px !important;
    }
    .formarea .nav-tabs .nav-link {
        padding: 0 30px 4px;
    }
    .tab-content {
        padding-left: 0;
    }
    .payment_form .checkbox-area {
        display: ruby;
    }
}
@media only screen and (device-width: 1024px) {
    .progressbar ul::before {
        width: 440px;
    }
    .progressbar {
        display: none;
    }
    .formarea {
        margin-left: 0;
        max-width: 100% !important;
    }
    input#MobileNo {
        font-size: 14px;
        padding-left: 33px;
    }

    ul.nav.navbar-nav.ms-auto.mb-2.mb-lg-0 {
        display: block;
        float: left;
        margin-top: 0;
    }
    ul.nav.navbar-nav li.logout_btn {
        margin-left: 0;
    }
    nav.navbar.navbar-expand-lg li {
        width: 100%;
        margin: 0;
        padding: 8px;
        text-align: left;
    }
    ul.nav.navbar-nav li b {
        padding-left: 0;
    }
        .formarea h3 {
            font-size: 18px;
        }
    div#emailOtp input {
        padding-left: 0;
    }
    .inputgrp input {
        font-size: 12px;
        padding-left: 20px;
    }
    .formarea .emailid.inputgrp img {
        top: 15px;
    }
        .formarea .emailid.inputgrp img.right {
            top: 10px;
            right: 7px;
        }
    .emailid input {
        margin-bottom: 0;
    }
    .col-auto.emailid.inputgrp input#PanNo {
        margin-bottom: 0;
    }
    .emailid input {
        margin-bottom: 0 !important;
    }

    }
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    
    
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}
@media only screen and (max-device-width: 1366px)  {
    .emailid input {
        margin-bottom: 0 !important;
    }
    .formarea .emailid.inputgrp img {
      /*  top: 15px !important;*/
    }
        .formarea .emailid.inputgrp img.right {
           /* top: 10px;*/
        }
        .emailid input {
            padding-left: 50px;
            width: 100%;
            height: 40px !important;
        }

    }

.modal-dialog.modal-dialog-vertical-center.imageUploadModal .modal-header.pd-y-10.pd-x-10 h6 {
    text-align: left;
}
.modal-header.pd-y-10.pd-x-10 button.close {
    width: min-content;
    top: 0;
    float: right;
    margin: 0;
}
div#PDFModal .modal-body.pd-0 {
    margin-top: 0;
    padding-top: 0 !important;
}
    .modal-header.pd-y-10.pd-x-10 button.close span {
        font-size: 30px;
    }

   .modal-header.pd-y-10.pd-x-10 {
        top: 0;
        height: max-content;
        display: flex;
        width: 100%;
    }

    .modal-dialog {
        max-width: 980px !important;
        margin: 1.75rem auto;
    }


@media only screen and (min-device-width: 1367px) and (max-device-width: 1600px) {
    input #Name {
        margin-bottom: 34px;
    }
    .inputgrp input {
       /* height: 48px !important;*/
    }
    .formarea .emailid.inputgrp img {
          top: 15px !important;
    }

        .formarea .emailid.inputgrp img.right {
             top: 10px;
        }

}