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

/* grid widths */
body .grid16-1 {width: 75px;}
body .grid16-2 {width: 150px;}
body .grid16-3 {width: 225px;}
body .grid16-4 {width: 300px;}
body .grid16-5 {width: 375px;}
body .grid16-6 {width: 450px;}
body .grid16-7 {width: 525px;}
body .grid16-8 {width: 600px;}
body .grid16-9 {width: 675px;}
body .grid16-10 {width: 750px;}
body .grid16-11 {width: 825px;}
body .grid16-12 {width: 900px;}
body .grid16-13 {width: 975px;}
body .grid16-14 {width: 1050px;}
body .grid16-15 {width: 1125px;}
body .grid16-16 {width: 1200px;}

/* block indents */
body .grid16-indent-1 {margin-left: 75px;}
body .grid16-indent-2 {margin-left: 150px;}
body .grid16-indent-3 {margin-left: 225px;}
body .grid16-indent-4 {margin-left: 300px;}
body .grid16-indent-5 {margin-left: 375px;}
body .grid16-indent-6 {margin-left: 450px;}
body .grid16-indent-7 {margin-left: 525px;}
body .grid16-indent-8 {margin-left: 600px;}
body .grid16-indent-9 {margin-left: 675px;}
body .grid16-indent-10 {margin-left: 750px;}
body .grid16-indent-11 {margin-left: 825px;}
body .grid16-indent-12 {margin-left: 900px;}
body .grid16-indent-13 {margin-left: 975px;}
body .grid16-indent-14 {margin-left: 1050px;}
body .grid16-indent-15 {margin-left: 1125px;}


/* 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 (max-device-width: 1024px) and (orientation:landscape), only screen and (min-width:960px) and (max-width:1199px) and (min-device-width: 1100px) {
/**
 * Fusion Grid Layout - 960px width, 16 column grid, 20px gutters
 * -------------------------------------------------------------------- */

/* grid widths */
body .grid16-1 {width: 60px;}
body .grid16-2 {width: 120px;}
body .grid16-3 {width: 180px;}
body .grid16-4 {width: 240px;}
body .grid16-5 {width: 300px;}
body .grid16-6 {width: 360px;}
body .grid16-7 {width: 420px;}
body .grid16-8 {width: 480px;}
body .grid16-9 {width: 540px;}
body .grid16-10 {width: 600px;}
body .grid16-11 {width: 660px;}
body .grid16-12 {width: 720px;}
body .grid16-13 {width: 780px;}
body .grid16-14 {width: 840px;}
body .grid16-15 {width: 900px;}
body .grid16-16 {width: 960px;}

/* block indents */
body .grid16-indent-1 {margin-left: 60px;}
body .grid16-indent-2 {margin-left: 120px;}
body .grid16-indent-3 {margin-left: 180px;}
body .grid16-indent-4 {margin-left: 240px;}
body .grid16-indent-5 {margin-left: 300px;}
body .grid16-indent-6 {margin-left: 360px;}
body .grid16-indent-7 {margin-left: 420px;}
body .grid16-indent-8 {margin-left: 480px;}
body .grid16-indent-9 {margin-left: 540px;}
body .grid16-indent-10 {margin-left: 600px;}
body .grid16-indent-11 {margin-left: 660px;}
body .grid16-indent-12 {margin-left: 720px;}
body .grid16-indent-13 {margin-left: 780px;}
body .grid16-indent-14 {margin-left: 840px;}
body .grid16-indent-15 {margin-left: 900px;}


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


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

#grid-mask-overlay .block .gutter {
  background-color: rgba(213,95,28,.15);
  outline: none;
}
/* Sidebar layout */
#sidebar-first { float: right; }
#label_sidebar_tablet_landscape {
  display: block;
}
}

@media only screen and (max-device-width: 1024px) and (orientation:portrait), only screen and (min-width:768px) and (max-width:959px) and (min-device-width: 1100px) {
/**
 * Fusion Grid Layout - 768px width, 16 column grid, 20px gutters
 * -------------------------------------------------------------------- */

/* grid widths */
body .grid16-1 {width: 48px;}
body .grid16-2 {width: 96px;}
body .grid16-3 {width: 144px;}
body .grid16-4 {width: 192px;}
body .grid16-5 {width: 240px;}
body .grid16-6 {width: 288px;}
body .grid16-7 {width: 336px;}
body .grid16-8 {width: 384px;}
body .grid16-9 {width: 432px;}
body .grid16-10 {width: 480px;}
body .grid16-11 {width: 528px;}
body .grid16-12 {width: 576px;}
body .grid16-13 {width: 624px;}
body .grid16-14 {width: 672px;}
body .grid16-15 {width: 720px;}
body .grid16-16 {width: 768px;}

/* block indents */
body .grid16-indent-1 {margin-left: 48px;}
body .grid16-indent-2 {margin-left: 96px;}
body .grid16-indent-3 {margin-left: 144px;}
body .grid16-indent-4 {margin-left: 192px;}
body .grid16-indent-5 {margin-left: 240px;}
body .grid16-indent-6 {margin-left: 288px;}
body .grid16-indent-7 {margin-left: 336px;}
body .grid16-indent-8 {margin-left: 384px;}
body .grid16-indent-9 {margin-left: 432px;}
body .grid16-indent-10 {margin-left: 480px;}
body .grid16-indent-11 {margin-left: 528px;}
body .grid16-indent-12 {margin-left: 576px;}
body .grid16-indent-13 {margin-left: 624px;}
body .grid16-indent-14 {margin-left: 672px;}
body .grid16-indent-15 {margin-left: 720px;}


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


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

#grid-mask-overlay .block .gutter {
  background-color: rgba(11,186,40,.15);
  outline: none;
}

#label_sidebar_tablet_portrait {
  display: block;
}
}

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

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

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



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

#label_sidebar_phone_landscape {
  display: block;
}
}