.convertor-form input[type="text"], 
 .convertor-form input[type="number"] {
     padding: 2px;
     vertical-align: middle;
 }
 
 .convertor-form {     
      color: #181a1c;
  }

 .convertor-main-table {
    direction: ltr;
    width: 100%; 
    max-width: 500px; 
    border-collapse:collapse; 
    border-width: 1px;
    border-style: solid; 
    border-color:#FECE1A; 
    background-color: #FECE1A;
    padding: 3px;   
    font-size: 89.47%;
 }
.convertor-inner-table {
    padding: 4px; 
    border: 0; 
    width: 90%;
    margin: 0 auto;
}
.convertor-inner-table td {
    vertical-align: bottom;
    text-align: center;
}

.convertor-input-result { 
    text-align: center;
    color: #ff0000;
}

 .convertor-table-head{
    border-bottom: 1px solid; 
    border-right-width: 1px;
    border-top-width: 1px; 
    border-left-width: 1px; 
    border-color: #FECE1A;
    text-align: center;
    grid-column-span: 3;
    background-color: #181a1c;
 }

 .convertor-table-head img {
     width: 80%;
     height: auto;
 }

 td { 
     padding-top: 5px;
     padding-bottom: 5px; 
     text-align: center;
 }

 .temp-type-line {
     vertical-align: middle; 
     border-bottom: #181a1c 1px solid; 
     border-top: #181a1c 1px solid;
     padding-top: 8px;
 }

 .convertor-select-type-catption {
     padding: 5px 0 15px 0; 
 }

  input[type="button"] {
     margin: 15px 0 5px 0;
 }

  .convertor-button-line { border-top: #181a1c 1px solid; }

  .convertor-last-type-row td { padding-bottom: 10px; }

  .read-only-input { background-color: #e5e5e5; }

 .side-by-side p { color: #fff; }

 .side-by-side i { color: #FECE1A; }

.side-by-side:not(:last-child) {
    padding-bottom: 10px;
}

/*-------------------------------------------*/
/* Media Queries */
/*-------------------------------------------*/

/* Small phones from: 768 to 1023px */
@media only screen and (max-width: 1023px) {    

    .col {
        display: block; float: none;
        width: 100%;  
    }

    .col.span-1-of-2.max-line-width { margin: 0 auto;}

    .convertor-main-table {margin: 0 auto;}

    .first-table {margin: 0 auto;}

    .table-col { margin-top: 40px; }

    .col i { margin-left: 9px;}

}

/* Small phones to small tablests from: 481 to 767 */
@media only screen and (max-width: 767px) {

    .table-col { margin-top: 20px; }

    td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .temp-type-line { padding-top: 6px;}

    .convertor-select-type-catption { padding: 3px 0 10px 0; }

    input[type="button"] { margin: 10px 0 3px 0; }

     .col i { margin-left: 7px;}
}


/* Small phones from: 0 to 480px */

@media only screen and (max-width: 480px) {
    td {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .temp-type-line { padding-top: 4px;}

    input[type="button"] { margin: 7px 0 2px 0; }

    .convertor-select-type-catption { padding: 3px 0 6px 0; }  
        
    .col i { margin-left: 5px;}

    .table-col { margin-top: 10px; }

}