/*Desktop*/

.icici-main-container {font-family: 'zurich light';}
.icici-main-container ul{list-style: none;}
.icici-main-container a,.icici-main-container a:hover,.icici-main-container a:focus{text-decoration: none;color: inherit;}
.icici-main-container{    padding: 0px;
    float: left;
    width: 100%;
    z-index: 99;
    position: relative;}

.imgthumb{
position: inherit !important;
}
	
.jetp{margin-left: 2%;line-height: normal;}
	
.iciciloanslide.section-loan-formslider{max-width: 1000px;text-align: center;color: #fff;margin: 0 auto;font-family: 'zurich light', Arial,Helvetica,sans-serif;font-weight: 400;position: relative;background: #E4E8F1;overflow: hidden;border-radius: 7px;padding: 10px 10px;background: rgba(179,179,179,1);
background: -moz-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,179,179,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(179,179,179,1)));background: -webkit-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%);background: -o-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%);background: -ms-linear-gradient(top, rgba(179,179,179,1) 0%, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%);background: linear-gradient(to bottom, rgba(179,179,179,1) 0%, rgba(255,255,255,1) 50%, rgba(179,179,179,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#b3b3b3', GradientType=0 );}
.loan-emi-range-container {position: relative;max-width: 100%;background:url('images/creditcardbg.jpg');background-size: 100% 100%;min-height: 480px;float: left;width: 100%;padding: 0px 0px;}
h2.iciciloanslide-heading {    margin: 17px;
    text-align: center;
    color: white;
    font-size: 28px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 200;}
.white-overlay {float: left;width: 100%;}
.iciciloanslide:before{display: table; content: "";}
.iciciloanslide:after{content:"";clear: both; display: table;}
.annual-spend,.your-intrest{float: left; padding-left: 15px; padding-right: 15px;}
.annual-spend {width: 25%;}
.common{position: absolute;top:13px;}
.your-intrest {width: 100%;}
.annual-heading h3 {    text-align: center;
    color: black;
    margin: 15px 0px 24px 0px;
    font-size: 19px;
    font-weight: 200;}
.annual-rupee{padding: 0px;text-align:center;position: relative;}
ul.annual-rupee li a {display: inline-block;width: 100px;background: #033864;padding: 0px 6px 0px 6px;border-radius: 3px;color: white;font-weight: normal;height: 40px;line-height: 40px;font-size: 15px;position: relative; }
.icici-main-container ul.annual-rupee li a:hover {background: #E86710;color: #fff;}
.icici-main-container ul.annual-rupee li a:before {transition: all 0.5s ease-in-out;}
ul.annual-rupee li {margin: 20px 0;position: relative;     text-align: center;}
ul.annual-rupee li:nth-child(4):before {top: 26px;}
ul.annual-rupee li:nth-child(2):before{top: 20px;}
ul.annual-rupee li:nth-child(3):before{top: 20px;}
ul.annual-rupee li:nth-child(3):hover:before{top:10px;}
ul.annual-rupee li.active:nth-child(3):before{top:10px;}
ul.annual-rupee li:nth-child(4):hover:before {top: 11px;}
ul.annual-rupee li.active:nth-child(4):before {top: 11px;}
ul.annual-rupee li:nth-child(2):hover:before{top: 10px;}
ul.annual-rupee li.active:nth-child(2):before{top: 10px;}
.annual-rupee li.active a:before {}
.icici-main-container ul.annual-rupee li.active a {background: #E86710;color: #fff;}
ul.annual-rupee li.active:before {}
ul.your-intrest-tab li {display: inline-block;text-align: center;}
ul.your-intrest-tab li a {background: #033864;height: 40px;display: block;line-height: 40px;color: white;font-size: 15px;width: 136px;margin-right: 10px;border-radius: 5px;transition: all 0.5s ease-in-out;}
.tab-details {margin-top: 20px;text-align: left;color: gray;float: left;width: 100%;}
.tab-content {display: none;float: left;width: 100%;}
#tab-1 {display: block;}
.your-intrest-tab li.current a {position: relative;background-color: #94291D;z-index: 5;}
.card-details-main .card {float: left;margin-right: 20px;}
.card-details {overflow: hidden;     line-height: 0.8;}
.card-details p {font-size: 20px;text-align: left;color: #464141;}
ul.card-description {padding: 0;margin-top: 7px;height: 103px;}
ul.card-description li {margin-bottom: 9px;font-size: 15px;color: #616161;}
ul.card-description li span {color: black;float: left;width: 12px;height: 12px}
ul.card-description li p {font-size: 15px;}
a.apply {display: inline-block;height: 40px;background: #94291D;line-height: 40px;padding: 0px 23px;font-size: 15px;color: white;font-weight: bold;margin: 30px 0px 0px;}
.card-details-main {/* padding-left: 250px; */}
.card-details-main{display: none;padding: 0;width: 100%;}
#lifestyle15lacs,#motor15lac{display: block;}
#tab-2 #travel15lac{display: block;}
.card-details h3 {    font-size: 30px;
    text-align: left;
    color: black;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 200;}
.intrest-inner {float: left;width: 100%;}

.annual-spend{position: relative;margin-top: -141px;float: left;height: 355px;/* background: rgba(128, 128, 128, 0.1); *//* box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.6); */width: 21%;margin-right: 3%;}
.annual-inner {padding: 27px 0;border-radius: 6px;text-align: center;min-height: 222px;}
ul.annual-rupee li a {width: 100%;}
.annual-inner .annual-heading h3 {margin-top: 0;}
ul.card-description li p a {color: #94291d;}
ul.card-description li p a:hover {text-decoration: underline;}




@media (min-width: 1080px) {


}
@media (max-width: 1080px) {
h2.iciciloanslide-heading {font-size: 24px;}
h2.iciciloanslide-heading {    margin: 9px;
   }
   
.common {position: relative;width: 34%;top: 0;}
.your-intrest{padding:0 }
.annual-heading h3 {margin-bottom: 10px;margin: 7px 0px 24px 0px;}
ul {padding: 0;}
.iciciloanslide.section-loan-formslider {max-width: 90%;}
ul.annual-rupee li {margin: 14px 0;}
.card-details-main {padding: 0;}
.card-details-main .card {width: 35%;margin: 0;float: left;margin-right: 4%;margin-top: 13px;}
.card-details-main .card img {width: 100%;display: block;float: left;max-width: 100%;}
.card-details-main {width: 62%;float: left;margin: 0;}
.card-details-main .card-details{width: 60%;float: left;}
.card-details h3 {font-size: 20px;margin-bottom: 6px;}
.card-details p, ul.card-description li {font-size: 14px;}
.tab-details {border-top: 1px dashed #003a6a;padding-top: 10px;margin-top: 10px;}
ul.card-description li {margin-bottom: 4px;line-height: 20px;}
ul.card-description li p {font-size: 14px;line-height: 18px;}
.annual-spend.common {top: auto;margin: 0;padding: 0;width: 21%;height: 268px;margin-right: 5%;}
.annual-spend.common .annual-inner {padding: 0;min-height: 0;}
.card-details-main .card img {}
ul.card-description {height: 160px;}
.loan-emi-range-container{background: #033864; min-height: auto;}


}

@media (max-width: 768px) {

h2.iciciloanslide-heading {    margin: 2px;
   }
   
   .card-details h3 {

    margin-top: 4px;

}

.annual-spend.common {width: 100%;height: auto;}
.annual-spend.common .annual-inner ul.annual-rupee li {display: inline-block;width: 22%;font-size: 15px;margin: 2px 6px 8px 6px;}
.annual-spend.common .annual-inner ul.annual-rupee {font-size: 0;}
.card-details-main {width: 100%;}
.card-details-main .card {width: 28%;}
.card-details-main .card-detail {width: 50%;}
.card-details-main .card-details {width: 67%;}
.card-details-main .card-details ul.card-description {height: 66px;
    margin-top: -3px;}
.card-details-main .card-details ul.card-description li {line-height: 15px;}
.card-details-main .card-details ul.card-description li p {font-size: 13px;line-height: 13px;}

.annual-heading h3 {font-size: 18px;     margin: -4px 0px 0px 0px;}
.card-details h3 {font-size: 16px;}

.tab-details {
    padding-top: 0px;
    margin-top: -7px;
}

ul.your-intrest-tab li a {
    height: 25px;
    line-height: 24px; 
}

ul.annual-rupee li a {
    padding: 0px 0px 0px 0px;
    height: 22px;
    line-height: 22px;
}

.card-details {
    overflow: initial;
    line-height: 0.2;
}


}
@media (max-width: 640px) {

.card-details-main .card-details ul.card-description {height: 87px;}
.card-details-main .card-details ul.card-description li p{line-height: 11px;}

}
@media (max-width: 600px) {

.card-details-main .card {width: 100%;margin: -2px 0;}
.card-details-main .card img {max-width: 100px;margin: 5px auto;display: block;float: none;}
.card-details-main .card-details {width: 100%;}
.card-details-main .card-details ul.card-description {height: 107px;}
ul.your-intrest-tab li {width: 32%;overflow: hidden;height: auto;}
ul.your-intrest-tab li a {max-width: 100%;width: 100%;}
ul.your-intrest-tab li a {font-size: 10px;height: auto;line-height: 16px;}
.annual-spend.common .annual-inner ul.annual-rupee li {display: inline-block;width: 20.5%;margin: 4px;}
.annual-spend.common .annual-inner ul.annual-rupee li a {line-height: 16px;font-size: 10px;}
h2.iciciloanslide-heading {font-size: 16px;     margin: 4px;}
.annual-heading h3 {font-size: 13px;  margin: -9px 0px -9px 0px;}
.card-details h3 {font-size: 14px;}
.card-details-main .card-details ul.card-description {height: 70px;}
.card-details a.apply {margin: -2px auto;padding: 0;font-size: 12px;height: auto;line-height: 29px;width: 120px;text-align: center;float: none;display: block;border-radius: 5px; margin-top: 2.5em;}
.tab-details {
    padding-top: 2px;
    margin-top: -10px;
}


ul.annual-rupee li a {padding: 0px 0px 0px 0px;    height: 16px;}

.imgthumb {
    position: inherit !important;
    max-width: 100px !important;
    margin: 5px auto !important;
    display: block !important;
    float: none !important;
}

.card-details {
     overflow: inherit; 
    line-height: 0.2;
}

ul.card-description li {
    margin-bottom: -10px;
}

.loan-emi-range-container { 
    min-height: auto;
}



}