@media (max-width: 768px) {
  /* NAV */
  nav .sub-items ul::before,
  nav .sub-items ul::after {display: none;}
  nav .sub-items ul {
    top: 0;
    display: block;
    transform: none;
    position: relative;
  }
  nav .sub-items:hover ul {display: block;}

  /* HOME */
  #home #about::before,
  #home #about::after,
  #home #clients::before,
  #home #clients::after,
  #home #community::before,
  #home #community::after,
  #home #posts::before,
  #home #posts::after,
  #projects #items::before,
  #projects #items::after,
  #projects #form::before,
  #projects #form::after,
  #partner-detail #info::before,
  #partner-detail #info::after,
  #partner-detail #metrics::before,
  #partner-detail #metrics::after,
  #blog #featured::before,
  #blog #featured::after,
  #contact #contact::after,
  #case #featured::after {display: none;}

  #home #about .metrics::before,
  #benefits #metrics .metrics::before {
    top: 10%;
    left: 0;
    right: 0;
  }

  #home #clients .slick-list {padding-right: 1rem;}
  #home #clients .slick-arrows {
    left: 50%;
    margin-top: 1rem;
    position: relative;
    transform: translateX(-50%);
  }

  #home #partners .slick::before {left: 0;}
  #home #partners .slick::after {right: 0;}

  /* ABOUT */
  /*#about #banner,*/
  /*#soluction-detail #banner {*/
  /*  background-size: 100% 85%;*/
  /*}*/

  /* SOLUCTION */
  #soluction #banner {
    background-position: center top;
  }

  /* SOLUCTION DETAIL */
  #soluction-detail #process .slick-list {padding-right: 3rem;}
  #soluction-detail #process .slick-arrows {
    left: 50%;
    margin-top: 1rem;
    position: relative;
    transform: translateX(-50%);
  }
}