/*big desktops*/
@media (min-width:1700px) {
    .loginbox {
    }

}

@media (min-width:1400px) and (max-width:1680px) {
 .loginbox {
    }

}
@media (min-width:1240px) and (max-width:1350px){
.inputb1{
margin-left:10px;
}
.inputb2{
margin-left:10px;
}
.inputb3{
margin-left:10px;
}
.button1{
margin-top:10px;
margin-left:20px;
}
.contentBanner{
}
}
@media (min-width:1024px) and (max-width:1239px){
.inputb1{
margin-left:64%;
}
.inputb2{
margin-left:64%;
}
.inputb3{
margin-left:64%;
}

.button1{
margin-top:23%;
margin-left:-50%;
}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.captcha1{
margin-left:200px;
margin-top:-30px;
}
.imgnew1{
margin-left:-10%;
width:42px;
margin-top:-10px;
height:39px;
}
.fer-refresh{
margin-left:185%;
}

.buttonmr{
width:100%;
}

.col-sm-13{
width:150%;
margin-left:-50%;
}
.mainhead1 {
text-align:center;
color: #004a8f;
margin-right:-1%;
}
}

@media (min-width:481px) and  (max-width:767px) and (orientation:landscape) {
.captcha1{
margin-left:250px;
margin-bottom:20px;
}

.inputbb{
display:flex;
}
.imgnew1{
margin-left:-10%;
width:6%;
}
.fer-refresh{
margin-left:-34%;
position:absolute;
margin-top:-4%;
}
.inputa1{
margin-left:0%;
}
.inputa2{
margin-top:0%;
width:100%;
}

.col-sm-13{
width:50%;
margin-left:0%;
}

.mainhead1 {
text-align:center;
color: #004a8f;
margin-left:40%;
}
.col-si-6{
display:block;
margin-left:-30%;
width:85%;
}
.col-si-7{
display:block;
width:70%;
margin-left:15%;
}
.hukum{
margin-left:50%;
}
}
@media all and (max-width:750px){
.imgnew1{margin-left:-20%;
width:6%;
}
}
@media (min-width:480px) and  (max-width:767px) and  (orientation:portrait) {
.captcha1{
margin:0 auto;
margin-bottom:20px;
}

.fer-refresh{
margin:0 auto;
margin-left:35%;
margin-top:-22%;
}
}
@media (max-width:480px) {
.inputbb{
display:flex;
margin:0 auto;
}
.captcha1{
margin:0 auto;
margin-bottom:20px;
}
.cap{
max-width:25%;
margin-left:-61%;

}
.input123{
margin-left:-26%;}
.imgnew1{
margin-left:-10%;
width:9%;
margin-top:-12px;
}
.fer-refresh{
margin-left:-25%;
position:absolute;
margin-top:-8%;
}
.inputa1{
margin-left:0%;
}
.inputa2{
margin-top:10%;
width:50%;
}
.inputa5{
width:50%;
}




.hukum{
margin-left:-1%;
}
.col-si-13{
display:block;
width:100%;

}
.col-si-24{
width:100%;
}
.col-si-25{
width:100%;
}
.buttonkr{
display:block;
width:100%;
margin-left:2%;

}
.col-si-22{
display:block;
width:90%;
margin-left:5%;
}
.col-si-21{
display:block;
width:85%;
margin-left:8%;
}
.col-si-6{
margin-left:-55%;
width:85%;
}
.col-si-7{
display:block;
width:100%;
margin-left:-1%;
}
.col-si-4{
display:block;
margin-left:20%;
}
.col-si-8{
display:block;
}
.col-si-5{
margin-left:-20%;
}
.col-si-9{
width:100%;

}
.mainhead1 {
text-align:center;
text-color: #004a8f;
margin-left:30%;
}

.buttonmr{
width:100%;
margin-left:-1%;
margin-right:1%;
}
.inputpa{

display:block;
text-align:center;
padding-right:60%;
}
.form-controlpi{
width:100%;
}
.col-sm-13{
width:75%;
margin-left:-85%;
}}
/*all desktops*/
@media (min-width:769px) {
    body {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .username {
        color: #004a8f;
    }

    .arrowUp {
        display: none !important;
    }

    /*major structure change*/
    .content-tabs>.row>.col-md-9, .content-tabs>.row>.col-md-3 {
        padding: 0;
    }

   

    .well {
        /* padding: 0 20px */
    }
}

/*all small devices*/

@media (max-width:1240px) {
         .inputa1 {
          margin-left:-1%;

}
.cap
{
max-width:25%;
margin-left:-61%;
}
.inputa2 {
margin-top:10%;
}
}
@media (max-width:1240px) {
    .loginSection .loginbox {
        position: absolute;
        width: 90% !important;
        left: 5%;
        right: 5%;
        top: 10%;
    }

    .loginSection .firstLogin a {
        display: inline-block;
        background: #ed1c24;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        width: 30%
    }

    .firstLogin {
        margin: 10px 0 -10px 0px;
    }

    .firstLoginText {
        padding: 160px 0 50px 0;
    }
	
	.card {
        padding: 10px 15px;
        width: 200px;
		min-width:100px;
    }

}

/*ipad - both*/
@media (min-width:768px) and (max-width:1024px) {
    .inputla {
        font-size: 15px;
    }
  .inputa1{
margin-left:55%;
}
.button1{
margin-top:23%;
margin-left:-50%;
}
.topmainhead{
margin-left: -17%;
}
.firstcontent{
margin-left: -11%;
}
.contentBanner{
/**top:85px;
left: 6%;**/
}
.quickreloaddiv{
min-width:79%;
}
.welcome-section{
margin-top: -386px;
margin-left: 146px;
}
.dashline {
margin-top: 30%;
}
}
/*ipad - landscape*/
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.fer-refresh{
position:absolute;
margin-left:82%;
margin-top:-16%;
}   
 .list-group .list-group-item br {
        display: none;
    }

    .loginbox {
        right: 2%;
        top: 10%;
    }

    .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
        width: auto !important;
    }

    .nav-stacked {
        display: block !important;
    }
   .welcome-section h3{
	text-align:left;
	margin-left:-3px; 
	}

}

/*ipad - portrait*/
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
     .navbar-toggle {
        display: block;
        margin-top: 12px
    }

    .eqbox {
        margin-bottom: 20px;
    }

    .banner-content {
        left: 8%;
    }

    .navbar-brand {
        padding-left: 15px;
    }

    .nav-tabs>li {
        display: inline-block;
        float: none;
    }

    .nav-pills>li {
        width: 30%;
        display: inline-block;
        vertical-align: top;
        margin: 0px 0 20px;
        margin-right: 4%;
    }

    .nav-stacked>li+li {
        margin-right: 4%;
    }

    .nav-pills>li:nth-child(3n+3) {
        margin-right: 0%;
    }

    .navbar-nav>li, .sidenav .nav.navbar-nav {
        float: none;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mobile-title {
        margin: 0 -24px;
    }

    .tabsholder {
        padding: 0px
    }

    .content-part {
        padding: 15px 0;
    }

    .contentbox .innercontent {
        padding: 10px 15px
    }

    .manageprofile {
        width: 100%;
        padding: 2px 10px 2px 30px
    }

}

/*all mobiles & small tabs*/
@media (max-width:767px), only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .navbar-header {
        float: none;
        text-align: center;
    }

    .loginbox {
    /**    position: relative;
        width: auto;
        right: 0;
        top: 0;
        padding-top: 20px;**/
    }
   
    .eqbox {
        margin-bottom: 20px;
        height: auto !important;
    }

    .navbar-brand {
        padding: 12px 15px;
        float: none;
        margin: 0 auto;
        display: inline-block;
    }

    .floating-card {
        max-width: 80%;
        padding-top: 80px;
    }
    .welcome-section {
   	margin-top: 40%;
	font-size: 9px; 
    }
    .welsub{
	margin-left: 3%;
     }
    .welcome-section p {
        font-size: 15px;
    }

    .banner-content {
        position: static;
        text-align: center;
    }

    .banner-section {
	 flex-direction: column;
         padding: 0 0 1px 0px;
    }

    .banner-content h2 {
        margin-bottom: 20px;
    }

    .banner-content p {
        display: none;
    }

    h2 {
        font-size: 22px;
    }

    .hr-button::before, .hr-button::after {
        display: none;
    }

    .versioninfo {
        margin-top: 15px;
    }

    .banner-section .red-btn {
        background: #fff;
        color: #004a8f;
        border-radius: 5px;
    }

    .navbar-default {
        /**position: absolute;
        width: 100%;
        z-index: 5;
        top: 0;
        left: 0;
        background: none;
        border: 0;
        border-bottom: 1px solid #4d94c4;**/
    }

    .navbar-brand>img {
        display: block;
        margin: 0 auto;
    }

    .arrowUp {
        display: block;
        position: absolute;
        top: -35px;
        z-index: 10;
        width: 60px;
        left: 50%;
        margin-left: -30px;
        display: block;
    }

    .stylish_form .red-btn {
        display: block;
        width: 50%;
        background-color: red;
        color: white;
        border-radius: 5px;

    }
    .welcomtext{
	width: 80%;
    }
   .ImageIndex {
        width: 15%;
	margin-right: 10px;
        height: 100%;
    }
    .prepaidTxt{
	font-size: 10px;
	
    }
    .textwelcome{
        font-size: 13px;
	margin-left: -26px;
    }
    .topmainhead{
	text-align:center;
    }
    .firstcontent{
	text-align:center;
	font-size: 14px;
     }
    .dashline{
    	margin-top: -2%;
        width: 95%;
        margin-left: 2%;
	margin-bottom: 4%;
     }
   .card-container{
        width: 95%;
        left: 3%;
    }
     #cardList{
         grid-template-columns:none;
    }
    .otpvirtBtnPos{
         left: 310px;
     }
    .quickreloaddiv {
        width: 97%;
        display: inline-flex;
        margin-left: 1.5%;
        height: 105px;
        padding: 2%;
    }
    .reloadcontent{
	font-size: 12px;
        color: white;
        font-family: HELVETICANEUE-LIGHT;
        letter-spacing: 1px;
        word-spacing: 1px;
        margin-top: 4px;
	margin-bottom: 1%;
    }
    .naqj{
	font-size: 14px;
        font-family: Helvetica-Neue-Bold;
    }
    .frstctntsub{
	margin-top: 0%;
        margin-left: 0%;
    } 
    #contentlists {
        font-size: 13px;
        display:block;
    }
    .expcards{
	border: 1px solid;
        color: #fff;
        font-size: 11px;
        font-family: 'Helvetica-Neue', arial;
        padding: 8px 15px;
        min-width: 120px;
        border-radius: 9px;    
    }
    .otpPopupLbl{
        margin-left: 6.6%
     }
     .navbar-default .navbar-nav.navbar-right li a {
        border-left: 0;
    }

    .navbar-default.bluebg {
        background: #00498e;
        position: fixed;
    }

    .navbar-default .navbar-toggle {
        margin: 14px 10px;
        border-color: #004a8f;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #01417a;
    }

    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
        color: #004a8f;
        background-color: transparent;
        box-shadow: none;
        border: 0;
        border-bottom: 4px solid #004a8f;
    }

    .mCSB_scrollTools .mCSB_draggerContainer {
        top: 7px;
    }

    .navbar-default {
        box-shadow: none;
        -webkit-box-shadow: none;
	margin-left: 0%;
    }

    .v_mobile {
        display: block;
    }

    .v_desc {
        display: none;
    }

    .nav-tabs>li>a {
        padding: 10px 25px;
        min-height: 70px;
    }

    .navbar-toggle {
        float: left;
        margin-left: 15px;
        position: absolute;
        left: 0;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .nav-tabs>li {
        display: inline-block;
        float: none;
        width: 47% !important;
        border-radius: 3px;
        vertical-align: top;
        margin: 0px 0 15px;
        box-shadow: 0px 2px 10px 0px #e4e4e4;
        -webkit-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -moz-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -ms-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -o-box-shadow: 0px 2px 10px 0px #e4e4e4;
        background: #fff;
    }

    .nav-tabs>li:nth-child(2n+2) {
        margin-left: 4%;
    }

    .nav-pills>li, .nav-stacked>li+li {
        width: 47%;
        display: inline-block;
        vertical-align: top;
        margin: 0px 0 15px;
    }

    .nav-pills>li:nth-child(2n+2) {
        margin-left: 4%;
    }

    .nav-pills>li>a {
        border-radius: 3px;
        padding: 15px;
        background: #fff;
        font-size: 13px;
        line-height: 18px;
        text-align: center;
        min-height: 108px;
        box-shadow: 0px 2px 10px 0px #e4e4e4;
        -webkit-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -moz-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -ms-box-shadow: 0px 2px 10px 0px #e4e4e4;
        -o-box-shadow: 0px 2px 10px 0px #e4e4e4;
    }

    .nav-pills>li.active::after, .nav-pills>li:hover::after {
        display: none;
    }

    .nav-pills>li>a>.icon {
        position: static;
        display: block;
        margin: 0 auto 10px;
    }

    .nav-stacked {
        background: none;
        margin-top: 15px;
        display: none;
    }

    .mobile-title {
        display: block;
    }

    .sidenav {
        width: 250px;
        height: 100%;
        max-height: none;
        position: fixed;
        z-index: 1;
        top: 0;
        left: -300px;
        display: block;
        background-color: #004b8f;
        color: #fff;
        overflow-x: hidden;
        transition: 0.7s ease;
        -ms-transition: 0.7s ease;
        -webkit-transition: 0.7s ease;
        -moz-transition: 0.7s ease;
        -o-transition: 0.7s ease;
    }

    .sidenav.opened {
        border-right: 1px solid #2f6699;
    }

    .closebtn {
        display: block;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 36px;
        padding: 0 10px;
        color: #fff;
        z-index: 10;
        text-decoration: none;
    }

    .sidenav .nav {
        padding: 20px;
    }

    .sidenav .nav.navbar-nav {
        margin: 0px;
        padding: 0px;
    }

    .sidenav .userinfo>li {
        padding: 5px 0;
        color: #fff;
        border: 0;
    }

    .navbar-default .sidenav .navbar-nav li {
        border: 1px solid #336ea5;
        border-width: 0 0 1px 0;
    }

    .navbar-default .sidenav .navbar-nav>.active>a, .navbar-default .sidenav .navbar-nav>.active>a:focus, .navbar-default .sidenav .navbar-nav>.active>a:hover {
        border: 1px solid #336ea5;
        border-width: 1px 0 0;
        color: #fff;
        background-color: #01417a;
    }

    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        border: 1px solid #336ea5;
        border-width: 1px 0 !important;
        color: #fff;
        background-color: #01417a;
    }

    .logout {
        position: fixed !important;
        top: 18px;
        right: 15px
    }

    .logout .icon.signout {
        background-position: -19px -171px;
        width: 22px;
        height: 22px;
    }

    .logout .txt {
        display: none;
    }

    .userinfo {
        margin-right: 0;
        float: none;
    }

    .innertabs .tab-content {
        display: block;
    }

    .navbar-nav>li>a .caret {
        border: 0;
        background: url(../images/plus-minus.png) no-repeat;
        background-position: center right;
        height: 12px;
        width: 12px;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-8px);
    }

    .navbar-nav>li.open>a .caret {
        background-position: center left;
    }

    .card {
        float: left;
        width: 160px;
        min-width: auto;
        padding: 10px;
        margin-right: 10px;
    }

    .card p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .card span, .card .expiry {
        font-size: 12px;
    }

    .card>img {
        height: 30px;
    }

    body {
        padding-top: 61px;
    }

    .navbar-default .sidenav .navbar-nav.extra {
        padding: 15px 0;
    }

    .navbar-default .sidenav .navbar-nav.extra li {
        border: 0;
    }

    .navbar-default .sidenav .navbar-nav.extra li a {
        padding: 5px 15px;
        font-size: 13px;
    }

    .wc_txt {
        display: none;
    }

    .userinfo>li>.icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        background: url(../images/mobile-menu.png) no-repeat;
        height: 25px;
        width: 25px;
    }

    .upperTabs {
        display: none;
    }

    .content-part {
        padding: 15px 0;
    }

    .content-tabs .tabsholder {
        background: none;
        box-shadow: none;
    }

    .upperTabs {
        padding: 15px 0 0 0;
    }

    .upperTabs.nav-tabs>li.active>a, .upperTabs.nav-tabs>li.active>a:focus, .upperTabs.nav-tabs>li.active>a:hover, .upperTabs.nav>li>a:focus, .upperTabs.nav>li>a:hover {
        border-bottom: 0;
        color: #555
    }

    .userinfo.v_mobile {
        display: none;
    }

    .tabsholder {
        padding: 0px
    }

    .accicons>li>a>.iconacc {
        position: static;
        display: block;
        margin: 0 auto 10px;
    }

    .content-part {
        padding: 10px 0;
    }

    .contentbox .innercontent {
        padding: 10px 10px
    }

    .padtb10 {
        padding: 10px 30px !important
    }

    .button {
        padding: 15px 30px
    }

    .manageprofile {
        width: 100%
    }

    .manageprofile .blue-btn {
        font-size: 12px;
        padding: 8px 10px;
        min-width: 60px
    }

    .select-style select {
        font-size: 14px
    }

    .subpagetab>li>a {
        border: 0;
        color: #666;
        font-family: 'Helvetica-Neue-Bold', arial;
        padding: 11px 10px;
        text-align: center;
        border-bottom: 3px solid #fff;
        float: left;
        display: inline-block;
        margin: 0px 10px;
    }

    .subpagetab>li.active>a {
        color: #004a8f;
        border: 0;
        border-bottom: 3px solid #004a8f;
        background: #fff;
    }

    .subpagetab.nav-tabs>li.active>a {
        color: #004a8f;
        border: 0;
        border-bottom: 3px solid #004a8f;
        background: #fff;
    }

    .subpagetab.nav-tabs>li.active>a:focus, .subpagetab.nav-tabs>li.active>a:hover, .subpagetab.nav>li>a:focus, subpagetab.nav>li>a:hover {
        color: #004a8f;
        border: 0;
        border-bottom: 3px solid #004a8f;
        background: #fff;
    }

    .manageprofile .collapse>button {
        margin-top: -43px;
        right: 15px;
    }

    .manageprofile h5 {
        font-size: 13px;
        padding: 2px 40px 2px 30px;
        line-height: 20px;
    }

    .nopadmob {
        padding: 10px 5px
    }

}

@media (max-width:768px) {
    .navbar-default {
        position: static !important;
        background: #fff;
	margin-left: 0%;
    }

    .thankBtn a {
        background: #004a8f !important;
        color: #fff;
        padding: 10px 40px;
        text-transform: uppercase;
        margin-bottom: 20px;
        display: inline-table;
        border-radius: 5px
    }

    .firstLoginText {
        padding: 35% 0 50px 0
    }

}

@media (max-width:767px) {
    body {
        padding-top: 0;
    }

    .card {
        z-index: 1;
    }

    .forgotid {
        margin-top: 0;
    }

    .forgotid h1 {
        text-align: left;
        font-size: 18px;
        color: #333333;
    }

    .forgotid .mart30 {
        margin-top: 20px;
    }

    .securityQue {
        font-size: 18px;
        color: #004a8f;
    }

    #successmsg .modal-body p {
        font-size: 16px;
    }
    /* 30-11-18 */
    .buttongr {
        margin: 20px 0px;
    }
    .contactDetails {
        padding: 20px 20px;
    }
    /* 111218 */
    .nav-tabs.upperTabs>li>a{
            min-height: 115px;margin-right: 0;
    }
    .upperTabs>li>a>.icon {
        background: url(../images/account.png) no-repeat;
        height: 40px;
        width: 74px;
        position: static;
        display: block;
        margin: 0 auto 10px;
    }
    .upperTabs .tab1 .icon {background-position: -0px 0px !important;}
    .upperTabs .tab2 .icon {background-position: -2px -197px !important;}
    .upperTabs .tab3 .icon {background-position: -185px 0px !important;}
    .upperTabs .tab4 .icon {background-position: -0px -64px !important;}
    .upperTabs .tab5 .icon {background-position: -185px -65px !important;}
    .upperTabs .tab6 .icon {background-position: -185px -137px !important;}
    .upperTabs .tab7 .icon {background-position: -185px -196px !important;}
    .upperTabs .tab8 .icon {background-position: -186px -261px !important;}
    .upperTabs .tab9 .icon {background-position: 4px -396px !important}
    .upperTabs .tab10 .icon {background-position: -188px -394px !important;}
    .upperTabs .tab1.tab1_1 .icon {background-position: 5px -325px !important;}
    .upperTabs .tab2.tab2_1 .icon {background-position: -176px -325px !important;}
    .account-banner{min-height: auto;}
}

/*mobile*/
@media (max-width:580px) {
    .expireSession .content {
        width: 100%;
        padding: 30px 15px;
    }
    .expireSession {
        padding: 40px 0;
    }

    #contactuspop .modal-dialog {
        width: 90%
    }

    .banner-section {
       background: url(../images/Login_BG.png) center top no-repeat; 
        background-size: cover;
    }

    .addNewTable td {
        width: 100%;
        display: block;
        vertical-align: middle
    }

    .addNewTable td h4 {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 10px;
        float: right;
        padding-right: 10px;
    }

    .button {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .changepin label {
        float: left;
        width: 50%;
    }

    .changepin .inlinea {
        float: left;
    }

    .changepin h3 {

        /*float:left;*/ font-size: 18px
    }

    .changepin .biglabel {
        width: 90% !important;
        clear: right
    }

    .padtb10 {
        padding: 10px 0px !important
    }

    .blockTable td {
        width: 100%;
        display: block;
        vertical-align: middle;
        padding: 10px 0px 10px 0px !important
    }

    .blockTable td h3 {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 10px;
        float: right;
        padding-right: 10px;
    }

    .blockTable td p {
        border: none;
    }

    #numpad {
        clear: both;
        margin-top: 15px
    }

    .nopadmob {
        padding: 10px 2px;
        font-size: 10px
    }

    #aadharsubmit {
        padding: 12px 2px;
        font-size: 10px
    }

    .manageprofile .blue-btn {
        font-size: 11px;
        padding: 5px
    }

    .manageprofile .collapse>button {
        margin-top: -40px;
    }

    .manageprofile .collapse .card-body input {
        padding: 22px 8px 19px 8px;
    }

    .locked {
        position: relative;
        right: 0;
        bottom: 0px;
        display: inline-block;
    }

    .tb_1 {
        min-width: auto;
    }

    .button-sm {
        padding: 15px 20px !important;
    }

    .empty-tag {
        display: none
    }

    .loginSection .loginbox {
        padding: 0
    }

    .loginSection .firstLogin a {
        background: #ed1c24;
        color: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        width: 70%;
    }

    .firstLogin a:first-child {
        margin-right: 0
    }

    .firstLoginText {
        padding: 75% 0 50px 0;
    }

    .firstLogin {
        margin: 0;
    }

    .accountsum-doc ul li:first-child {
        border-right: none;
        padding-right: 0px;
        padding-bottom: 10px
    }

    .accountsum-doc {
        padding: 20px 20px;
    }

    .accountsum-doc ul li:nth-child(2) {
        padding-left: 5px;
        padding-bottom: 10px;
    }

    .fundThank h1 {
        font-size: 30px
    }

    .fundThank p {
        font-size: 14px;
        padding-bottom: 10px;
    }

    .thankBtn a {
        font-size: 12px;
        padding: 10px 10px;
        margin-bottom: 10px;
    }

    /* 251018 */
    .trans-history-detail .transactionTable .button {
        display: block;
        max-width: 180px;
    }

    #exportTransHistory .modal-body p {
        margin-top: 20px;
        font-size: 15px;
    }

    #exportTransHistory .modal-body {
        padding: 20px 15px;
    }

    #export {
        margin-left: 0px;
    }

}

/*overides*/
.marb10 {
    margin-bottom: 10px;
}

.padt0 {
    padding-top: 0;
}

.pad0 {
    padding: 0 !important;
}

@media (max-width:420px) {
    h3 {
        font-size: 22px;
    }

    .button {
        padding: 15px 28px;
    }

    .mobbtn .button {
        padding: 12px 5px;
        /* font-size: 12px; */
    }

}

@media (max-width:360px) {
    .loginSection .loginbox {
        top: 16%
    }

    .firstLoginText {
        padding: 100% 0 50px 0;
    }

}

/**ODR**/

@media (max-width: 580px){
   #mydispute .modal-dialog{width: 96%}
}