@media all and (max-width:1400px) { 
  .main .big-text { font-size: 40px !important; }
  .main .element img { width:80% !important; }
}


@media all and (max-width:1200px) { 
  main .side { flex-basis: 300px; }

  footer .inner { display:block; padding:20px; margin:0 auto; height:auto; }
  footer .inner > div { text-align: center;}
  footer .inner > div.copyright { margin-top:7px; }

  .journey2-page { padding: 0 20px; }
  .journey2-page section > h3 { flex-basis: 180px; }
  .journey2-page .tab-container { margin-left:0px; margin-right:0px; }
  .tab-container ul { justify-content: center;}
}

@media all and (max-width:1000px) { 
  .main .big-text { font-size: 35px !important; }
  .main .element img { width:70% !important; }

  aside .logo { margin-left:20px; }
  main .side { display:none; }
  main { display:block; width:auto; padding-left:20px; padding-right:20px; }
  main .content { margin-right:50px; }
  .journey2-page { padding: 0 0px; }
}

@media all and (max-width:800px) { 
  .p1 { margin-left:0px; }
  .p2 { margin-left:30px; }
  .p3 { margin-left:60px; }
  .p4 { margin-left:90px; }
  .keywords-page .p1 { font-size:19px; }
  .research-page .section > ul { position: relative; margin-bottom:15px; width:auto; font-weight: 600; }
  .research-page .section > div { margin-left:0px; }

}

@media all and (max-width:670px) { 
  .main .big-text { font-size: 25px !important; }
  .main .element img { width:50% !important; }

  .popup-container .box { position: fixed; top:0px; left:0px; transform: none !important; height:100vh !important; border: none; }

  nav { height:100%; width:100%; display:none; right:-670px; }
  nav .menu-close { display: inline-block; padding:15px; font-size:18px; float:right;  }
  nav .main-menu { border-top:solid 1px #ccc; clear: both; }
  nav .main-menu > li { writing-mode: unset; border-bottom:solid 1px #ccc; }
  nav .main-menu > li > a { padding:0px 20px; width:auto; border-left:none; }
  nav .main-menu > li.m { display:block; }
  nav .sub-menu { position: relative; display:none; overflow: hidden; width: auto; border-left:none; right:0; background: #eee; /*height: calc(100vh - 305px);*/ height:0px; overflow-y: auto; }
  nav .sub-menu ul {}
  nav .sub-menu li a { border-bottom:solid 1px #ccc; border-top:none; }
  nav .sub-menu li a .c { font-size:11px; }
  nav .sub-menu li a .t { font-size:13px; margin-top:6px; }
  
  aside .menu-trigger { display:inline-block; }
  aside { top:20px; width:100%; }
  aside .logo { margin-left:20px; }
  aside .logo img { height:50px; }
  aside ul { display:none; }
  main { padding-top:100px; }
  main .content { margin-right:0px; }
  main .d1 { font-size:16px; }
  main h1 { font-size:17px; }
  main h2 { font-size:15px;}
  .p2 { margin-left:20px; }
  .p3 { margin-left:40px; }
  .p4 { margin-left:60px; }
  .keywords-page .p1 { font-size:16px; }
  .casting-page .tip .tit { font-size:18px; }
  .casting-page .tip .box { width:100%;}

  .tab-container { overflow-x: auto; margin-bottom:20px; margin-top:20px;}
  .tab-container ul {width: max-content;}
  .tab-container ul li { flex-grow: 0;}

  .journey2-page .tab-container {  }  
  .journey2-page section { display:block; margin-top:50px; }
  .journey2-page section > h3 { text-align: left;  padding-top:15px; padding-bottom:8px; }
  .journey2-page section > h3 br { display:none; }
  .journey2-page section > h3::before { right:auto; left:0px; width:100%; height:8px; }
  .journey2-page section > dl { padding-top:40px; }
  .journey2-page section > dl::before { width:100%; }
  .journey2-page section > dl > dd > p { padding-left:0px; }
  .journey2-page section.summary { text-align: left; font-size:18px; }
  .journey2-page section > dl > dd.tag { font-size:22px; }


}