* {
  box-sizing: border-box;
}
@font-face {
  font-family: dDinBold;
  src: url(../../../sites/default/files/inline-images/D-DIN-Bold.otf);
}

@font-face {
  font-family: dDin;
  src: url(../../../sites/default/files/inline-images/D-DIN.otf);
}

#myInput {
  background-repeat: no-repeat;
  width: 50%;
  font-size: 16px;
  padding: 12px 20px 12px 20px;
  border: 1px solid #dddddd;
  margin-bottom: 12px;
  margin-left:20px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.certification-table td {
 border:none;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: left;
 padding-left: 5px;
}
.certification-table th {
 border:none;
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: left;
 padding-left: 5px; 
 vertical-align: bottom; 
}

@media only screen and (max-width: 600px) {
.name_style {
padding-top:20px!important ;
font-weight:bold;
}
.date_style::before{
content: "Issued On: "!important;
font-weight:bold;
}
.issued_style::before {
content: " Issued By: "!important;
font-weight:bold;
}
.program_style::before {
content: "Program Type: "!important;
font-weight:bold;
}
.title_style::before {
content: "Program name: "!important;
font-weight:bold;
}
.preview_style {
border-bottom: 1px solid #dddddd !important;
width:100%;
}
.certification-table th {
display: none;
}
.certification-table {
border:none !important;
}
.certification-table td {
display:block;
}
.search_text {
display:none !important;
}