/* DIRTY Responsive pricing table CSS */

/* 
- make mobile switch sticky
*/
* {
  box-sizing:border-box;
  padding:0;
  margin:0;
  outline: 0;
}
article {
  width:90%;
  max-width:1000px;
  margin:/*0 auto*/50px;
  height:650px;
  position:relative;
}
.zainal ul {
  /*display:flex;*/
  display: none;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
.zainal li {
  list-style:none;
  flex:1;
}
.zainal li:last-child {
  border-right:1px solid #DDD;
}
.zainal li.active button {
  background:#F5F5F5;
  color:#000;
}
.zainal table { border-collapse:collapse; table-layout:fixed; width:100%;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }
.zainal td, th {
  height:10px
}
.zainal td,th { border:1px solid #DDD; padding:15px; empty-cells:show;display:table-cell !important; }
.zainal td,th { text-align:left; width: 300px;}/*lebar kolom pertama kebawah*/
.zainal td+td, th+th { text-align:center; display:none; width: 290px;}/*lebar kolom kepala dan kolom isi selain kolom pertama*/
.zainal td.default { display:table-cell;}
.bg-purple { border-top:3px solid #A32362;color: white;}
.td-senol {color: white;font-size: 17px;}
.bg-blue { border-top:3px solid #0097CF;}
.sep { background:#F5F5F5; font-weight:bold;color: red;}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:30px; color:white; }
.tick2 { font-size:30px;}
.hide {  border:0;  background:none;}
/*kolom koran cara baru*/
.badan{
  max-width: 100%;
  display: flex;
  padding-left: 70px;
  padding-top: 50px;
}
.newspaper {
  -webkit-column-count: 3;  /*Chrome, Safari, Opera */
    /*-moz-column-count: 3; /* Firefox */*/
    column-count: 3;
    -webkit-column-gap: 40px;  /*Chrome, Safari, Opera */
    /*-moz-column-gap: 40px; /* Firefox */*/
    column-gap: 40px;
    -webkit-column-rule: 2px solid blue;  /*Chrome, Safari, Opera */
    /*-moz-column-rule: 2px solid blue;  /*Firefox*/ */
    column-rule: 2px solid blue;
    /*background-color:black;*/
}
.newspaper p{
  text-align: justify;
  font-size: 16px;
  line-height: 28px;
  color: #585858;
  font-family: "Heebo", sans-serif;
  letter-spacing: .28px;
  font-weight: 400;
  max-width: 100%;
  /*color: white;*/
}
.badan .newspaper .single_title h3{
  font-size: 20px;
  padding-bottom: 5px;
  line-height: 25px;
  color: #3175e2;/*#121921;*/
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
/*end of kolom koran cara baru*/

/*style untuk kolom koran*/
.koran {
  padding-left: 60px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 30px;
  max-width: 100%;
}
.koran .single_title h3{
  font-size: 30px;
  padding-bottom: 5px;
  line-height: 62px;
  color: #3175e2;/*#121921;*/
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.column .single_title h2{
  font-size: 25px;
  line-height: 42px;
  color: yellow;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
.koran .column {
    float: left;
    width: 33.33%;
    padding: 10px;
    height: auto/*1000px*/; /* Should be removed. Only for demonstration */
    -moz-column-rule-style: solid;
    -moz-column-gap: 40px;
}
.koran p {
  text-align: justify;
  font-size: 16px;
  line-height: 28px;
  color: #585858;
  font-family: "Heebo", sans-serif;
  letter-spacing: .28px;
  font-weight: 400;
  max-width: 100%;
  color: white;
}
/* Clear floats after the columns */
.koran .row:after {
    content: "";
    display: table;
    clear: both;
}
/*end of kolom koran*/

/*tabel pendirian minimarket*/
.badanresponstable {
  padding-top: 10px;
  padding-left: 60px;
 /* width:100%;
  max-width:1000px;
  margin:auto;
  height:auto;
  position:relative;*/
}

.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 10px;
  border: 1px solid #167F92;
  font-size: 16px;
  line-height: 28px;
  color: #585858;
  font-family: "Heebo", sans-serif;
  letter-spacing: .28px;
  font-weight: 400;
  max-width: 100%;
}
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
  background-color: #EAF3F3;
}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #167F92;
  color: #FFF;
  padding: 1em;
}
.responstable th:first-child {
  display: table-cell;
  text-align: center;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  text-align: center;
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }
}
.responstable th, .responstable td {
  text-align: center;
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: 1em;
  }
}
/*end of tabel pendirian minimarket*/