@media(max-width:500px){
    .application-form {
        padding: 20px 0px;
    }
    .apply-form{
        width: 100%;
        border-radius: 0px;
    }
    .responsive-wrap{
        flex-wrap: wrap;
        padding: 0px !important;
    }
    .resflex-wrap{
        padding: 0px !important;
    }
    #phase1 > div.col-lg-12.responsive-wrap > div:nth-child(2) > label:nth-child(2){
        padding: 0px 15px !important;
        margin: 0px !important;
    }
    #phase1 > div.col-lg-12.responsive-wrap > div:nth-child(2) > label:nth-child(3){
        padding: 0px 15px !important;
        margin: 0px !important;
    }
    .form-group{
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-bottom: .55rem !important;
    }
    .apply-form{
        padding: 30px 10px;
    }
    .progress-tab a{
        font-size: 15px;
    }
    .progresslist{
        width: 100%;
        margin: 0px auto 25px auto;
    }
    a.next-button{
        margin-right: 0px !important;
    }
    .button-block{
        right: 0px;
    }
    #phase2 > div:nth-child(1){
        display: block !important;
    }
    #resume-label > svg{
        width: 20px;
        height: 25px;
    }
    #resume-label p{
        font-size: 12px;
    }
    #marksheet-label > svg{
        width: 20px;
        height: 25px;
    }
    #marksheet-label p{
        font-size: 12px;
    }
    .pdf-preview, .pdf-preview1{
        padding: 20px 10px;
    }
    .file-added {
        width: 70% !important;
    }
    .width-so{
        width: 50% !important;
    }
    #phase3 .button-block{
        bottom: 5%;
    }
    .form-group-input{
        padding: 5px;
        border-radius: 5px;
    }
}