@media only screen and (max-width: 1024px) {
  html {
   font-size: 13.5px;
  }
  .small-1 {
  font-size: 0.95rem !important;
  }
  body {
    font-size: 14.5px;
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-fluid {
    --bs-gutter-x: 3rem !important;
  }
  #detailsOffcanvas {
    --bs-offcanvas-width: 650px;
   }
  .navbar-brand img {
    width: 160px;
  }
  
   
}

/* IPAD VERTICAL */
@media only screen and (max-width: 768px) {
  #detailsOffcanvas {
    --bs-offcanvas-width: 100%;
  }
 .navbar-brand img {
    width: 140px;
  }
}