/* general */
[class*=" col-"], [class^=col-] {
  padding: 0;
}
ul {
  margin-bottom: 0;
}
.bg-006FCF {
  background-color: #006FCF;
}

/* hero section */
#hero-section .grid {
  height: 100%;
  min-height: 300px;
}
@media (max-width: 1024px) {
#hero-section .card-img-bg{
background-size: 165%;
background-repeat: no-repeat;    
background-position: top left;;
}
#hero-section .container{
padding-top: 55%;
}
#hero-section{
background: #006FCF;
}
#hero-section .col-md-7{
width:0%;
max-width:0%;
}
#hero-section .col-md-5{
width:100%;
max-width:100%;
flex: 100%;
}
#hero-section .btn, .btn-primary, button {
    color: #006FCF;
    background: #fff;
	margin: 0 auto !important;
}
#hero-section .card-block{
    text-align: center !important;
}
#hero-section .button{padding-left:0px !important;    margin-bottom: .625rem!important;}
.col-md-4 .richtext p{text-align:center !important;}
}

@media (min-width: 1024px) {
#hero-section .col-md-5{padding-left:45px;}
}
@media (max-width: 768px) {
.table td, .table th, table td, table th{
padding: .5rem;
font-size: 11.8px;
 padding-left: 2px;
 padding-right: 2px;
  }
  table{padding:0px;}
  .col-md-4 .richtext p{text-align:center !important;}
  #hero-section .richtext{
padding-left: 1.25em !important;
} 
  
}
@media (max-width: 350px){
.table td, .table th, table td, table th{
font-size: 8.95px;
}
}
@media (max-width: 400px) and (min-width: 351px){
.table td, .table th, table td, table th{
font-size: 10px;
}
}
#hero-section .lang.en {
  background-image: url('/content/dam/amex/th/assets/en/campaigns/thai-platinum-credit-card/images/lang-en.png');
}
#hero-section .lang.th {
  background-image: url('/content/dam/amex/th/assets/en/campaigns/thai-platinum-credit-card/images/lang-th.png');
}
#hero-section .lang {
  display: inline-block;
  font-weight: 500;
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 15px;
  text-align: left;
  width: 55px;
}

/* cardface section */
#cardface-section .col-md-6:first-child {
  background-color: #006FCF;
}
#cardface-section .col-md-6 > div {
  height: 100%;
}
#cardface-section .col-md-6 > div > .image {
  display: table;
  height: 100%;
  width: 100%;
}
#cardface-section .col-md-6 > div > .image .card-block {
  display: table-cell;
  vertical-align: middle;
}
#cardface-section .col-md-6 > div > .image .card-block > img {
  max-width: 300px;
}

/* tab section */
.tabs[aria-current=mobile] .tab-menu {
  margin: 0 auto;
}
.tabs[aria-current=desktop] .tab-menu .form-control.desktop>.tab-link {
  max-width: 100%;
}
table th{
background-color:#DCDDDE;
color:#231F20;
font-family: sans-serif;
text-align: center;
font-weight:normal;
/*border: 2px solid #fff;*/
}
table td{
background-color:#EBEBEC;
color:#231F20;
font-family: sans-serif;
text-align: center;
/*border: 2px solid #fff;*/
}
.btn, button{max-width: 12.5rem !important;}