* {
    box-sizing: border-box;
  }

  ::placeholder { 
    text-align: center;
    letter-spacing: 3px;
  }
  tekscil{
    font-size: 100%;
  }

  .clow {
      border: 1px solid;
      font-size: medium;
  }
  .clow1 {
    border: 1px solid;
    font-size: medium;
  }

  .clew {
      border:1px solid black;
      font-size: medium;
  }
  .bbdr{

    border-bottom: 1px solid;
  }
  .nowarp{
    white-space: nowrap;
  }
  .vertbl{
    overflow-x:auto ;
  }
  .prtytbl{
    background-color: rgb(117, 9, 9); 
    color: white;
  }

  .grid-ctr {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
    align-items: center;
  }
  
  .grid-call {
    padding: 5px;
    font-size: 23px;
    text-align: center;
  }

  .row1 {
    margin: 8px -16px;
  }

  .kbk {
    width: 100%;
  }
  
  /* Add padding BETWEEN each column */
  .row1,
  .row1 > .column1 {
    padding: 8px;
  }
  
  /* Create four equal columns that floats next to each other */
  .column1 {
    float: left;
    width: 50%;
  }
  
  /* Clear floats after rows */ 
  .row1:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Content */
  .content1 {
    background-color: white;
    padding: 10px;
  }

  .autotbl{
    width: 60%;

  }

  .lowtx{
    font-size: 60%;
  }

  .ctr{
    width: 100%;
  }

  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 992px) {
    .column1 {
      width: 50%;
      padding: 5px;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 768px) {
    .column1 {
      width: 100%;
    }

    .ovlow{
      overflow-x: auto;
    }

    .grid-call {
      padding: 5px;
      font-size: 16px;
      text-align: center;
    }

    .autotbl{
      width: 110%;

    }
    .ctr{
      height: 50px;
    }
    .kbk img {
      width: 210px;
    }
  }
/* -------------------------------------------------------------------------------------------------- */
  * {
    box-sizing: border-box;
  }

  .row2 {
    margin: 4px -8px;
  }
  
  /* Add padding BETWEEN each column */
  .row2,
  .row2 > .column2 {
    padding: 4px;
  }
  
  /* Create four equal columns that floats next to each other */
  .column2 {
    float: left;
    width: 50%;
  }
  
  /* Clear floats after rows */ 
  .row2:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Content */
  .content2 {
    background-color: white;
    padding: 5px;
  }
  
  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 992px) {
    .column2 {
      width: 50%;
      padding: 5px;
    }
  }
  
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 768px) {
    .column2 {
      width: 100%;
    }

  }