.search_cert {
    text-align: center;
    
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.search_cert .cert_title {
    color:#124b9f;
    text-transform: uppercase;
}
.search_cert .cert_desc {
    color:#000;
}

.search_cert .box_search {
    display: table;
    margin: 4px; padding: 1px; box-sizing: border-box;
}
.search_cert .box_search{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.search_cert .box_search .input_div {
    
    width: 25%;
}
.search_cert .box_search .input_div input[type=text] {
    width:100%;
    border: 1px solid #1FA2FF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
 
}
   
.button_search {
    background-image: linear-gradient(to right, #1FA2FF 0%, #12D8FA  51%, #1FA2FF  100%);
   
    padding: 4px 15px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;            
    box-shadow: 0 0 20px #eee;
    
    
    font-size: 12px;
    border:1px solid #1FA2FF;
   
  }

  .button_search:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
  }
 .cert_resutl table  {
    border-collapse: collapse;
 }
 .cert_resutl table th{
    border: 1px solid #dfdfdf;
    padding: 10px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: none;
    letter-spacing : normal;
    color:#000;
 }

 .cert_resutl table td{
    border: 1px solid #dfdfdf;
    padding: 10px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
 }
.loadding_cert{
    display: none;
}
.loadding_cert.show{
    display: block;
}

p.text-error {
    color:red;
    font-size: 18px;
}

 @media (min-width: 768px){
    .cert_resutl table .th-mobile {
        display: none;
        
    }
 }

@media (max-width: 767px){
    .cert_resutl table .th-mobile {
        display: block;
        color: #000;
        font-weight: bold;
    }
    .cert_resutl table td {
        font: 13px / 20px Arial;
        color:#000;
    }
    .search_cert .box_search .input_div {
        width: 60%;
    }
    .cert_resutl table{
        border: solid 1px #dfdfdf;
    }
    .cert_resutl table thead {
        display: none;
    }
    .cert_resutl td {
        border: none !important;
        border-bottom: solid 1px #dfdfdf !important;
    }
    .cert_resutl table, .cert_resutl thead, .cert_resutl tbody, .cert_resutl tr, .cert_resutl th, .cert_resutl td {
        display: block;
        width: 100%;
    }
}