/*
 * Main File : /templates/jf_chrome/less/jf_mediaqueries.less
 */
@media only screen and (min-width: 1200px) {
  body[class*="responsive"] .visible-large {
    display: inherit !important;
  }
  body[class*="responsive"] .hidden-large {
    display: none !important;
  }
  body[class*="responsive"] .visible-desktop {
    display: inherit !important;
  }
  body[class*="responsive"] .hidden-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 996px) and (max-width: 1199px) {
  body[class*="responsive"] .visible-large {
    display: none !important;
  }
  body[class*="responsive"] .hidden-large {
    display: inherit !important;
  }
  body[class*="responsive"] .visible-desktop {
    display: inherit !important;
  }
  body[class*="responsive"] .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 995px) {
  body[class*="responsive"] .visible-tablet {
    display: inherit !important;
  }
  body[class*="responsive"] .hidden-tablet {
    display: none !important;
  }
  body[class*="responsive"] .hidden-desktop {
    display: inherit !important;
  }
  body[class*="responsive"] .visible-desktop {
    display: none !important;
  }
  body[class*="responsive"] .visible-large {
    display: none !important;
  }
  body[class*="responsive"] .hidden-large {
    display: inherit !important;
  }
}
@media (max-width: 767px) {
  body[class*="responsive"] {
    padding: 0;
  }
  body[class*="responsive"] .visible-phone {
    display: inherit !important;
  }
  body[class*="responsive"] .hidden-phone {
    display: none !important;
  }
  body[class*="responsive"] .hidden-desktop {
    display: inherit !important;
  }
  body[class*="responsive"] .visible-desktop {
    display: none !important;
  }
  body[class*="responsive"] .hidden-large {
    display: inherit !important;
  }
  body[class*="responsive"] .visible-large {
    display: none !important;
  }
  body[class*="responsive"] .component-content .column-1,
  body[class*="responsive"] .component-content .column-2,
  body[class*="responsive"] .component-content .column-3,
  body[class*="responsive"] .component-content .column-4 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }
  body[class*="responsive"] .gantry-width-20,
  body[class*="responsive"] .gantry-width-25,
  body[class*="responsive"] .gantry-width-30,
  body[class*="responsive"] .gantry-width-33,
  body[class*="responsive"] .gantry-width-40,
  body[class*="responsive"] .gantry-width-50,
  body[class*="responsive"] .gantry-width-60,
  body[class*="responsive"] .gantry-width-66,
  body[class*="responsive"] .gantry-width-70,
  body[class*="responsive"] .gantry-width-75,
  body[class*="responsive"] .gantry-width-80 {
    width: 100%;
  }
  body[class*="responsive"] .gantry-width-spacer {
    margin: 5px;
  }
  body[class*="responsive"] .row {
    margin: 0;
    display: block;
  }
  body[class*="responsive"] .row .cell {
    display: block;
    width: 100%;
  }
}