@media (max-width: 1360px){

  /* single */
  #cover { padding: 0px 20px; }
  #single { padding: 0px 20px; }

}

@media (max-width: 1260px){

  /* header */
  .header span.logo img { width: 80px; }
  .header nav,
  .header .right { display: none; }
  span.toggle-menu { display: block; }

  /* feature */
  #feature section { grid-template-columns: 1fr; }
  #feature section article:nth-of-type(2),
  #feature section article:nth-of-type(3) { display: none; }

}

@media (max-width: 1060px){

  /* lastest */
  #lastest section { grid-template-columns: repeat(4, 1fr); }

  /* single */
  #cover h1 { width: 100%; }
  #single { flex-direction: column; }
  #single section { width: 100%; }
  #single aside { display: none; }
  #next figcaption { width: 100%; padding: 0px 20px; }
  #next figcaption h2 { font-size: 24px; line-height: 1; }

}

@media (max-width: 800px){

  /* global */
  body { font-size: 13px; }

  /* feature */
  #feature section article:first-of-type { height: 50vh; }
  #feature section article:first-of-type h1 { font-size: 24px; }

  /* lastest */
  #lastest section { grid-template-columns: repeat(3, 1fr); }

}

@media (max-width: 620px){

  /* global */
  html, body { overflow-x: hidden; }

  /* lastest */
  #lastest section { grid-template-columns: repeat(2, 1fr); }

  /* reviews */
  #reviews section { padding: 0px 20px; }
  #reviews section article { height: 360px; margin: 0px 10px; }
  #reviews section article figcaption h2 { font-size: 16px; }

  /* categories */
  body.search-results, body.category { margin-top: 100px; }
  body.search-results #lastest header h6, body.category #lastest header h6 { font-size: 36px; }
  #lastest section article h2 { font-size: 16px; }

  /* single */
  #cover h1 { font-size: 30px; line-height: 1.1; }
  #cover figure { height: auto; }
  #cover figure img { height: auto; object-fit: none; }
  #single section { padding: 20px; }
  #single section p { font-size: 15px; }

}

@media (max-width: 500px){

  /* feature */
  #feature section article:first-of-type { height: 35vh; }
  #feature section article figcaption { padding: 30px; }

  /* lastest */
  #lastest section { grid-template-columns: 1fr; }

}