@media (max-width: 1367px) {
  /* ***** INTRO SECTION ***** */
  .intro-section .intro img {
    width: 400px; }
  .intro-section .intro .title {
    margin-top: 10px;
    font-size: 18px;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); }
  .intro-section .intro .scroll {
    font-size: 12px; }
    .intro-section .intro .scroll img {
      width: 40px; }
  /* ***** WORKS SECTION ***** */
  .works-section .title {
    font-size: 20px;
    margin-bottom: 15px; }
  .works-section .work-item .work .info .name {
    font-size: 14px; }
  .works-section .work-item .info .category {
    font-size: 12px; }
  /* ***** LETTERS SECTION ***** */
  .letters-section {
    padding: 20px 10px; }
    .letters-section .title {
      font-size: 20px;
      margin-bottom: 15px; }
    .letters-section .swiper-slide .name {
      font-size: 14px; }
  /* ***** CONTACT SECTION ***** */
  .contact-section {
    padding: 30px 10px; }
    .contact-section .title {
      font-size: 20px; }
    .contact-section li {
      font-size: 16px; } }

@media (max-width: 769px) {
  body {
    background: none; }
  /* ***** WORKS SECTION ***** */
  .works-section .work-item .work .info .website {
    opacity: 1; }
  /* ***** LETTERS SECTION ***** */
  .swiper-button-prev, .swiper-button-next {
    display: none; } }

@media (max-width: 450px) {
  .custom-width {
    width: 100%; } }