@media only screen and (min-width: 1300px) { .nav-item.other a { margin-left: 5%; }
  .nav-item.other.privacy a { margin-left: 10px; } }

@media only screen and (min-width: 1400px) { .nav-item header { font-size: 28px; }
  .container { width: 75%; } }

@media only screen and (max-width: 960px) { .overlay > div { position: relative; padding-top: 10%; }
  .overlay .overlay-banner { height: auto; min-height: 0; position: absolute; top: 0; }
  .overlay .overlay-banner img { position: relative; width: 100%; display: block; min-height: 0; }
  .overlay .content { padding: 130px 50px 50px; margin-top: 0; width: 90%; }
  .overlay .content .text:before, .overlay .content .text:after { width: 30px; height: 24px; }
  .overlay .content .text:before { top: -5px; left: -35px; }
  .overlay .content .text span { font-size: 16px; line-height: 32px; }
  .overlay .content .text .tt2 { font-size: 90px; line-height: 80px; }
  .overlay .btn.back { position: absolute; bottom: auto; top: 50px; left: 50px; z-index: 5; margin-top: 10%; margin-left: 5%; }
  .nav { position: relative; }
  .hero-area { padding: 40px; height: 100%; min-height: 0; position: relative; }
  .hero-area .container { padding: 0; width: auto; display: block; position: relative; }
  .hero-area .container .hero-desc { display: block; }
  .hero-area .logo { width: 100%; max-width: 500px; }
  .hero-area .hero-copy { font-size: 16px; line-height: normal; margin-bottom: 15px; }
  .hero-area .hero-subcopy { font-size: 17px; line-height: 20px; }
  .hero-area a { font-size: 14px; padding: 8px; }
  .hero-desc { position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
  .col-2 { width: 50%; }
  .col-4 { width: 100%; }
  .col-4 .col-4 { width: 50%; }
  .nav-item { height: 260px; padding: 30px; }
  .nav-item header { padding-right: 100px; }
  .nav-item a { bottom: 30px; left: 30px; }
  .nav-item.privacy { height: 260px; width: 100%; }
  .nav-item.privacy + .other { width: 100%; height: 260px; }
  .nav-item.pop { height: auto; }
  .nav-item.pop .col-4 { width: 100%; text-align: left; }
  .nav-item.pop .col-4 header:after { margin: 20px 0; }
  .nav-item.pop a { margin: 0; padding-left: 0; width: 160px; }
  .nav-item.bottom { position: absolute; top: 780px; left: 50%; }
  .nav-item.bottom + .bottom { left: 0; }
  .nav-item.top { margin-bottom: 260px; }
  .nav-item.slider .paging { left: 40px; } 

  footer.nav-item.other{
    grid-template-columns: 100%;
  }

  footer .agency,
  footer .contact,
  footer .seal{
    grid-column-start: 1;
    grid-column-end: 1;
  }
}

@media only screen and (max-width: 768px) { .page-overlay { padding: 50px 20px; }
  .page-overlay .small-container { overflow: auto; max-height: 100%; padding: 30px; }
  .page-overlay .data-privacy header { font-size: 18px; }
  .page-overlay .data-privacy p { font-size: 13px; }
  .page-overlay .data-privacy .btn { width: 100%; padding: 10px; }
  .overlay .content .text .tt2 { font-size: 62px; line-height: 62px; }
  .nav-item.privacy a { left: 40px; margin-left: 10px; } }

@media only screen and (max-width: 560px) { .nav-item.privacy a { left: 25px; }
  .overlay .content { padding: 90px 30px 30px; }
  .overlay .content .text:after, .overlay .content .text:before { width: 25px; height: 20px; }
  .overlay .content .text:before { left: -28px; top: 0px; }
  .overlay .content .text .tt1 { font-size: 24px; }
  .overlay .content .text .tt2 { font-size: 32px; line-height: 28px; margin-left: -10px; }
  .overlay .content .text .tt3 { font-size: 26px; line-height: 35px; }
  .overlay .content .title { font-size: 18px; padding: 10px; margin-bottom: 25px; }
  .overlay .btn.back { height: 45px; width: 45px; top: 30px; left: 30px; margin-top: 10%; margin-left: 5%; }
  .container { width: 92%; }
  .hero-area { padding: 25px; }
  .hero-area .hero-subcopy { font-size: 12px; line-height: 16px; }
  .hero-desc { padding: 25px; }
  .nav-item { padding: 25px; height: 230px; }
  .nav-item a { left: 25px; bottom: 25px; }
  .nav-item header { padding-right: 100px; }
  .nav-item header span { display: inline; }
  .nav-item p { font-size: 13px; }
  .nav-item.top { margin-bottom: 0; }
  .nav-item.bottom { position: relative; left: 0; top: 0; }
  .nav-item.col-16 .col-4 header:after { margin: 15px 0; }
  .nav-item.other { padding: 25px; }
  .nav-item.other header, .nav-item.other section, .nav-item.other .contact-info { display: block; }
  .nav-item.other a { margin-left: 0; max-width: 100%; display: block; }
  .nav-item.other .contact-info { text-align: left; margin-top: 40px; }
  .col-2 { width: 100%; }
  .col-4 { width: 100%; }
  .col-4.col-4 { width: 100%; }
  .inner-content h3 { font-size: 18px; }
  .inner-content strong { font-size: 35px; line-height: 30px; margin-bottom: 10px; }
  .inner-content p { font-size: 14px; line-height: 24px; } }

@media only screen and (max-width: 350px) { .hero-area { padding: 15px; }
  .hero-area .hero-copy { font-size: 12px; margin-bottom: 5px; }
  .hero-area .hero-subcopy { font-size: 11px; line-height: 13px; margin-bottom: 10px; }
  .hero-area .logo { margin-bottom: 0; } }