/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/**
 * Convert px to em
 * Stolen from https://github.com/stubbornella/oocss, modified with default value
 *
 * @param $px - the value in pixel you want to convert
 * @param $context - the context in pixel e.g. you want to set margin on your text,
 * and font size on your text is equivalent to 14px, then your context is 14.
 */
/**
 * Override moblle padding
 */
/* line 36, ../../../../../../../../.rbenv/versions/2.3.3/lib/ruby/gems/2.3.0/gems/toolkit-1.3.7/stylesheets/toolkit/_box-sizing.scss */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('../../behaviors/box-sizing/boxsizing.php');
}

/*
 * Center the page.
 */
/* line 52, ../../sass/layouts/responsive-sidebars.scss */
#page,
.region-bottom {
  /* For screen sizes larger than 960px, prevent excessively long lines of text
     by setting a max-width. */
}

@media (min-width: 48em) {
  /* line 61, ../../sass/layouts/responsive-sidebars.scss */
  #header,
  #main,
  #footer,
  #top {
    max-width: 73.846em;
    margin-left: auto;
    margin-right: auto;
  }
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
@media (min-width: 48em) {
  /* line 77, ../../sass/layouts/responsive-sidebars.scss */
  #header,
  #content,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  #postscript {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
}

/*
 * Containers for grid items and flow items.
 */
@media (min-width: 48em) {
  /* line 92, ../../sass/layouts/responsive-sidebars.scss */
  #header,
  #main,
  #footer,
  #top,
  #postscript {
    *position: relative;
    *zoom: 1;
  }
  /* line 51, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #header:before, #header:after,
  #main:before,
  #main:after,
  #footer:before,
  #footer:after,
  #top:before,
  #top:after,
  #postscript:before,
  #postscript:after {
    content: "";
    display: table;
  }
  /* line 56, ../../sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
  #header:after,
  #main:after,
  #footer:after,
  #top:after,
  #postscript:after {
    clear: both;
  }
}

/**
 * Header items
 */
/* line 107, ../../sass/layouts/responsive-sidebars.scss */
.region-top {
  /* Start a new row and span all 12 columns. */
}
@media (min-width: 48em) {
  /* line 107, ../../sass/layouts/responsive-sidebars.scss */
  .region-top {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
}
@media (min-width: 48em) {
  /* line 114, ../../sass/layouts/responsive-sidebars.scss */
  .region-top .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    clear: left;
  }
}

@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 123, ../../sass/layouts/responsive-sidebars.scss */
  .logo-bg {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }
}
@media (min-width: 60em) {
  /* line 123, ../../sass/layouts/responsive-sidebars.scss */
  .logo-bg {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }
}

@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 132, ../../sass/layouts/responsive-sidebars.scss */
  #utility-menu {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 132, ../../sass/layouts/responsive-sidebars.scss */
  #utility-menu {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
}

@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 144, ../../sass/layouts/responsive-sidebars.scss */
  .region-header {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 41.66667%;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 144, ../../sass/layouts/responsive-sidebars.scss */
  .region-header {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 41.66667%;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
}

/**
 * Postscript
 */
/* line 158, ../../sass/layouts/responsive-sidebars.scss */
.region-postscript {
  /* Start a new row and span all 12 columns. */
  /*
    .lt-ie9 & {
  
      @include zen-grid-item(8, 1);
      @include zen-nested-container(); // Since we're making every block in this region be a grid item.
  
      .block {
        @include zen-grid-item-base();
      }
      .count-1 { /* Span 2 columns, starting in the 1st column from left.
        @include zen-grid-item(3, 1);
        @include zen-clear();
      }
      .count-2 { /* Span 2 columns, starting in the 3rd column from left.
        @include zen-grid-item(3, 4);
      }
      .count-3 { /* Span 2 columns, starting in the 5th column from left.
        @include zen-grid-item(3, 7);
      }
      .count-4 { /* Span 2 columns, starting in the 5th column from left.
        @include zen-grid-item(3, 10);
        margin-right: 0;
      }
      .count-5 { /* Span 2 columns, starting in the 5th column from left.
        @include zen-clear();
        @include zen-grid-item(3, 1);
      }
      .count-6 { /* Span 2 columns, starting in the 3rd column from left.
        @include zen-grid-item(3, 4);
      }
      .count-7 { /* Span 2 columns, starting in the 5th column from left.
        @include zen-grid-item(3, 7);
      }
      .count-8 { /* Span 2 columns, starting in the 5th column from left.
        @include zen-grid-item(3, 10);
        margin-right: 0;
      }
    }*/
}
@media (min-width: 48em) {
  /* line 158, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript {
    /* Span 8 columns starting in column 1 */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 165, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 168, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript .block:nth-child(4n+1) {
    /* Span 2 columns, starting in the 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    clear: left;
  }
  /* line 172, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript .block:nth-child(4n+2) {
    /* Span 2 columns, starting in the 3rd column from left. */
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -50%;
  }
  /* line 175, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript .block:nth-child(4n+3) {
    /* Span 2 columns, starting in the 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -75%;
  }
  /* line 178, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript .block:nth-child(4n) {
    /* Span 2 columns, starting in the 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
}

/* line 223, ../../sass/layouts/responsive-sidebars.scss */
.region-postscript-views {
  /* Start a new row and span all 12 columns. */
}
@media (min-width: 48em) {
  /* line 223, ../../sass/layouts/responsive-sidebars.scss */
  .region-postscript-views {
    /* Span 8 columns starting in column 1 */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
}

/**
 * Footer Items
 */
@media (min-width: 48em) {
  /* line 235, ../../sass/layouts/responsive-sidebars.scss */
  #footer {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 48em) {
  /* line 242, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first {
    /* Span 8 columns starting in column 1 */
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 249, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 252, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first .block:nth-child(4n+1) {
    /* Span 2 columns, starting in the 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    clear: left;
  }
  /* line 256, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first .block:nth-child(4n+2) {
    /* Span 2 columns, starting in the 3rd column from left. */
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -50%;
  }
  /* line 259, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first .block:nth-child(4n+3) {
    /* Span 2 columns, starting in the 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -75%;
    width: 26%;
  }
  /* line 263, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first .block:nth-child(4n) {
    /* Span 2 columns, starting in the 5th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
}
/* line 269, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first {
  /* Span 8 columns starting in column 1 */
  float: left;
  width: 66.66667%;
  margin-left: 0%;
  margin-right: -66.66667%;
  padding-left: 0;
  padding-right: 0;
}
/* line 274, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .block {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
}
/* line 277, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-1 {
  /* Span 2 columns, starting in the 1st column from left. */
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -25%;
  clear: left;
}
/* line 281, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-2 {
  /* Span 2 columns, starting in the 3rd column from left. */
  float: left;
  width: 25%;
  margin-left: 25%;
  margin-right: -50%;
}
/* line 284, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-3 {
  /* Span 2 columns, starting in the 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 50%;
  margin-right: -75%;
}
/* line 287, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-4 {
  /* Span 2 columns, starting in the 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
  margin-right: 0;
}
/* line 291, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-5 {
  /* Span 2 columns, starting in the 5th column from left. */
  clear: left;
  float: left;
  width: 25%;
  margin-left: 0%;
  margin-right: -25%;
}
/* line 295, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-6 {
  /* Span 2 columns, starting in the 3rd column from left. */
  float: left;
  width: 25%;
  margin-left: 25%;
  margin-right: -50%;
}
/* line 298, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-7 {
  /* Span 2 columns, starting in the 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 50%;
  margin-right: -75%;
}
/* line 301, ../../sass/layouts/responsive-sidebars.scss */
.lt-ie9 .region-footer-first .count-8 {
  /* Span 2 columns, starting in the 5th column from left. */
  float: left;
  width: 25%;
  margin-left: 75%;
  margin-right: -100%;
  margin-right: 0;
}

@media (min-width: 48em) {
  /* line 308, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-second {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -33.33333%;
    /* Span 4 columns starting in column 9 */
  }
}

@media (min-width: 48em) {
  /* line 321, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-first {
    float: left;
    margin-left: 0;
    margin-right: -68%;
    padding-left: 0;
    padding-right: 2%;
    width: 68%;
  }
}

@media (min-width: 48em) {
  /* line 333, ../../sass/layouts/responsive-sidebars.scss */
  .region-footer-second {
    clear: right;
    float: right;
    margin-left: -30%;
    margin-right: 0;
    width: 30.333%;
  }
}

/*
 * The layout when there is only one sidebar, the left one.
 */
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 354, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 354, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first #content {
    /* Span 9 columns, starting in 4th column from left. */
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 370, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }
}
@media (min-width: 60em) {
  /* line 370, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-first .region-sidebar-first {
    /* Span 3 columns, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
}

/*
 * The layout when there is only one sidebar, the right one.
 */
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 389, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 8 columns, starting in 1st column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }
}
@media (min-width: 60em) {
  /* line 389, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second #content {
    /* Span 9 columns, starting in 1st column from left. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 404, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 4 columns, starting in 9th column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 404, ../../sass/layouts/responsive-sidebars.scss */
  .sidebar-second .region-sidebar-second {
    /* Span 3 column, starting in 10th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
}

/*
 * The layout when there are two sidebars.
 */
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 424, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 424, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars #content {
    /* Span 6 columns, starting in 4th column from left. */
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 438, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    /* Span 4 columns, starting in 1st column from left. */
  }
}
@media (min-width: 60em) {
  /* line 438, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-first {
    /* Span 3 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 450, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Start a new row and span all 12 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 459, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 462, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
    /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  /* line 466, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
    /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  /* line 469, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
    /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 450, ../../sass/layouts/responsive-sidebars.scss */
  .two-sidebars .region-sidebar-second {
    /* Span 3 column, starting in 10th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
}

/*
 * The layout for the front page
 */
/* line 487, ../../sass/layouts/responsive-sidebars.scss */
.front .region-precontent {
  margin-right: 2em;
}
@media (max-width: 47.9em) {
  /* line 487, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-precontent {
    margin-right: 0;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 493, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-precontent .col-left,
  .front #content {
    /* Span 7 columns, starting in 1st column from left. */
    float: left;
    width: 58.33333%;
    margin-left: 0%;
    margin-right: -58.33333%;
  }
}
@media (min-width: 60em) {
  /* line 493, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-precontent .col-left,
  .front #content {
    /* Span 7 columns, starting in 1st column from left. */
    float: left;
    width: 58.33333%;
    margin-left: 0%;
    margin-right: -58.33333%;
  }
}
@media (min-width: 48em) and (max-width: 59.9375em) {
  /* line 504, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-precontent .col-right,
  .front .region-sidebar-second {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 41.66667%;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
}
@media (min-width: 60em) {
  /* line 504, ../../sass/layouts/responsive-sidebars.scss */
  .front .region-precontent .col-right,
  .front .region-sidebar-second {
    /* Span 5 columns, starting in 8th column from left. */
    float: left;
    width: 41.66667%;
    margin-left: 58.33333%;
    margin-right: -100%;
  }
}

/**
 * Views layout styling
 */
@media (min-width: 48em) {
  /* line 521, ../../sass/layouts/responsive-sidebars.scss */
  .grid-container h2 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 48em) {
  /* line 533, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-2 .row {
    /* Start a new row and span all 12 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 539, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-2 .col {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 542, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-2 .col-1 {
    clear: left;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }
  /* line 546, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-2 .col-2 {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
}
@media (min-width: 48em) {
  /* line 553, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-3 .row {
    /* Start a new row and span all 12 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 559, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-3 .col {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 562, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-3 .col-1 {
    clear: left;
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }
  /* line 566, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-3 .col-2 {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  /* line 569, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-3 .col-3 {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
}
@media (min-width: 48em) {
  /* line 576, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .row {
    /* Start a new row and span all 12 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  /* line 582, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .col {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/sites/all/themes/ftc/polyfills/boxsizing.htc");
  }
  /* line 585, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .col-1 {
    clear: left;
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  /* line 589, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .col-2 {
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -50%;
  }
  /* line 592, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .col-3 {
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -75%;
  }
  /* line 595, ../../sass/layouts/responsive-sidebars.scss */
  .views-view-grid.cols-4 .col-4 {
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
}
@media (max-width: 47.9em) {
  /* line 602, ../../sass/layouts/responsive-sidebars.scss */
  .view-homepage-videos.view-display-id-page_1 .views-view-grid .col {
    padding-bottom: 15px;
  }
}