@media(min-width: 1920px){
        .martop16vh{margin-top: 26vh;}
        .existingbtn{margin-top: 70px;}
    }
@media(max-width:1200px){
     .sai-label-up{ font-size: 14px; } 

}

@media(max-width:1199px){
    .main-wrapper{width: 100%;}
    body{padding-bottom: 50px;}
}

@media(max-width:1024px){

    .sidepic img{width: 60%;}
    .sidepicbot img{width: 60%;}  
    .labelwidthmob{width: 100% !important;}
    .otherdetcolums .col-md-4{-ms-flex: 0 0 50% !important;   flex: 0 0 50% !important;   max-width: 50% !important;}
}

@media(max-width:991px){
    .slidecontainer{padding-bottom: 4rem; width: 90%;}
    .sai-right-failed-path{width: 150px; top: 5px;}
    .form-control, .input-group{width:99% !important;}
    .slidecontainer{padding-bottom: 3rem; width: 90%; margin-top: -1.5rem;}  
}


@media(max-width:768px){

.txtright{text-align: right;}
.bottombg{background-size: contain;}
.sai-form-box{width: 90%;}
.main-wrapper{width: 98%;}
.sai-new-cust-show-reject-path{text-align: center; position: inherit !important; width: 100px;
margin-top: -58px;}
/* .flash{top:93px !important;} */

}



@media (max-height:420px){

    .bdrBig{height: 5px !important;}
     header{height: 32px !important;}
     .loginlogodesk{display: none;}
     .loginlogomob{display: block !important;}
     .cyearlogo img{width: 70px;}
     .lendLogo img {width: 70px; }
     .main-wrapper {margin: 0px auto 0 !important; }
     .fs-title {margin: 10px 0px 10px 0px !important;}

     #emitable{display: none;}
     #emitablemob{display: block !important;}

    .slideouter{height: 38vh !important;}    

       .box-outer{
        width: 92% !important;
        margin-left: 20px !important;
    }
    
    .newappliconlogin{
        display: flex !important;
        flex-direction: row;
    }
    .newappliconlogin .card{
        min-width: 50%;
    }
    .progressbg .card-body{
        max-height: 190px;
        overflow: auto;
    }
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
}

@media (max-width:640px) and (max-height:420px){
    .signin-sec{max-height: 117px !important;}
    .btm-img{padding: 5px !important;}
    .tab-view-flex .row .noWrap{
        white-space: nowrap;
    }
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .tab-view-flex .row {
        width: 100% !important;
    }
    .maxHeight71{
        max-height: 71vh;
        overflow: auto;
    }

}

@media(max-width: 767px){

    app-shisuinbox  .container{
        max-height: 80vh;
        /* overflow-y: auto; */
    }
    body{
        overflow-y: hidden !important;
    }
    #msform{
        max-height: unset !important;
        overflow-y: hidden !important;
        overflow-x: hidden;    
    }
    .slideouter{height: 60vh; }
    .midsecinner{margin:0px auto;}

    .box{margin-bottom: 0px !important;}
    .cibilTxt{top:20px !important;}
    .finalAgreeTxt{top:0px !important; margin: 0px; padding: 0px;}

   
    .banslide{
        display: none !important;
        position: relative  !important;
    }
    .main-wrapper{
        padding-bottom: 150px;
    }
    .banslide.banactive{
        display: block !important;
    }
    .box-inner{
        max-height: unset !important;
    }
    .midsecinner{
        min-height: unset !important;
        box-shadow: none !important;
    }
    .form-group{margin-bottom: 0px !important;}
    
    .midsec{
        position: relative !important;
        background: transparent !important;
    }

    .customscroll {overflow-x: scroll; scrollbar-color: transparent transparent; scrollbar-width: thin; 
        border-radius: 10px; -moz-border-radius: 10px; outline: 0; border:solid 1px #fff;  }

    .customscroll::-webkit-scrollbar {width: 6px;}
    .customscroll::-webkit-scrollbar-track {box-shadow: inset 0px 0px 3px transparent; border-radius: 10px;} 
    .customscroll::-webkit-scrollbar-thumb {background: transparent; border-radius: 10px; }
    .customscroll::-webkit-scrollbar-thumb:hover {background: transparent;}

    #progressbarmob::-webkit-scrollbar {width: 6px;}
    #progressbarmob::-webkit-scrollbar-track {box-shadow: inset 0px 0px 3px transparent; border-radius: 10px;} 
    #progressbarmob::-webkit-scrollbar-thumb {background: transparent; border-radius: 10px; }
    #progressbarmob::-webkit-scrollbar-thumb:hover {background: transparent;}
    

    /* .progress-mobhide{display: none;} */
    .progress-deskhide{display: block;}
    
    #progressbarmob {
        margin-bottom: 10px;
        overflow-x: auto;          
        width: 100%;
        white-space: nowrap;
      
        }
         #progressbarmob li {
        list-style-type: none;    
        position: relative;  
        border-radius:10px; 
        padding:5px 6px 6px 6px;    
        display: inline-block; 
        margin-right: 25px; 
        cursor: pointer;
        background: #3d76b1;   
        border-radius:50%;    
        line-height: 18px;
        }  

       .completedpage img{width:26px; height: 26px;} 
       .iconmob{width:26px; height: 26px;} 
    
        #progressbarmob li.completedpage { 
        background: #42e492; /* Old browsers */
        }
    
        #progressbarmob li.active { 
        background: #fbbf37; /* Old browsers */
        }
        
        #progressbarmob li.completedpage:after {
        content: '';
        width: 100%;
        height:4px;
        /* background: #29b973; */
        background: #42e492;
        position: absolute;
        left: 31px;
        top: 17px;
        z-index: -1;
        display: block;
        }
        #progressbarmob li.completedpage:last-child:after {    
        content: none;
        }
    
        #progressbarmob li:after {
        content: '';
        width: 100%;
        height:4px;
        background: rgba(0,0,0,0.1);
        position: absolute;
        left: 31px;
        top: 17px;
        z-index: -1;
        display: block;
        }
        #progressbarmob li:last-child:after {    
        content: none;
        }
        
        .form-control, .input-group {max-width: 100% !important; }
        #msform {margin:0px auto 20px auto;}
        .main-wrapper{padding:10px 0px 20px 0px; margin: 0px auto 0 !important;}
       
    
        .progress-deskhide{margin-bottom: 0px;}
        .martop12vh{margin-top: 10vh !important;}

        .sai-page-title{margin:10px 10px 35px 15px;}
        .progress-deskhide{
            display: block !important;
            margin-right: 10px;
        }
        .progress-outer{margin-bottom: 0px !important;}
        .progress .progress-value{font-size: 13px !important;}

.slidecontainer{
    margin-top: 10px;margin-left: 10px;
}
.banslide .col-md-12 {
    width: 100% !important;
    margin: 0 auto !important;
}

.loginlogodesk{display: none;}
.loginlogomob{display: block !important;}

}

/* sai responsive */
@media(max-width: 599px){
    .banslide{
        display: none !important;
        position: relative  !important;
    }
    .midsec{
        /* padding-bottom: 150px; */
        margin-bottom: 0px;
    }
    .banslide.banactive{
        display: block !important;
    }
    .box-inner{
        max-height: unset !important;
    }
    .midsecinner{
        min-height: unset !important;
    }
    #inboxDetails .sai-flex-card .card{flex-basis: auto;}
    .existingbtn {margin-top: 10px;}    
    .saiInfo{right: 2%;}
    .sidepic, .ubi-logo .mudra-logo{display: none;}
    .newappliconlogin, .element{width:100% !important; font-size: 16px !important;}
    .sai-mob-show{display: block;}
    .sai-desktop-show{display: none;}
    .padform{padding: 15px 0px 0px 0px;}
    .messageboard h2{text-align: left;}
    label{font-size: 0.75rem; padding-top: 5px;}
    .form-control, .input-group {max-width: 100% !important; }
    .form-group { margin-bottom: 1.7rem;}
    .messageboard h2{font-size: 20px !important;}
    .fs-title{margin-bottom: 12px; font-size: 16px;}
    .slidecontainer{padding-bottom: 3rem; width: 90%; margin-top: 10px;margin-left: 10px;}    
    .btn{padding:0.17rem 0.75rem; font-size: 0.92rem;}
    .customscroll{width: auto;}
    .progress-outer{width: 93%;}
    .sai-right-failed-path {margin-right: 20px; position: relative !important; width: 100%; text-align: center;}
    .infotext{width: 100%; display: block; position: relative; flex-direction: column;}
    .infotext-left, .infotext-right{width: 100% !important;}
    .tab-content{padding:35px 0px 0px 0px !important;}
    .sai-flex-card{flex-direction: column;} .mutra-rejected{margin-top: 15px;}
    

    .customscroll {scrollbar-width: none; }
    #progressbarmob {scrollbar-width: none;}   
    
    .tab-view-flex .row {
        width: 100% !important;
    }
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .tab-view-flex .row {
        width: 100% !important;
    }
}


@media(max-height:640px){
    #score-card .modal-body {
        max-height: 76vh !important;
    }
}

@media(max-width: 480px){    
    .progress-outer{width: 90%;}
    .sai-page-title{font-size: 16px !important;margin: 10px 20px 20px !important;}
    .otherdetcolums .col-md-4{-ms-flex: 0 0 100% !important;   flex: 0 0 100% !important;   max-width: 100% !important;}
    .mt80{
        margin-top: 0px !important;
    }
    .mt70{
        margin-top: 40px !important;
    }
    .datepicker{z-index: 9999 !important;}
    .form-control, .input-group{width: 100% !important;}
    .container-fluid{padding: 6px !important;}
    .customscroll{width: auto !important;}
    .mbl-nopad{padding: 0px !important;}
    .mbl-padLeft-0{padding-left: 0px !important;}
    .fs-title{margin-top: 5px !important;}
    .padform {
        /* padding: 20px 0px 10px 10px !important; */
        padding:10px 0px 10px 0px !important;
    }
    .sai-form-box{
        width: 100% !important;
    }
    .sai-eligible-border h3{font-size: 20px;}
    .sai-eligible-border{padding: 10px;}   
    .fs-title{margin-left: -12px !important;}
    .form-control, .input-group{width: 98% !important;}
    .newappliconlogin .card-body{
        padding: 30px 0px !important;
    }
    .newappliconlogin .card-footer{
    padding: 12px 0px !important;
    font-size: 14px !important;
    }  
    .martop12vh {
        margin-top: 7vh !important;
    }
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .tab-view-flex .row {
        width: 100% !important;
    }
    
}

@media(max-width: 360px){
    .mob360txt label{ left: 24px !important;}
    .padform {
        /* padding: 20px 0px 10px 10px !important; */
        padding:10px 0px 10px 0px !important;
    }
    .sai-form-box{
        width: 100% !important;
    }
    .sai-eligible-border h3{font-size: 20px;}
    .sai-eligible-border{padding: 10px;}   
    .fs-title{margin-left: -12px !important;font-size: 16px !important;}
    .sai-label-up{font-size: 12px !important;}
    .form-control{font-size: 14px !important;}

    .form-group{margin-bottom: 0px !important;}
    
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
    .tab-view-flex .row {
        width: 100% !important;
    }
}

@media(max-width: 320px){
.sai-page-title{font-size: 16px;}
.progress-outer{width: 90%;}
label{
    padding: 0px 0px !important;
}
.banslide .col-md-12 {
    width: 100% !important;
    margin: 0 auto !important;
}
.tab-view-flex .row {
    width: 100% !important;
}

}

@media screen and (min-width:600px) and (max-width:768px){
    img.sign-out{right: -43% !important;}
    .banslide .col-md-12 {
        width: 100% !important;
        margin: 0 auto !important;
    }
}
@media screen and (max-width:1200px){
    #msform{
        /* max-height: 94vh !important; */
        /* max-height: 78vh !important;
        overflow-y: auto !important; */
        overflow-x: hidden;
    }
}

@media screen and (min-width:768px) and (max-width:1024px){
    .progressbg{
        width: 240px !important;
        z-index: 99 !important;
        position: fixed !important;
    }
    .midsec{width: 100% !important;}
    .rightsec{width: 100% !important;margin-left: 240px;}
    .box-outer{width: 92% !important;}
    #msform{
        /* max-height: 94vh !important; */
        max-height: 78vh !important;
        overflow-y: auto !important;
        overflow-x: hidden;
    }
    body{overflow-y: hidden;}
    .midsecinner{
        padding: 20px 0% !important;
        margin-bottom: 0px !important;
    }
    .slideouter{
        width: 84% !important;
    }
    .esignpadformTab{padding: 20px 0px !important;}
    .esigncardTab{min-height: 165px !important;}
    .applicationesign{
        text-align: center !important;
        padding: 10px 10px !important;
        white-space: normal !important;
    }
    
   .tab-view-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
   }
   .tab-view-flex .row{width: 52%;}
   .roundbox{
    padding: 10px 3px 3px !important;
   }
   .businessDetails .tab-view-flex .row{
    height: 80px;
   }
   .businessDetails .tab-view-flex .row .noWrap{white-space: nowrap;}
}

@media screen and (max-width:1024px) and (max-height:768px){
    .esigncardTab {
        min-height: 150px !important;
    }
    .banslide .col-md-12{
        width: 80%;
        margin: 0 auto !important;
    }
    .tab-view-flex .row {
        width: 51%;
    }
}

/* sai responsive */