@media (max-width: 1200px) { .about-me .say { width: 100%; height: auto; margin: 30px auto; padding: 10px; border: 3px dashed #393C3E; }
  .about-me .say:before, .about-me .say:after { display: none; }
  .about-me .say p { font-size: 14px; } }
@media (max-width: 992px) { .demo .flex-wrap .flex-item { width: 24%; margin: 0 .5% 10px; } }
@media (max-width: 768px) { .show-box { width: 90%; }
  .show-box h1 { font-size: 32px; font-family: hyllh; }
  .show-box h3 { font-size: 18px; }
  .show-box p { font-size: 14px; }
  .nav { min-width: 320px; }
  .nav .navmove { display: none; }
  .nav .menu-btn { display: block; }
  .nav .menu { display: none; position: absolute; top: 50px; left: 0; z-index: -1; width: 100%; background: rgba(57, 60, 62, 0.8); }
  .nav .menu li { width: 100%; height: 50px; border-bottom: 1px dashed #fff; }
  .nav .menu li:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; -webkit-transition: all 1s; transition: all 1s; }
  .nav .menu li:nth-of-type(odd):before { background-color: rgba(21, 140, 204, 0.3); }
  .nav .menu li:nth-of-type(even):before { background-color: rgba(255, 255, 255, 0.3); }
  .nav .menu li:hover:before { height: 100%; }
  .nav .menu li:last-of-type { border-bottom: none; }
  .nav .menu li span { position: relative; z-index: 2; }
  .headline { padding-top: 40px; padding-bottom: 40px; }
  .about-me { padding-bottom: 30px; }
  .about-me .flex-wrap .flex-item { width: 50%; margin-bottom: 10px; }
  .about-me .flex-wrap .flex-item .info { margin-top: 10px; }
  .about-me .say p { font-size: 12px; }
  .skill { padding-bottom: 30px; }
  .skill .flex-wrap .flex-item { width: 48%; margin: 0 1% 10px; }
  .demo .flex-wrap { padding-bottom: 30px; }
  .demo .flex-wrap .flex-item { width: 48%; margin: 0 1% 10px; }
  .demo .more { margin-top: 5vh; }
  .experience .timeline:before { right: auto; }
  .experience .timeline li:nth-of-type(odd) .timeline-content { text-align: left; }
  .experience .timeline li:nth-of-type(odd) .timeline-content:before { left: -20px; border-right-color: #393C3E; border-left-color: transparent; }
  .experience .timeline li:nth-of-type(even) .timeline-content { float: left; }
  .experience .timeline li .timeline-dots { left: 0; }
  .experience .timeline li .timeline-content { width: 90%; margin-left: 40px; }
  .experience .timeline li .timeline-content .title { line-height: 20px; font-weight: bold; font-size: 14px; }
  .experience .timeline li .timeline-content .post { font-size: 12px; }
  .experience .timeline li .timeline-content .desc { font-size: 12px; }
  .contact .contact-box { width: 100%; margin: 0; padding: 0; }
  .contact .contact-box:before, .contact .contact-box:after { display: none; }
  .contact .contact-box .cont-row { width: 290px; margin: 0 auto; }
  .contact .contact-box .passages { margin-top: 30px; margin-bottom: 30px; }
  .contact .contact-box .list li { width: 40px; height: 40px; line-height: 40px; }
  .contact .contact-box .list li i { font-size: 18px; }
  .contact .contact-box .list li a { width: 40px; height: 40px; }
  .contact .contact-box .list li .tips { top: -50px; left: -20px; }
  footer p { font-size: 12px; }
  footer p a { display: none; } }

/*# sourceMappingURL=media.css.map */