/* Tablet kecil (≥576px) */
@media (max-width: 576px) {
  /* Navigation */
  .menu .navbar-nav .nav-item .nav-link:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    font-size: 1.5rem;
    font-weight: 600;
    color: #000 !important;
  }
  .navbar-brand img {
    width: 100px !important;
  }

  /* Slider */
  .cover-background {
    height: 100% !important;
  }
  .slider-fade1 .owl-item {
    position: relative;
    height: 26vh !important;
  }
  .min-vh-100 {
    min-height: auto !important;
  }

  /* Welcome */
  .image-box {
    padding: 6px !important;
  }
  .sizeImgCoverMid {
    width: 144px !important;
    height: 209px !important;
  }
  .box-welcome-story-cover {
    padding: 10px 0px;
  }
  .imgNewStoryBig {
    height: 460px;
  }

  /* Download */
  .box-download-title h1 {
    font-size: 18px !important;
  }
  .box-download-logo img {
    width: 85px;
    height: 25px;
  }
  .box-download {
    min-height: 170px;
  }

  /* Heading */
  .section-heading {
    height: 250px;
  }
  h1 {
    font-size: 1.5rem;
  }
  /* Category */
  .box-stories-item-cover {
    position: relative;
    width: 80px;
    height: 150px;
  }
  .sizeImgCoverCategory {
    width: 80px !important;
    height: 120px !important;
  }
  .box-stories-item-content a h6 {
    font-size: 12px;
  }
  .box-vote {
    display: none;
  }
  .box-stories-item {
    min-height: 150px;
    max-height: 150px;
  }

  /* Stories */
  .section-stories {
    height: 535px;
  }
  .sizeImgCover {
    height: 130px;
  }
  .box-stories-cover,
  .box-stories-title {
    text-align: center;
  }
  .sizeImgCoverBig {
    width: 170px;
    height: 250px;
  }
  .stickerSmall {
    left: 29%;
  }
  .box-stories-title h1 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
  }
  .box-chapter-stories-item span {
    font-size: 10px !important;
  }
  .box-chapter-stories-item span.date {
    font-size: 8px !important;
  }
  .box-left-sinopsis p {
    font-size: 12px;
  }

  /* Chapter */
  #progressBarContainer {
    top: 65px !important;
  }
  #myDiv {
    top: 67px;
  }
  .box-mywork-header .title h6 {
    font-size: 12px;
  }
  .button-dark {
    font-size: 9px !important;
    padding: 6px 19px !important;
  }
  .box-chapter-title h2 {
    font-size: 16px;
  }
  .box-chapter-isi p {
    font-size: 12px !important;
  }
  .flex-column {
    /* flex-direction: column !important; */
    flex-direction: unset !important;
  }
  .box-chapter-title {
    margin-bottom: 30px;
    margin-top: 50px;
  }

  /* Create Stories */
  .box-form-content {
    padding: 30px 15px;
    margin-left: 0px;
    margin-top: 100px;
  }
  .box-mywork-header .title {
    display: none;
  }
  .box-chapter input[type="text"] {    
    font-size: 16px;    
  }
  .editable p{
    font-size: 12px !important;
  }

  /*My Stories */
  .button-dark-small {    
    padding: 5px 8px !important;    
  }
}

/* Tablet sedang (≥768px) */
@media (min-width: 768px) {
}

/* Laptop kecil (≥992px) */
@media (min-width: 992px) {
}

/* Laptop besar / Desktop (≥1200px) */
@media (min-width: 1200px) {
}

/* Monitor extra besar (≥1400px) */
@media (min-width: 1400px) {
}