@media only screen and (max-width: 767px){
.responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr {
    display: block;
}
.responsive thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.responsive tr {
    
	margin-bottom:10px;
	
}
.responsive td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    min-height: 35px;
    padding-left:28%;
	width:100% !important;
    position: relative;
	text-align:left !important;
}
@media only screen and (max-width: 480px){  .responsive td {  padding-left:37%; }}
.responsive .image { margin:0;}
.responsive td:before {
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 6px;
    white-space: nowrap;
    width: 45%;
	color: #1f2224;
	padding-top:10px;
    font-size: 10px;
    font-weight: normal;
    padding-bottom: 32px;
    text-align: left;
	padding-top: 5px;
}
.responsive td:nth-of-type(1):before {
    content: "TOP";
	font-weight: 600;
}
.responsive td:nth-of-type(2):before {
    content: "BANQUE";
	font-weight: 600;
}
.responsive td:nth-of-type(3):before {
    content: "CARTE BANCAIRE*";
	font-weight: 600;
}
.responsive td:nth-of-type(4):before {
    content: "COUT ANNUEL*";
	font-weight: 600;
}
.responsive td:nth-of-type(5):before {
    content: "RETRAIT ESPECES*";
	font-weight: 600;
}
.responsive td:nth-of-type(6):before {
    content: "OFFRES SPECIALES";
	font-weight: 600;
}


}