@media only screen and ( max-width:1440px){
    /*.onlinePaymentsWrap .clientNameId{margin: 10px 0}
    .onlinePaymentsWrap .request-details h2{margin: 0 0 10px;}
    .sub-head.sub-head2{margin-bottom: 15px;}
    .onlinePaymentsWrap .detailsWrap ul:first-child{margin-top: 0}
    .onlinePaymentsWrap .NetPremium span{font-size: 20px; margin-top:0px;}
    .onlinePaymentsWrap .NetPremium abbr{font-size: 26px; margin:4px 0 0;}
    .onlinePaymentsWrap .check-box{margin: 10px 0 0;}
    .onlinePaymentsWrap .payNow.adhar-wrapper .form-row button{margin: 20px 0 0;}*/
}

@media only screen and ( max-width:991px){
    .onlinePaymentsWrap .detailsWrap ul li{width: 100% !important; border: 1px solid #cdcdcd; border-bottom: none; padding:0px;}
    .onlinePaymentsWrap .detailsWrap ul li span, .onlinePaymentsWrap .detailsWrap ul li abbr{width: 50%; float: left; border: none !important; text-align: left; padding: 10px 30px;}
    .onlinePaymentsWrap .detailsWrap ul li span{border-right: 1px solid #cdcdcd !important;}
    .onlinePaymentsWrap .detailsWrap ul li:last-child{border-bottom: 1px solid #cdcdcd}
    .onlinePaymentsWrap .detailsWrap ul{margin: 0;}
    .onlinePaymentsWrap .detailsWrap ul.socondUl li:first-child{border-top: none;}
    .onlinePaymentsWrap .check-box{margin: 0 25px;}
}


@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:767px){
    .onlinePaymentsWrap.bgGreyWrap > div > div{width: 100%; padding: 0 15px;}
    .onlinePaymentsWrap.bgGreyWrap > div > div:last-child{padding: 0;}
    .onlinePaymentsWrap.bgGreyWrap > div > div:last-child button{margin:10px 0 0; width: 100%; padding: 16px 0px 16px 0px;}
    .onlinePaymentsWrap.bgGreyWrap > div > div:nth-child(2){margin: 6px 0 0;}
    .onlinePaymentsWrap .NetPremium span{float: left; display:inline-block; width:auto; font-size:18px;}
    .onlinePaymentsWrap .NetPremium abbr{float: right; display:inline-block; width:auto; font-size:18px;}
    .onlinePaymentsWrap .check-box{margin: 0;}
    .onlinePaymentsWrap.bgGreyWrap{padding: 20px 0 0; position: fixed; bottom: 0; left: 0; z-index: 1; margin: 0}
    .onlinePaymentsWrap.bgGreyWrap .container{padding: 0;}
    .onlinePaymentsWrap .adhar-wrapper .form-row button::after{right:40%; font-size: 26px; display: none}
    .onlinePaymentsWrap .adhar-wrapper .form-row button span{position: relative; display: inline-block;}
    .onlinePaymentsWrap .adhar-wrapper .form-row button span:after{content: "\f105"; font-family: 'FontAwesome'; font-size: 30px; position: absolute; top: 50%; transform: translateY(-52%); -webkit-transform: translateY(-52%); right:-30px;}
    .renewalFooter{margin-bottom: 140px;}
    .renewalHeader .right-side{padding-left: 0;}
}

@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; margin: 10px 0;}
    .sub-head ul.side-links{width: 200px; position: absolute; background-color:#034da2; 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);}
    .fcopy{margin: 10px 0}
    .onlinePaymentsWrap .adhar-wrapper .form-row button::after{font-size: 24px; position: absolute; top: 48%; right: -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;
    }
    .onlinePaymentsWrap .detailsWrap ul li span, .onlinePaymentsWrap .detailsWrap ul li abbr{padding: 10px;}
    .onlinePaymentsWrap .detailsWrap ul li span{font-size: 16px;}
     
     
    .onlinePaymentsWrap .desclaimerHeading{font-size: 16px; top: 20px;}

}

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

@media only screen and ( max-width:339px){
    .renewalHeader .right-side .dropArrow{font-size: 10px;}
}