@charset "utf-8";
/* CSS Document */

body{font-family:Roboto, Tahoma, Geneva, sans-serif;}
.m_off { width: 983px; margin: 0 auto; text-align: justify; clear: both;}
.off-main {width:100%;padding-bottom: 8px; padding-top: 20px; position:relative; float:left; }
.expired{position: absolute;top: 9px; background-color:#ffffff; right:0;}
.off-main h1{width:100%; color: #555555;font-family: Roboto;font-size: 22px;font-weight: normal; float:left; border-bottom:1px solid #555555;padding-bottom: 10px;}
.off-dt{width:100%; float:left;color: #555555; display:block;font-family: Roboto;font-size: 16px;padding-bottom: 8px; float:left;}
.off-dt strong{ color:#c10000; font-size:13px;}
.condi{width:100%; float:left;}
.condi p{color:#000000; font-size:14px; margin: 0px;}
.condi ul{margin-left:12px; font-size:12px; margin-top:7px;}
.code-cs {
    border: 2px dotted #147eca;
    color: #147eca;
    margin-left: 2%;
    width: 30%;
    margin: 0px;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    background: #fff;
    FONT-WEIGHT: BOLD;
}
.app-of{width:100%; float:left;}
.app-l{width:48%; float:left; margin-right:2%; text-align:center;}
.app-l span{width:200px; display:block; border:1px dashed #d52e02; height:40px; line-height:40px; color:#d52e02; font-size:17px;border-radius:4px; margin-top:10px;}
.ap-r a{float:right; height:40px; line-height:40px; background:#004387; color:#ffffff; text-decoration:none; border-radius:4px; padding:0 10px; font-size:14px;}
.ap-r a:hover{text-decoration:none; color:#ffffff;}
.app-r{width:48%; float:left; margin-left:2%; text-align:right;}
.apm{width:100%; float:left; text-align:right;}
.app-r table{float:left; width:100%; text-align:right; color:#000000; font-size:12px;}
.trm{width:100%; float:left;}
.fl-detn{width:100%; font-family:Roboto; font-size:13px; line-height:17px; float:left;}
.fl-detn h2{font-size:15px !important; color:#3399cc; float:left; width:100%; }
.fr-n{float:left; width:94%; margin-left:10px; }
.main-cn{width: 1200px;margin: 0 auto;padding: 10px 0% 0px 0%;}
.tble{width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.off-m{width:100%; float:left; margin-top:10px;}
.off-m p{font-size:20px; width:100%; float:left; position:relative; margin-bottom:10px;}
.off-m p:before{content: "";position: absolute;left: 0;bottom: 0;width:6%; border-bottom:2px solid #2c67b2; padding-top:3px;}
.off-m1{width:100%; float:left;}
.off-rr p{font-size:20px; width:100%; float:left; position:relative;}
.off-rr p:before{content: "";position: absolute;left: 0;bottom: 0;width:6%; border-bottom:2px solid #2c67b2; padding-top:3px;}
.off-l{width:100%; float:left; text-align:justify;}
.off-c{width:100%; float:left; text-align:justify; margin-top:10px;}
.off-r{width:100%; float:left;  text-align:justify; margin-top:10px;}
.off-ll{width:58%; float:left; margin-right:2%;}
.off-rr{width:38%; float:left; margin-left:2%;}
.off-rr-n{width:38%; float:left;}
.off-lln{width:50%; float:left; margin-right:2%;}
.off-rrn{width:46%; float:left; margin-left:2%;}
.off-rrn table{font-size:12px;}
.off-rn{width:38%; float:right; margin-left:2%;}
.off-m ul{margin-left:15px;}
.off-m ul li{font-size:12px; list-style:disc; float:left; width:100%;}
.off-rr ul{margin-left:15px;}
.off-rr ul li{font-size:11px; list-style:disc; float:left; width:100%;}
.bk-m{width:100%; float:left; margin:10px 0;}
.bk-main{width:100%; float:left;}
.bk-m2{width:50%; float:left; margin:10px 0;}
.bk-m-n{width: 40%; float: right; margin: 10px 0px;}
.bk-l{width:50%; float:left;}
.bk-l-n{width:100%; float:left;}
.bk-r{width:50%; float:left; text-align:right;}
.ol-l{width:40%; float:left; margin-right:2%;}
.ol-r{width:56%; float:left; margin-left:2%;}
.ol-r{font-size:12px;}
/*--Bank Offers--*/
.off-main1 {width:100%;padding-bottom: 8px; padding-top: 20px;}
.off-main1 h1{width:100%; color:#004387;font-family: Roboto;font-size: 24px;font-weight: normal; float:left;}
.off-bnk{width:100%; float:left; color:#004387; display:block;font-family: Roboto;font-size: 16px;padding-bottom: 8px; float:left; border-bottom:1px solid #004387;}
.bnk-m{width:100%; float:left;}
.bnk-l{width:61%; float:left;}
.bnk-r{width:35%; float:right;}
.ul-li {
    line-height: 25px;
    background-repeat: no-repeat;
   /* list-style-image: url(https://www.easemytrip.com/img/sbi-icon.png);*/
}
.sbi-table{width:100%; float:left; color:#333; font-size:13px;}
.sbi-table table {border:1px solid #03396f;}
.sbi-table table tr th{background:#004387; color:#fff;  text-align:center;}
.sbi-table table tr:nth-child(odd){background:#e8eaeb;}
.sbi-table table tr:nth-child(even){background:#ffffff;}
.new-lg{width:100%; border: 1px solid #ccc;}
.ofr-a{width:30%; float:left; border-right: 1px solid #ccc;}
.icn-a{width:100%; display:block;}
.icn-a img{width: 50%;display: block; margin: 0 auto;}
.par-a{width: 100%;display: block;text-align: center; font-size:15px; margin: 10px 0px;}

.ofr-b{width:30%; float:left;  margin-left: 5%;}
.icn-b{width:100%; display:block;}
.icn-n{width:100%; display:block;}
.icn-b img{width: 50%;display: block; margin: 0 auto;}
.icn-n img{width: 50%;display: block; margin: 2px auto;}
.par-b{width: 100%;display: block;text-align: center; font-size:15px; margin: 10px 0px;}

@media only screen and (min-width:120px) and (max-width:550px){
.off-main h1{font-size:16px; line-height:22px;}	
.off-main1 h1{font-size:16px; line-height:22px;}	
.off-dt{font-size:13px;}
.condi ul{font-size:13px;}
.main-con{float:none; margin:0 auto; width:96%;}
.bnk-l{width:100%;}
.bk-m2{width:100%; float:left; margin:10px 0;}
.bk-m-n{width: 100%; float: left; margin: 10px 0px;}
.bnk-r{width:100%; float:left; margin-top:15px;}
.off-bnk{font-size:14px;}	
.off-l{width:100%;}
.off-c{width:100%; margin-top:10px;}
.off-r{width:100%; margin-top:10px;}	
.off-rr-n{width:100%; margin-top:10px;}
.off-m1{width:100%; margin-top:10px;}
.off-m1 p{font-size:16px;}
.off-m p{font-size:16px;}
.bk-l{width:100%;}
.bk-r{width:100%;}
.off-ll{width:100%;}
.off-rr{width:100%;}
.bk-r{text-align:center; margin-top:10px;}
.off-rr{margin-top:10px;}
.ol-l{width:100%;}
.ol-r{width:100%; font-size:11px;}
.off-rn {
    width: 100%;
    float: left;
margin-left: 2%;}

.ofr-a{width:100%; border-bottom: 1px solid #ccc; padding: 10px 0px; border-right:none;}
.ofr-b{width:100%; padding: 10px 0px;}
.fl-detn{padding:0px 10px;}
}