/* sm  */
@media (min-width: 576px) { 
  .wrapper-faqs { padding: 40px; }
  .wrapper-instroduce { padding: 40px 15px 40px 15px; }
  .section { padding: 40px 0; }
  #breadcrumbs .item a,
  #breadcrumbs .item span { font-size: 1.8rem; }
}

/* md */
@media (min-width: 768px) {  
  .title-block { font-size: 3.2rem; }

  .title-website h1.text { font-size: 3.7rem; }
  .title-website h2.text { font-size: 3.2rem; }

  .btn.add-to-wishlist,
  .btn.remove-from-wishlist {
    width: 45px;
    height: 45px;
    font-size: 2rem;
  }

  .btn-action img {
    width: 30px;
    height: auto;
  }

  #btn-action-fixed .dropdown-toc { width: 600px; }

  .coloring .title-coloring span { font-size: 1.7rem; }

  #btn-action-fixed .dropdown-toc #ez-toc-container nav { max-height: 700px; }

  .mutiple-languge { padding: 15px; }
  .icon-box-lang { margin-bottom: 15px; }

  .content-coloring h2 { font-size: 2.8rem; }
  .content-coloring h3 { font-size: 1.8rem; }

  #back-to-top {
    width: 35px;
    height: 35px;
    bottom: 10%;
  }
}

/* lg */
@media (min-width: 992px) {  
  .title-website h1.text { font-size: 4rem; }
  .title-website h2.text { font-size: 3.5rem; }

  .title-block { font-size: 3.5rem; }

  .pt-lg-40 { padding-top: 40px; }
  .pb-lg-40 { padding-bottom: 40px; }

  .wrapper-brc { background: transparent; }
  #breadcrumbs { height: auto; }
  #breadcrumbs .list { position: unset; }

  .shadow-lg-none { box-shadow: none !important; }

  .btn-action img {
    width: 35px;
    height: auto;
  }

  .coloring .title-coloring span { font-size: 1.8rem; }

  .table-of-content-wrapper { width: 75%; }

  #btn-action-fixed { bottom: 12%; }
  #btn-action-fixed .dropdown-toc #ez-toc-container nav { max-height: 800px; }

  .mutiple-languge { padding: 40px; }
  .icon-box-lang { margin-bottom: 30px; }

  .content-coloring h2 { font-size: 3rem; }
  .content-coloring h3 { font-size: 2rem; }

  #back-to-top {
    bottom: 20px;
    width: 40px;
    height: 40px;
  }
  #back-to-top.show { right: 10px; }

  .wrapper-instroduce p { padding: 0 60px; }
}

/* xl */
@media (min-width: 1200px) {  
  
}

/* xxl */
@media (min-width: 1400px) { 
  
}