@media screen and (max-width:1365px) and (min-width:1200px){
    .top-menu li a,
    .top-menu li span{padding:6px 5px}
}
@media screen and (max-width:1366px){
    .logo > a {padding-top:8px;padding-bottom:8px}
    header{height:154px}
    .main-nav .nav-link {font-weight:500;font-size:12px;padding:8px!important}
}
@media screen and (min-width:1200px){
    .main-nav,
    .top-panel>ul{padding-left:0;padding-right:30px}
    .inner-card,
    .inner-card.processing_outer{padding:15px}
    .merit-card{padding:40px 0!important}
    .content-block,
    .finalize_table_outer,
    .department_blk{padding:30px!important}
}
@media screen and (max-width: 1299px) and (min-width: 1200px){
    #progressbar li{padding: 18px 22px}
    .main-nav .nav-link{padding: 8px 6px!important}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
    #progressbar li{font-size:14px;padding:12px 15px}
    #progressbar li.active::after{top:40px}
    #msform fieldset .form-card{padding:80px 60px}
    .intro-cont {padding-left:40px;padding-right:40px}
}
@media screen and (max-width: 1199px){
    .navbar {
        margin: 0 !important;
        position: absolute;
        width: 100%;
        left: 0;
        padding: 0;
        top: 100px;
    }
    #main-nav {
        margin: 10px 0px;
        position: absolute;
        width: 100%;
        background-color: #fff;
        left: 0;
        z-index: 2;
        top: 0px;
        margin-bottom: 0px;
        padding: 15px;
        margin-top: 0px;
        border-top: 1px solid #b6bebe;
    }
    .navbar-toggler {
        position: absolute;
        top: -50px;
        right: 15px;
    }
    .review-home-address{
        margin-top: 1.4rem;
    }
    .top-menu{
        background-color: #fff;
        top: 52px;
        padding: 15px 10px;
    }
    .top-menu li a{
        color: #000;
        font-size: 14px;
        font-weight: 500;
    }
}
@media screen and (max-width: 991px){
    .form-card .row .col-md-12 {
        overflow: auto;
    }
    #passGen {
        min-width: 210px;
    }
    .btn-default {
        font-size: 14px;
        text-align: center;
    }
    .tabpanel-wrap{
        position: static;
        overflow-x: hidden;
        overflow-y: hidden;
        width: 90%;
        margin-left: 5%;
    }
    #progressbar {
        margin-bottom: 30px;
        width: 100%;
        white-space: nowrap;
        overflow-x: hidden;
        overflow-y: scroll;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
    }
    #progressbar li{
        padding: 12px 14px;
        border-radius: 2px;
        margin: 0px;
    }
    .right-paddle{
        display: block;
    }
    .left-paddle{
        display: block;
    }
    #progressbar li.active::after{
        display: none;
    }
    .breadcrumb{
        padding: 25px 15px;
    }
    #msform fieldset .form-card{
        padding: 60px 40px;
    }
    .policy-para br {
        display: none;
    }
    .review-content-block ul li{
        margin-bottom: 8px;
        font-size: 16px;
    }
    .review-content-block ul li span{
        font-size: 16px;
    }
    .review-content-block ul li:last-child{
        margin-bottom: 8px;
    }
    .intro-main{
        background-size: cover;
    }
    .intro-img {
        background: url('../img/intro-img.png') no-repeat top center;
        background-size: cover;
        height: 250px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    .intro-img img{
        display: none;
    }
    .intro-cont{
        padding: 25px 20px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px){
    .top-panel a:not(.s-link){
        width: 63px;
        height: 28px;
        padding: 0px;
        font-weight: 500;
        font-size: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top-panel .list-inline{
        margin-bottom: 0px;
    }
    .top-panel a {
        border: 1px solid #d2d4d8;
    }
    .social .s-link{
        width: 25px;
        height: 30px;
        border: 0;
        border-radius: 0px;
    }
    .list-inline-item:not(:last-child){
        margin-right: 5px;
    }
    .logo > a{
        padding: 10px 15px 10px 15px;
    }
    .navbar{
        margin: 10px 0px;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px){
    .subj-sl{padding-left: 14px;padding-right: 0px;}
    .marks-obtain td.mandatory input:disabled{font-size: 14px;}
    .marks-obtain thead tr th{font-size: 14px;}
    .upload-photo-btn{margin-top: 12px;}
}
@media screen and (max-width: 767px){
    .radio-cont {
        font-size: 14px;
        padding-left: 20px;
    }
    .radio-checkmark {
        height: 16px;
        width: 16px;
    }
    .radio-cont .radio-checkmark:after {
        top: 50%;
        left: 50%;
        width: 10px;
        height: 10px;
        transform: translate(-50% , -50%);
    }
    .marks-obtain tbody tr td {
        font-size: 13px;
    }
    .special-training tbody tr td:last-child {
        width: 22.2%;
    }
    .marks-obtain {
        width: 560px;
    }
    .special-training tbody {
        overflow-x: hidden;
    }
    .logo > a{
        padding: 10px 0px 10px 15px;
    }
    .top-panel > ul{
        text-align: center;
    }
    .top-panel a:not(.s-link){
        width: 80px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .social .s-link{
        width: 30px;
        height: 30px;
        border: none;
    }
    .navbar-toggler{
        top: -70px;
    }
    .cta-btm{
        display: block !important;
    }
    .password-generator{
        margin-top: 15px;
    }
    .breadcrumb-wrapper{
        position: relative;
    }
    .step-next{
        margin-top: 20px;
    }
    .address [class*='col-']{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .marks-obtain thead tr th{
        min-width: 233px;
    }
    .extra-curricular thead tr th:first-child {
        width: 7%;
        min-width: 90px;
    }
    .extra-curricular thead tr th {
        width: 42.5%;
        min-width: 350px;
    }
    .extra-curricular thead tr th:last-child {
        width: 8%;
        min-width: 124px;
    }
    .college-selection thead tr th{
        width: 44.75%;
        min-width: 380px;
    }
    .college-selection thead tr th:first-child{
        width: 10.5%;
        min-width: 90px;
    }
    .gr-row{
        display: block !important;
    }
    .gr-as{
        margin-top: 10px;
    }
    .radio-group{
        margin-bottom: 20px;
    }
    .special-training thead tr th{
        width: 65%;
        min-width: auto;
    }
    .special-training thead tr th:first-child{
        width: 10.5%;
        min-width: 90px;
    }
    .special-training thead tr th:last-child {
        width: 24.5%;
        min-width: 245px;
    }
    .upload-doc .first{
        min-width: 90px;
    }
    .upload-doc .second{
        min-width: 316px;
    }
    .upload-doc .third{
        min-width: 316px;
    }
    .upload-doc .fourth{
        min-width: 157px;
    }
    .upload-doc .fifth{
        min-width: 122px;
    }
    .info-text-2{
        margin-top: 10px;
    }
    .upload-photo-btn{
        margin-top: 10px;
    }
    .photo-skip{
        top: 20px;
        right: 40px;
    }
    header{
        height: auto;
    }
    
    .fixed-top{
        position: relative;
    }
    .address .radio-group{
        margin-bottom: 0px;
    }
    p#uploaded-filename{
        top: 0;
        right: 0;
        margin: 10px 0;
    }
    .review-price-hld{
        margin-bottom: 1.4rem;
    }
    .top-panel{
        display: none;
    }
    .announcement span{
        display: none;
    }
    .recent-update .title{
        padding: 10px;
        flex: 0;
        max-width: inherit;
    }
    #progressbar{
        width: 96%;
        margin-left: 2%;
    }
    .right-checkbox{
        position: relative;
        top: 0;
        right: auto;
        margin-bottom: 20px;
    }

}
@media screen and (max-width: 767px) and (min-width: 576px){
    #msform fieldset .form-card {padding: 60px 25px}
    #mobile-menu{margin-top: 35px}
}
@media screen and (max-width: 575px){
    .photo-inner-div{height: auto;display: block !important;}
    .photo-details{padding-left: 0px;width: 100%;}
    h3.form-heading.mt-5 {margin-top: 20px !important;}
    .review-content-block div:first-child{display: block !important;}
    #mobile-menu{margin-top: 10px;margin-bottom: 10px;}
    .flex-top{display: block !important;text-align: center;}
    .logo > a{padding: 0px;margin: 10px 0px 0px 0px;}
    .top-menu{top: 96px;}
}
@media screen and (max-width: 520px){
    .logo-row{
        justify-content: center;
    }
    .logo > a{
        padding: 0;
    }
    .top-panel a:not(.s-link){
        width: auto;
        min-width: 40px;
        padding: 5px;
    }
    .top-panel a{
        border: 1px solid#e1dada;
    }
    .list-inline-item:not(:last-child){
        margin-right: 0px;
    }
    .header > .fixed-top{
        position: relative;
    }
    .navbar-toggler {
        top: -5px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }
    #main-nav{
        top: 88px;
    }
    #msform fieldset .form-card {
        padding: 50px 20px;
    }
    .form-heading{
        margin-bottom: 30px;
    }
    .save-draft{
        top: 14px;
        right: 20px;
    }
    .heading-checkbox{
        display: block !important;
    }
    .heading-checkbox div{
        margin-top: 15px;
    }
    .step-next {
        margin-top: 20px;
        display: block !important;
    }
    .step-next input{
        float: right;
        margin-top: 20px;
        margin-left: 0px !important;
    }
    .other-board .heading-checkbox{
        display: flex !important;
    }
    .btm-action {
        margin-top: 30px;
    }

}

@media screen and (max-width: 480px){
    .btn-default {
        height: 40px;
        font-size: 13px;
        width: 119px;
    }
    .Login_form_outer .form_outer {
        padding: 30px 15px;
    }
    .input-group-text{
        padding-left: 10px;
    }
    .input-otp{
        padding-right: 55px;
    }
    .change-otp{
        right: 93px;
        font-size: 12px;
        top: 21px;
    }
    .btn-otp{
        width: 90px;
    }
    .otp-text span{
        display: block;
        margin-top: 10px;
    }
    .btm-action{
        display: block !important;
    }
    .btm-action div:last-child{
        display: flex;
        justify-content: end;
        margin-top: 10px;
    }
    .change-email {
        top: 21px;
        right: 96px;
        font-size: 12px;
    }
    .form-heading{
        font-size: 20px;
    }
    .gr-row div:first-child{
        display: block !important;
    }
    .gr-row div:first-child label{
        left: -16px;
        top: 10px !important;
    }
    .gr-p{
        margin-left: 25px;
        margin-top: 7px;
    }
    .heading-checkbox div.px-2 {
        margin-top: 0px;
    }
    .introReg{
        margin-bottom: 15px;
    }

}
@media screen and (max-width: 400px){
    .photo-skip{position: relative;top: auto;left: auto;right: 0;margin-top: 10px}
    .pop-up .modal-content .modal-body{padding: 20px 10px}
    .modal-title{font-size: 20px}
    .introLog{margin-top: 15px}
    #mobile-menu{margin-bottom: 15px}
}