A responsive SCSS file made for Gantry 5 templates. Add @import "responsive"; to the bottom of your custom.scss file. Place in the templates/template_name/custom/scss folder

_responsive.scss

/*==========  Mobile First Responsive  ==========*/

/* LARGE DESKTOP */
/* 1199.488px if default is 16px */
@media only all and (max-width: 74.938rem) {}

/* DESKTOP */
/* 959.08px */
@media only all and (max-width: 59.938rem) {}

/* TABLET */
/* 767.008px */
@media only all and (max-width: 47.938rem) {
        
}

/* MOBILE */
/* 479.008px */
@media only all and (max-width: 29.938rem) {
  .classExample {
    font-size: 2rem;
  }
}

/* Responsive Styles in separate file */
@import "responsive";