@media(max-width:768px){
  header, .nav, .navbar{
    width:calc(100% - 24px)!important;
    margin:12px auto!important;
    padding:10px 12px!important;
    border-radius:24px!important;
  }

  header a:not(.btn):not(.btn-primary):not([href="/"]){
    display:none!important;
  }

  .promo-popup{
    transform:scale(.82)!important;
    transform-origin:right bottom!important;
    bottom:92px!important;
    right:6px!important;
  }

  .sticky-cta{
    width:calc(100% - 24px)!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    padding:6px!important;
    border-radius:18px!important;
  }

  .sticky-cta a{
    padding:10px 6px!important;
    font-size:13px!important;
    border-radius:14px!important;
  }

  .zalo-float{display:none!important}

  input,select,textarea,.input{
    font-size:16px!important;
    padding:16px!important;
  }

  input::placeholder,textarea::placeholder{
    font-size:15px!important;
  }

  h1,.h1{font-size:40px!important;line-height:1!important}
  h2,.h2{font-size:32px!important}
}

/* MOBILE FINAL FIX */
@media(max-width:768px){

  .nav,.navbar,header .nav{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .nav > a:first-child,
  .navbar > a:first-child,
  header .nav > a:first-child,
  .brand,.logo{
    display:flex!important;
    align-items:center!important;
    opacity:1!important;
    visibility:visible!important;
    max-width:58%!important;
  }

  .nav > a:first-child svg,
  .nav > a:first-child img,
  .brand svg,.brand img,.logo svg,.logo img{
    display:block!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  .nav > a:first-child span,
  .brand span,.logo span{
    display:inline-block!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .sticky-cta{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    width:calc(100% - 22px)!important;
    left:11px!important;
    right:11px!important;
    transform:none!important;
    bottom:10px!important;
    padding:6px!important;
    gap:6px!important;
  }

  .sticky-cta a{
    width:100%!important;
    min-width:0!important;
    padding:10px 4px!important;
    font-size:13px!important;
    text-align:center!important;
  }

  .promo-popup{
    max-width:320px!important;
    transform:scale(.78)!important;
    right:-4px!important;
    bottom:82px!important;
  }

  main,.section{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media(max-width:768px){
  .promo-popup{
    display:none!important;
  }

  .nav > a:first-child span,
  .brand span,
  .logo span{
    max-width:190px!important;
    font-size:14px!important;
  }

  .sticky-cta{
    bottom:8px!important;
    padding:5px!important;
  }

  .sticky-cta a{
    padding:10px 4px!important;
    font-size:13px!important;
  }
}

@media(max-width:768px){
  .promo-popup{
    display:none!important;
  }

  .nav > a:first-child span,
  .brand span,
  .logo span{
    max-width:190px!important;
    font-size:14px!important;
  }

  .sticky-cta{
    bottom:8px!important;
    padding:5px!important;
  }

  .sticky-cta a{
    padding:10px 4px!important;
    font-size:13px!important;
  }
}