#info_panel {
    margin: 0 0 0 20px;
    padding:20px;
}

.heading_title {
    text-align:center;
    font-size:32px;
    font-weight:bolder;
    color: white;
    margin: 10px auto;
    padding: 10px 20px;
    border-radius: 15px;
    border: 4px solid #47938f;
    box-shadow: 2px 3px 7px #aaa;
    background-color: #16A29B;
    width: max-content;
    display: block;
}

.heading_1 {
  text-align: center;
  font-size: 22px;
  font-weight: bolder;
  color: #ca6115;
}


.heading_2 {
  text-align: center;
  font-size: 18px;
  font-weight: bolder;
  color: #ca6115;
}

 .section_title {
    background: #ffb85f;
    padding: 0.2em 0.3em 0.2em;
    font-size: 30px;
    border-radius: 0.25em;
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px #b7b7b7;
    cursor: pointer;
}

  .section_title_result {
    background: #16a29b;
    padding: 0.2em 0.3em 0.2em;
    font-size: 30px;
    border-radius: 0.25em;
    width: 100%;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px #b7b7b7;
}

.section_title_result a {
    color:#ffffff;
}


.cat {
    margin: 20px;
    border-radius: 15px;
    padding: 10px;
    border: 4px solid #47938f;
}


.item {
    padding:20px;
}

.item_title {
    font-size:20px;
    font-weight:bolder;
}

.item li {
   margin:2px;
}

.row {
    height:20px;
}

#tb_title {
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

#reviewitem {
    border-collapse: collapse;
    margin: auto;
    position: relative;
    padding-bottom: 20px;
    width: 100%;
}

#reviewitem caption {
    font-weight: bold;
    font-size: 18px;
    padding: 5px;
}

.item_type {
    font-weight: bold;
    padding: 10px !important;
    background-color: #ffb85f;
    color: #ffffff;
}

.tdc1 {
    width:45px;
   text-align:center;
}

.tdh1 td {
    line-height: 38px;
}

.tdh2 td {
    line-height: 20px;
}


#reviewitem td {
    font-size: 15px;
    padding: 6px;
    border: solid 1px #748078;
}


.dtb {
    display: table;
    width: 800px;
    background-color: #ffffff;
    border: 2px solid #369a12;
    border-spacing: 5px;
    border-radius: 5px;
    box-shadow: 2px 3px 7px #aaa;
    margin: 10px;
}
.drw {
    display: table-row;
    background-color: #f3f3f3;
    width: auto;
}
.dcell {
    float: left;
    display: table-column;
    border: 1px solid #369a12;
    margin: 1px;
}

.hgt0 {
    height:34px;
    padding: 2px 6px;
    min-width: 164px;
}


.hgt1 {
    height: 100px;
    padding: 2px 6px;
    min-width: 164px;
}


.hgt2 {
    height: 200px;
    padding: 2px 6px;
    min-width: 164px;
}

.hgt3 {
    height: 60px;
    padding: 2px 6px;
    min-width: 164px;
}

.itemdesc {
    width:calc(100% - 170px);
}

@media only screen and (min-width: 651px) {
    #navigators ul li.first a {
        width: unset;
        background: unset;
    }
}

@media only screen and (max-width: 650px) {

    #main {
      margin-top: auto;
      height: calc(100vh - 40px);
    }

    .heading_title {
        margin: 20px;
        width: auto;
    }

    #info_panel {
       margin: -20px 0;
       padding: 0;
    }

    .section_title {
        width: 100%;
    }

    .cat {
        /*
        margin-left: -20px;
            */
    }

    .tdc1 {
        width:80px;
    }

    .dtb {
       width: calc(100% + 40px) !important;
        margin-left: -20px;
    }
    .hgt0 {
        height: 58px;
        min-width: unset;
        width: 110px !important;
    }
    .hgt1 {
        height:128px !important;
        min-width: unset;
        width: 110px !important;
    }
    .hgt2 {
        height:256px !important;
         min-width: unset;
        width: 110px !important;
    }
    .hgt3 {
        min-width: unset;
        width: 110px !important;
    }

    .itemdesc {
        width:calc(100% - 116px) !important;
    }
}