/* from -md- brakpoint */
@media screen and (min-width: 768px) {


}

@media screen (min-width: 851px) {
    .site-footer__top .region {
        width: 100%;
        border: 1px solid blue;
    }
}

/* from -lg- brakpoint */
@media screen and (min-width: 992px) {


}

/* from -iPadPro- brakpoint */
@media screen and (min-width: 1024px) {

  .offcanvas.offcanvas-end {
    width: 40%;
    min-width: 400px;
  }

}

/* from -xl- brakpoint */
@media screen and (min-width: 1200px) {

  .offcanvas.offcanvas-end {
    width: 25%;
    min-width: 300px;
  }

}

/* from -xxl- brakpoint */
@media screen and (min-width: 1400px) {


}