@media (max-width:767.98px){

  body section.bg-blue2 > .container{
    padding-top:76px !important;
    padding-bottom:6px !important;
  }

  body .navbar .navbar-brand{padding-top:10px !important;padding-bottom:10px !important}
  body .navbar .navbar-brand img{max-width:120px !important;height:auto !important}

  body h1.display-1{
    font-size:24px !important;
    line-height:1.16 !important;
    margin-bottom:8px !important;
  }

  body section.bg-blue2 h1.display-1 + p{
    font-size:14.5px !important;
    line-height:1.5 !important;
    margin-bottom:4px !important;
  }

  body section.bg-blue2 .text-sm.text-gray-600{
    font-size:12px !important;
    line-height:1.4 !important;
    margin-bottom:0 !important;
  }

  body section.bg-grey > .container{padding-top:0 !important}
  body section.bg-grey .zo-list{margin-top:0 !important}
  body section.bg-blue2 .text-sm.text-gray-600.mb-4{margin-bottom:0 !important}

  body section.bg-blue2 > .container.pb-15{padding-bottom:6px !important}
  body section.bg-grey > .container.pt-10{padding-top:0 !important}

  body .zo-list{gap:10px !important}
}

@media (min-width:768px){
  body section.bg-blue2 > .container{padding-bottom:48px !important}
  body section.bg-grey > .container{padding-top:24px !important}
  body section.bg-grey .row.gx-md-5{margin-bottom:48px !important}
}