@media only screen and (min-width:1200px) {
/**
 * Fusion Grid Layout - 1200px width, 12 column grid, 30px gutters
 * -------------------------------------------------------------------- */

/* grid widths */
body .grid12-1 {width: 100px;}
body .grid12-2 {width: 200px;}
body .grid12-3 {width: 300px;}
body .grid12-4 {width: 400px;}
body .grid12-5 {width: 500px;}
body .grid12-6 {width: 600px;}
body .grid12-7 {width: 700px;}
body .grid12-8 {width: 800px;}
body .grid12-9 {width: 900px;}
body .grid12-10 {width: 1000px;}
body .grid12-11 {width: 1100px;}
body .grid12-12 {width: 1200px;}

/* block indents */
body .grid12-indent-1 {margin-left: 100px;}
body .grid12-indent-2 {margin-left: 200px;}
body .grid12-indent-3 {margin-left: 300px;}
body .grid12-indent-4 {margin-left: 400px;}
body .grid12-indent-5 {margin-left: 500px;}
body .grid12-indent-6 {margin-left: 600px;}
body .grid12-indent-7 {margin-left: 700px;}
body .grid12-indent-8 {margin-left: 800px;}
body .grid12-indent-9 {margin-left: 900px;}
body .grid12-indent-10 {margin-left: 1000px;}
body .grid12-indent-11 {margin-left: 1100px;}


/* gutters (2 x margin) */
.gutter {
  margin-left: 15px;
  margin-right: 15px;
}


/* page min width */
body,
div.full-width {
  min-width: 1200px;
}

#grid-mask-overlay .block .gutter {
  background-color: rgba(0, 73, 225, .12);
  outline: none;
}

#label_sidebar {
  display: block;
}
}

@media only screen and (min-width:500px) and (max-width:1200px) {
/**
 * Fusion Grid Layout - 980px width, 12 column grid, 30px gutters
 * -------------------------------------------------------------------- */

/* grid widths */
body .grid12-1 {width: 81px;}
body .grid12-2 {width: 163px;}
body .grid12-3 {width: 245px;}
body .grid12-4 {width: 326px;}
body .grid12-5 {width: 408px;}
body .grid12-6 {width: 490px;}
body .grid12-7 {width: 571px;}
body .grid12-8 {width: 653px;}
body .grid12-9 {width: 735px;}
body .grid12-10 {width: 816px;}
body .grid12-11 {width: 898px;}
body .grid12-12 {width: 980px;}

/* block indents */
body .grid12-indent-1 {margin-left: 81px;}
body .grid12-indent-2 {margin-left: 163px;}
body .grid12-indent-3 {margin-left: 245px;}
body .grid12-indent-4 {margin-left: 326px;}
body .grid12-indent-5 {margin-left: 408px;}
body .grid12-indent-6 {margin-left: 490px;}
body .grid12-indent-7 {margin-left: 571px;}
body .grid12-indent-8 {margin-left: 653px;}
body .grid12-indent-9 {margin-left: 735px;}
body .grid12-indent-10 {margin-left: 816px;}
body .grid12-indent-11 {margin-left: 898px;}


/* gutters (2 x margin) */
.gutter {
  margin-left: 15px;
  margin-right: 15px;
}


/* page min width */
body,
div.full-width {
  min-width: 980px;
}

#grid-mask-overlay .block .gutter {
  background-color: rgba(213,95,28,.15);
  outline: none;
}

#label_sidebar_tablet_landscape {
  display: block;
}
}

@media only screen and (max-width:500px) {
/**
 * Fusion Grid Layout - Mobile layout, 12 column grid, 20px gutters
 * -------------------------------------------------------------------- */

/* grid widths */
body .grid12-1,
body .grid12-2,
body .grid12-3,
body .grid12-4,
body .grid12-5,
body .grid12-6,
body .grid12-7,
body .grid12-8,
body .grid12-9,
body .grid12-10,
body .grid12-11,
body .grid12-12 {
  clear: both;
  width: 100%;
}

/* gutters (2 x margin) */
.gutter {
  margin-left: 10px;
  margin-right: 10px;
}



#grid-mask-overlay .block .gutter {
  background-color: rgba(220,220,70,.1);
  outline: none;
}

#label_sidebar_phone_landscape {
  display: block;
}
}