@media (max-width: 768px){
     .other-option-label {clear: both;}
}
@media (min-width: 768px){
     .other-option {grid-template-columns: 4fr 1fr;}
     .other-option .ul-container {
          display: grid;
          justify-content:flex-start;
          align-content:center;
     }
}
.other-option-label {
     font-weight: bold;
}
.other-option {
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px solid #ebebeb;
     grid-gap:10px;
}
.other-option li  {
     float: left;
     margin-right: 10px;
     font-size:13px;
}
.other-option a {
     color: #333;
     text-decoration: underline;
}
.other-option a:hover {color: #13b9d0;}

.judul-short {text-transform: capitalize;}

#short {
     padding: 10px;
     border: none;
     background: #f9f9f9;
}

.kategori-menu li {
     display: inline;
     margin-right: 10px;
     color: #C4C3C6;
}
.kategori-menu strong {
     color: #333;
}
.kategori-menu a {
     color: #C4C3C6;
     font-size: 16px;

}
.kategori-menu a:hover {color: #333;}