@media only screen and (max-width : 1139px) {
.cardproductdetails ul.cardproducts li { margin-left: 3% }
.passwordMain_col { width: 50%; }
.passwordMain .inputDiv input.btn-style { margin: 0; }
.filter-daterange { padding: 15px 15px 30px 15px; }
.filter-daterange .field input { width: 100px; }
.account-data .tabledata table th:first-child { width: inherit; }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.cardproductdetails ul.cardproducts li { width: :200px;
}
}
@media only screen and (max-width : 1023px) {
.bannertext { max-width: 312px; }
.bannertext p { font-size: 2.8em; }
.importantfeatures, .viewdemos { width: 100%; max-width: 100%; padding: 0 0 25px }
footer p { padding-left: 0 }
footer .tnc ul { padding-right: 0 }
.tabledata table tr th, .tabledata table tr td { padding: 15px 10px; font-size: 1.3em }
.cardproductdetails ul.cardproducts li:nth-child(4n+1) { margin-left: 3% }
.cardproductdetails ul.cardproducts li:nth-child(3n+1) { margin-left: 0 }
.cardproductdetails ul.cardproducts li { width: 30% }
.passwordMain .inputDiv { padding: 0 0 15px 0; }
.passwordMain .inputDiv input.dateInput { width: 161px; }
.passwordMain_twocol .inputDiv { width: 60%; }
.passwordMain_twocol label { width: 40%; }
.forgotAtmsubmit { margin: 0 0 0 40%; }
.update-profile .field .phone-no { width: 60%; }
.update-profile .field .phone-code { width: 30%; margin-right: 5px; }
.update-profile .field input { width: 92%; }
.cardInfo { padding: 18px; }
.passWordpolicy .passWordpolicyList li { min-height: 72px; }
.filter-daterange .radiobtn { padding: 0 0 20px 0; }
.specify-range { width: 100%; }
}
 @media only screen and (max-width : 767px) {
.nav ul li ul { width: 160px }
.nav ul li ul li, .nav .mainnav ul li ul li { padding: 5px 0 }
.nav .mainnav ul li ul { width: 250px }
.nav ul li ul li a, .nav .mainnav ul li ul li a { border: none }
.nav ul li a span.downarrow { margin: 3px 0 0 6px; }
.cardproductdetails ul.cardproducts li, .cardproductdetails ul.cardproducts li:nth-child(4n+1) { width: 32%; margin-left: 1.5%!important; margin-top: 1.5% }
.cardproductdetails ul.cardproducts, .cardproductdetails h3 { padding-left: 0; padding-bottom: 10px; display: block }
.cardproductdetails ul.cardproducts li:nth-child(3n+1) { margin-left: 0!important }
.tabledata table { border-top: 3px solid #ddd; border-left: 3px solid #ddd; border-bottom: 2px solid #ddd; }
.tabledata table thead { display: none; }
.update-profile table thead { display: block; }
.tabledata table td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; color: #353535; display: inline-block; width: 48%; margin-right: 2% }
.tabledata table tr th, .tabledata table tr td { display: block; text-align: left; border-right: 3px solid #ddd; }
.tabledata table tr { display: block; border-bottom: 3px solid #ddd; }
.lastvisit { padding-bottom: 15px }
.banner { padding-top: 25px; height: 600px; text-align: center; }
.banner img { float: none; margin: 0; }
.bannertext p { font-size: 2.6em; letter-spacing: 0px; transform: rotate(0deg); text-align: center; float: none; }
.bannertext { float: left; width: 100%; max-width: 100%; padding-bottom: 30px }
.loginbox { float: none; text-align: left; display: inline-block; }
.logobar { z-index: 2; position: relative; margin: 0 }
footer { padding: 2em 0 }
footer p, footer .tnc ul li { font-size: 1.3em }
.passWordpolicy .passWordpolicyList { padding: 0; }
.maincontent .heading { padding: 0; }
.maincontent .passWordpolicy h2 { padding: 8px 0; }
.passwordMain_lf, .passwordMain_rg { width: 100%; }
.passwordMain_col, .passwordMain_twocol { width: 100%; }
.update-profile table tr td:nth-child(1n), .update-profile table tr td:nth-child(2n), .update-profile table tr td:nth-child(3n), .update-profile table tr td:nth-child(4n) { width: 50%; float: left; }
.tabledata table tr { border: none; }
.update-profile table tr td { padding: 10px 5px 4px 5px; min-height: 70px; }
.update-profile .field { padding-bottom: 5px }
.cardInfo { width: 50%; }
.cardlock-submit { width: 100%; padding: 0; }
.cardLock-textarea { width: 100%; }
.filter-daterange { padding: 15px 0 30px 0; }
.filter-daterange .field { padding: 0; padding-right: 25px; }
.filter-daterange .field:last-child { padding-right: 0; }
.specify-range .radiobtn { width: auto; }
.contentareaPwchange { padding: 0px; }
.maincontent .passWordpolicy { margin: 0; }
.cardInfo ul li p a[rel="tel"] { display: block; }
.lightboxoverlay { top: 62%; position: absolute; }
}
@media only screen and (max-width : 639px) {
.nav { height: auto }
.nav .mainnav { width: 100%; float: left }
.nav .mainnav ul li, .nav .mainnav ul li ul { padding-left: 5px }
.cardproductdetails ul.cardproducts li, .cardproductdetails ul.cardproducts li:nth-child(4n+1), .cardproductdetails ul.cardproducts li:nth-child(3n+1) { width: 48%; margin-left: 2%!important; margin-top: 2% }
.cardproductdetails ul.cardproducts li:nth-child(2n+1) { margin-left: 0!important }
/*.cardproductdetails ul.cardproducts li { margin-top: 20px; margin-left: 4%}
    .cardproductdetails ul.cardproducts li:nth-child(4n+1), .cardproductdetails ul.cardproducts li:nth-child(3n+1) { margin-left: 4%}
     .cardproductdetails ul.cardproducts li:nth-child(2n+1) { margin-left:0}*/
.bannertext h2 { font-size: 2.8em }
.bannertext img { float: none; margin: 0; }
.banner { height: 560px; }
.bannertext p { font-size: 1.8em; float: none; }
footer p { width: 100% }
footer .tnc { width: 100%; float: left; padding-top: 15px; text-align: left }
footer .tnc ul { float: left; text-align: left }
footer .tnc ul li a { padding: 0 8px }
footer .tnc ul li:first-child a { padding-left: 0 }
.videothumbs .videothumb a.linktext span.text { padding: 8px 5px; font-size: 1.2em; }
.videothumbs .videothumb a.linktext span.icon { margin: 11px 0 0 8px; }
.contentareaPwchange { padding: 0; }
.passwordMain label { width: 40%; }
.passwordMain .inputDiv { width: 60%; padding: 0 0 15px 0; }
.passwordMain .inputDiv input { width: 80%; }
.passWordpolicy .passWordpolicyList, .passWordpolicy .passWordpolicyList li { width: 100%; padding: 7px 0 20px 40px; min-height: inherit; }
.forgotAtmsubmit { margin: 0 0 0 40%; }
.passwordMain .forgotAtmsubmit input.btn-style { margin: 0; }
.passwordMain .inputDiv input.dateInput { width: 67%; }
.selectWrap { width: 37%; }
.yearDropmargin { margin: 0 0 0 20px; }
.update-profile table tr th, .update-profile table tr td { padding: 10px 5px 4px 5px; }
.inner-wrap-cardlock { padding: 0; }
.cardDet-cardlock, .cardInfo { width: 50%; }
.cardDet-cardlock, .cardInfo { width: 100%; padding: 10px; }
.cardDet-cardlock { position: relative; }
.cardDet-cardlock p { padding: 0 0 0 70px }
.filter-daterange { padding: 15px 0 30px 0; }
.filter-daterange .radiobtn { width: 100%; padding: 0 0 20px 0; }
.filter-daterange .field { padding: 0; padding-right: 30px; }
.filter-daterange .field:last-child { padding-right: 0; }
.maincontent .passWordpolicy { margin: 0; }
}
 @media only screen and (min-width : 320px) and (max-width : 479px) {
.nav .mainnav li a { display: inline; padding: 5px 5px 3px 35px; float: left; }
.nav .mainnav ul li a.accounts { width: auto }
.nav .mainnav ul li.hover a { font-family: Lato,sans-serif; font-size: 1em; display: inline; padding: 5px 5px 3px 35px }
.nav ul li ul { top: 49px }
.nav .mainnav ul li.hover a span.downarrow { margin-top: 5px }
.nav .profile ul li a { padding-right: 6px }
.nav .mainnav ul li.hover ul li a { font-family: Lato,sans-serif; padding: 1px 10px 1px 25px; }
.nav .mainnav ul li.personaize ul { right: 0; left: auto }
.cardproductdetails ul.cardproducts li .inner { max-width: 210px }
.cardproductdetails h3 { font-size: 1.4em }
.cardproductdetails ul.cardproducts li, .cardproductdetails ul.cardproducts li:nth-child(4n+1), .cardproductdetails ul.cardproducts li:nth-child(3n+1), .cardproductdetails ul.cardproducts li:nth-child(2n+1) { width: 100%; max-width: 210px; margin: 20px auto 0!important; float: none }
.tabledata table td:before { display: block; width: 100%; padding-bottom: 5px; margin: 0 }
.tabledata table tr th, .tabledata table tr td { padding: 10px }
.lastvisit span.time { padding: 5px 0 0 }
.maincontent .heading span.tildate { padding: 0 0 14px; float: left; width: 100%; }
.maincontent .heading { padding: 0 }
.maincontent .heading h2 { padding-left: 0 }
.lastvisit { text-align: left; padding: 20px 0 }
.videothumbs { text-align: center; }
.videothumbs .videothumb { width: 100%; float: none; display: inline-block; text-align: left; max-width: 200px; margin: 0 0 25px }
.videothumbs .videothumb a.linktext span.text { padding: 10px; }
.videothumbs .videothumb a.linktext span.icon { margin: 13px 0 0 16px; }
.loginbox { padding: 20px 10px }
.logobar h1 { font-size: 1.2em; padding: 0.4em 0 0 }
.logobar img { width: 160px; height: auto }
.logobar { padding: 2em 0 1.8em }
.passwordMain label { font-size: 1.3em; }
.passwordMain .inputDiv input { width: 100%; font-size: 1.3em; }
.passWordpolicy .passWordpolicyList { padding: 0; }
.passwordMain .inputDiv input.dateInput { width: 80%; }
.yearDropmargin { margin: 15px 0 0 0; }
.selectWrap { width: 100%; }
.update-profile table tr td p span { font-size: 0.9em; }
.update-profile table tr th, .update-profile table tr td { padding: 5px; }
.update-profile table tr td:nth-child(1n), .update-profile table tr td:nth-child(2n), .update-profile table tr td:nth-child(3n), .update-profile table tr td:nth-child(4n) { width: 100%; float: left; }
.update-profile table tr td { min-height: auto; }
.filter-daterange .radiobtn { width: 100%; padding: 0 0 20px 0; }
.filter-daterange .field { padding: 0 0 20px 0; }
.filter-daterange .field label { width: 70px; display: inline-block; }
.filter-daterange .field:last-child { padding: 0 0 0 0; }
.btn-style { margin-left: 0; }
.maincontent .passWordpolicy { padding: 15px; margin: 0; }
.nav .mainnav ul li, .nav .mainnav ul li ul { padding-left: 0; }
.top-heading { padding-bottom: 20px; }
.maincontent .passWordpolicy { padding: 14px; }
.lightboxoverlay { top: 50%; position: fixed; }
.row1 input.abc { margin-bottom: 15px }
.relogging {width:230px;}
.ui-keyboard {left:9px!important;}
}