@media screen and (max-width: 1200px) { .wrapper { width: auto; padding: 0 20px; }
  #secbanner .wrapper { padding: 100px 20px; } }
@media screen and (max-width: 1024px) { header nav li.lev1:not(:last-child) { margin-right: 20px; }
  footer .top .left ul a img { max-height: 50px; } }
@media screen and (max-width: 960px) { header nav { display: none; }
  #mobile-menu-switch { display: block !important; }
  #mobile-menu { display: block !important; }
  footer * { font-size: 14px; }
  .grid-a article .contents { padding: 20px; }
  .grid-a article:hover .box-knowmore-ind { bottom: -40px; }
  #home-news .list .image { background-position: center center; padding: 0; min-height: 300px; }
  #home-news .list .contents { padding: 20px; }
  #home-news .list .contents h3 { font-size: 16px; line-height: 20px; }
  #home-news .list .contents .date { line-height: 18px; margin-bottom: 5px; }
  #home-news .list .contents .description { /*max-height: 51px;*/ font-size: 14px; line-height: 18px; margin-bottom: 10px; overflow: hidden; }
  #home-news .list .contents .box-knowmore-ind a { height: 40px; font-size: 12px; max-width: 40px; }
  #home-news .list .contents .box-knowmore-ind:after { width: 36px; height: 36px; }
  #home-news .list .contents .box-knowmore-ind:before { width: calc(100% - 40px); }
  #project-gallery .swiper-slide .wrapper * { font-size: 80px; }
  #contacts-container .description.db-content p, #contacts-container .description.db-content p * { font-size: 16px; } }
@media screen and (max-width: 768px) { footer .wrapper { flex-direction: column; justify-content: center; align-items: center; }
  footer .top .left ul a img { max-height: 45px; }
  footer .top .left ul { margin-bottom: 20px; justify-content: center; }
  footer .top .right { margin-left: 0; }
  .grid-a { grid-template-columns: repeat(2, 1fr); }
  .grid-a article:hover { top: 0; }
  .grid-a article .contents { padding: 40px; }
  .grid-a article .contents .box-knowmore-ind { position: relative; opacity: 1; bottom: inherit; pointer-events: all; margin-top: 20px; }
  .grid-a article .contents .box-knowmore-ind a { font-size: 12px; }
  #homebanner h1, #homebanner h1 *, #secbanner h1, #secbanner h1 * { font-size: 80px; line-height: 90px; padding-bottom: 0; }
  #homebanner p, #homebanner p *, #secbanner p, #secbanner p * { font-size: 30px; line-height: 40px; }
  #home-news .list { flex-direction: column; }
  #home-news .list article { width: 100%; }
  .sectiontype-a .contents { flex-direction: column; }
  .sectiontype-a .contents .left { width: 100%; margin-right: 0; order: 2; }
  .sectiontype-a .contents .right { width: 100%; margin-left: 0; margin-bottom: 30px; order: 1; }
  .sectiontype-b .contents { flex-direction: column; }
  .sectiontype-b .contents .left { width: 100%; margin-right: 0; margin-bottom: 30px; }
  .sectiontype-b .contents .right { width: 100%; padding-left: 0; }
  #project-sheet .text { font-size: 24px; line-height: 30px; }
  #project-gallery .swiper-slide .wrapper * { font-size: 60px; }
  #project-other .grid-item h4, #project-other .grid-item h4 * { font-size: 20px; line-height: 25px; margin-bottom: 10px; }
  #project-other .grid-item ul li a { font-size: 14px; line-height: 18px; }
  #contacts-container .description table tr, #contacts-container .description tbody tr { flex-direction: column; }
  #contacts-container .description table td, #contacts-container .description tbody td { width: 100% !important; margin-bottom: 30px; padding-bottom: 30px; text-align: center; }
  #contacts-container .description table td:nth-child(2), #contacts-container .description tbody td:nth-child(2) { width: 100% !important; padding: 0; }
  #contacts-container .description table td:not(:last-child) { border-bottom: dotted 1px #2C7D53 !important; margin-bottom: 30px; padding-bottom: 30px; } }
@media screen and (max-width: 600px) { * { font-size: 16px; }
  footer .top .right { flex-direction: column; align-items: center; }
  footer .top .right .text { margin-bottom: 10px; }
  #secbanner .wrapper .content h1 { font-size: 40px; line-height: 45px; }
  #secbanner .wrapper .content p { font-size: 20px; line-height: 25px; }
  .ptype-a .description { -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
  .grid-a article .contents { padding: 20px; }
  #project-sheet { flex-direction: column; align-content: center; }
  #project-sheet .text { margin-right: 0; text-align: center; margin-bottom: 20px; text-align: center; }
  #project-gallery .swiper-slide .wrapper * { font-size: 50px; }
  #project-other .grid { grid-template-columns: repeat(1, 1fr); }
  #project-other .grid-item h4, #project-other .grid-item h4 * { font-size: 30px; line-height: 35px; margin-bottom: 10px; }
  #project-other .grid-item ul li a { font-size: 20px; line-height: 25px; }
  #partners-container .grid-a { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 480px) { .grid-a { grid-template-columns: repeat(1, 1fr); }
  .grid-a article .contents { padding: 40px; }
  #homebanner h1, #homebanner h1 *, #secbanner h1, #secbanner h1 * { font-size: 40px; line-height: 45px; }
  #homebanner p, #homebanner p *, #secbanner p, #secbanner p * { font-size: 20px; line-height: 25px; }
  #project-gallery .swiper-slide .wrapper * { font-size: 35px; } }
@media screen and (max-width: 360px) { footer .top .left ul a img { max-height: 40px; }
  #project-other .grid-item ul li a { font-size: 16px; line-height: 20px; } }