@media only screen and ( max-width:768px) {
    .sub-head li a{font-size: 12px;}
    .sub-head ul.main-links li {
        margin-right: 10px;
        padding-right: 10px;
    }
}

@media only screen and ( max-width:670px) {
    .personal-details > div{display: inline-block; width: 100%; text-align: left;}
    .personal-details ul{display: inline-block; width: 100%;}
    .personal-details li{display: inline-block; width: 23%; margin-bottom: 15px; vertical-align: top;}
    .personal-details li:last-child{display: inline-block; width: 100%;  margin-bottom: 0px;}
    .personal-details h3{font-size: 16px; margin-bottom: 10px;}
    .adhar-wrapper .form-row button{padding: 15px 30px; font-size: 16px;}
    .sub-head ul.side-links{width: 200px; position: absolute; background-color:#98272A; right: 0px; z-index: 9; top:100%; display: none;}
    .ham-menu{float: right; display: block; cursor: pointer;}
    .sub-head ul.side-links li{padding: 10px; border-left: 0px; box-sizing: border-box; width: 100%; display: block; margin-left: 0px; text-align: left;}
    .sub-head .right-side2{width: 30px;}
    .sub-head .left-side2{width: calc(100% - 30px);}
}

@media only screen and ( max-width:540px) {
    .steps li{width: auto; margin-right: 30px; font-size: 14px; padding-bottom: 10px;}
    .steps, .request-details{margin-bottom: 25px;}
    .request-details{padding-bottom: 25px;}
    .desclaimer{margin-top: 25px;}
    .request-details h2, .personal-details h2{font-size: 16px; margin-bottom: 20px;}
    .request-no{margin-top: 20px;}
    .personal-details h3{font-size: 14px; margin-bottom: 10px;}
    .personal-details{font-size: 13px; margin-bottom: 25px; padding-bottom: 25px;}
    .card-type{margin-bottom: 20px;}
    .card-type li{font-size: 16px; }
    .card-type li:first-child{margin-right: 20px; padding-right: 20px;}
    .card-type li label{padding: 0px 0px 0px 25px;}
    .card-type li label::before{height: 20px; width: 20px; }
    .card-type li label::after{top: 6px; left: 6px; height: 8px; width: 8px;}
    .adhar-wrapper .form-row label{font-size: 13px;}
    .right-side{margin-top: 0px;}
    .sub-head ul.main-links li {
        margin-right: 6px;
        padding-right: 6px;
    }
    

}

@media only screen and ( max-width:400px) {
    .card-type li label{font-size: 12px;}
}