@media (max-width: 768px){

  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    margin:0!important;
    padding:0!important;
  }

  body{
    font-size:16px!important;
    line-height:1.55!important;
  }

  *{
    box-sizing:border-box!important;
  }

  header,
  nav,
  section,
  .section,
  .container,
  .wrap,
  .main,
  .content{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  h1{
    font-size:32px!important;
    line-height:1.18!important;
    word-break:break-word!important;
  }

  h2{
    font-size:26px!important;
    line-height:1.25!important;
  }

  h3{
    font-size:21px!important;
  }

  p,li{
    font-size:16px!important;
  }

  .grid,
  .cards,
  .companies,
  .deals,
  .capital-grid,
  [style*="grid-template-columns"]{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  .card,
  .deal-card,
  .company-card,
  [class*="card"]{
    width:100%!important;
    max-width:100%!important;
    padding:18px!important;
    border-radius:18px!important;
  }

  table{
    display:block!important;
    width:100%!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
  }

  img,video,iframe{
    max-width:100%!important;
    height:auto!important;
  }

  a,
  button,
  .btn,
  input[type="submit"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    margin:10px 0!important;
    padding:14px 16px!important;
    font-size:16px!important;
    border-radius:14px!important;
  }

  input,
  select,
  textarea{
    width:100%!important;
    max-width:100%!important;
    font-size:16px!important;
    padding:14px!important;
  }

  .topnav,
  .nav,
  nav{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  .hero{
    min-height:auto!important;
    padding-top:48px!important;
    padding-bottom:36px!important;
  }

  .hero p{
    font-size:17px!important;
  }

  #group-capital-sync{
    padding:42px 16px!important;
  }

  #group-capital-sync h2{
    font-size:28px!important;
  }

  #group-capital-sync div{
    max-width:100%!important;
  }
}
