Innovation-Responsive.css

<style>

/* Safari-only */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
    #columns #content-column {
      margin-top:410px;
    }
    .responive-menu-container.clearfix {
      display: none;
    }
  }
}

/* Innovation Responsive */
.responive-menu-container.clearfix {
  display: none;
}

@media(max-width:1380px){
  .hl__content-block--dots {
    padding-left: 0;
    padding-right: 0;
    max-width: calc(100% - 40px);
  }

  /* featured stories */
  .hl__featured-stories {
    max-width: 1080px;
    text-align:center;
  }
  .hl__featured-stories .three-3x33 {
    display: inline-block;
  }
  .hl__featured-story__content {
    text-align:left;
  }
  #content-panels.at-panel .region, .panel-row {
    float: none;
  }

  /* grids */
  .hl__featured-stories .region-three-33-first > .region-inner,
  .hl__featured-stories .region-three-33-third > .region-inner {
    grid-template-columns: 540px 320px;
    grid-template-rows: 15px 320px 15px;
  }
  .hl__featured-stories .region-three-33-second > .region-inner {
    grid-template-columns: 320px 540px;
    grid-template-rows: 15px 320px 15px;
  }
  .hl__featured-story--2.hl__featured-story__content {
    grid-column-start: 1;
    grid-row-start: 2;
  }
  .hl__featured-story--2.hl__featured-story__image {
    grid-column-start: 2;
    grid-row-start: 1;
  }

  /* padding above see all button */
  #content-panels .hl__featured-stories {
    margin-bottom: 60px;
  }
}

@media(max-width:1008px){
  .at-panel.gpanel.panel-display.three-col.clearfix {
    padding-right:0;
  }
  .hg-container {
    padding:0 !important;
  }
  .search-block-form, #search-block-form {
    margin-left:0;
  }
  #boxes-box-site_info {
   margin-left:0;
  }



}

@media(max-width:859px){
  .hl__footer__logo, .hl__footer__column {
    margin-bottom:30px;
  }

  .hl__footer__links, .hl__footer__column.hl__footer__contact {
    margin-left:0;
  }

  .hl__footer__logo {
    margin-left: auto;
    margin-right: auto;
  }

}

@media(max-width:780px){
  /* stack header items */
  .region-inner.clearfix.site-info {
    grid-template-columns: 100%;
    grid-template-rows: 45px 45px auto;
  }
  #boxes-box-site_info {
    padding-top:0 !important;
    max-height:45px;
  }
  #header-container .block-boxes-os_boxes_site_info {
    padding:3px 0 !important;
  }
  /* #boxes-box-site_info h1 a {
    padding-left:10px;
  } */
  .hl__header-logo{
    width:100%;
    text-align:left;
    padding:11px 20px;
    grid-row-start:2;
  }
  /* .hl__header-logo .block-inner {
    padding-left:25px;
  } */
  .hl__hero h2{
    padding-top:59px;
    padding-bottom:129px;
  }

}


@media(max-width:768px){
  .block {
    width:auto !important;
  }

  .hl__story__main-content, .hl__story-index__cards .block-inner,
  #main-content-header, #columns #block-boxes-solr-search-box .block-inner {
    padding-left:20px;
    padding-right:20px;
  }

  #content-panels .block {
    margin-bottom: 60px;
  }

  #content-column .hl__content-block--dots .block-inner {
    padding:60px 20px;
  }

  .hl__quick-facts {
    padding:60px;
  }
}

@media(max-width:620px){
  .hl__footer__links {
    display:block;
    flex-basis:auto;
  }
  .hl__footer__column {
    width:100%;
  }
  .hl__footer__column.hl__footer__location-login {
    margin-left:0;
  }
}

@media(max-width:606px){
  .hl__cta {
    padding:60px 0;
  }
  .hl__pull-quote--1 p:last-child {
    font-size:28px;
    line-height:41px;
  }
  #content-panels .block.hl__pull-quote--1 {
    padding-top: 0px;
  }
  .hl__pull-quote--1 .media.media-element-container.media-default {
    bottom: -10px;
  }
  .hl__pull-quote--1 svg {
    width:80px;
  }

  /* featured stories grid */
  .hl__featured-stories .three-3x33 {
    display: block;
  }
  #content-panels .hl__featured-stories {
  	margin-top:-60px;
  }
  #content-panels .hl__featured-stories {
    margin-bottom:30px;
  }

  .hl__featured-stories .region-three-33-first > .region-inner ,
  .hl__featured-stories .region-three-33-second > .region-inner,
  .hl__featured-stories .region-three-33-third > .region-inner {
    display: flex;
    flex-direction: column;
    max-width: 540px;
  }

  .hl__featured-stories .region-three-33-second > .region-inner {
    flex-direction: column-reverse;
  }

  .hl__featured-story__image {
    height:auto;
  }
  body.html .hl__featured-story__image img,
  .hl__featured-story__image .media-element.file-default.file-os-files-xxlarge {
    width: 100%;
    height: auto !important;
  }

  .hl__featured-story--1.hl__featured-story__content, .hl__featured-story--3.hl__featured-story__content {
    margin-top: -7px;
  }
}

@media(max-width:479px){
  .region-header-second .region-inner {
    padding-top:0 !important;
  }
  #boxes-box-site_info h1 a {
    font-size:24px !important;
  }
  #boxes-box-site_info h1 a, .hl__header-logo .block-inner {
    padding-left:10px;
  }

  .hl__header-logo{
    padding:11px 10px;
    margin-left:-10px;
  }

  #header-panels .hl__hero .block-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hl__hero h2 {
    font-size:36px;
    line-height:1.2em;
    padding-top:39px;
    padding-bottom:79px;
  }
  .hl__hero__space {
    margin-right:250px;
  }
  .hl__hero__options span {
    width:250px;
  }

  #main-content-header {
    padding-top: 40px;
  }

  .hl__story__main-content {
  	padding-top: 0;
  	margin-top: 0;
  }
  .hl__story__summary h2 {
    font-size:32px;
    line-height:40px;
  }
  .hl__quick-facts span {
    font-size: 80px !important;
    line-height: 100px !important;
  }
}


/* @media(max-width:360px){

} */

</style>