@media only screen and (max-width: 980px) {
  #primary-nav.nav-tiles.is_fixed {
    width: 92%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 92%;
  }
}

@media only screen and (max-device-width: 980px) {
  #primary-nav.nav-tiles.is_fixed {
    width: 92%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 92%;
  }
}

/** Tile hover removed for tablet width **/

@media only screen and (max-width: 768px) {
  #icpd-banner-tiles-images.icpd-banner-tiles-images-block {
    float: none;
    margin: 0 0 30px;
    width: 100%;
  }
  #topics-overview #overview-block, 
  #topics-overview #fixed-block {
    float: none;
    width: auto;
  }
  #overview-block, 
  #fixed-block, 
  #fixed-block-1, 
  #fixed-block-2 {
    margin: 0;
  }
  /*SOF Navigation bar css*/
  #icpd-nav-bar .icpd-nav-item {
    margin: 0 2% 5%;
    width: 45%;
  }
  /*EOF Navigation bar css*/
}

@media only screen and (max-device-width: 768px) {
  .left-col-tiles {
    width: 100%;
  }
  .child-tile {
    width: 100%;
  }
  .right-col-tiles {
    width: 100%;
  }
  .tile-first, .tile-second, .tile-third, .tile-fourth, .tile-fifth, .tile-sixth, .tile-last {
    height: 120px;
    margin-bottom: 5px;
  }
  .tile-overlay {
    opacity: 1;
    transition: none;
  }
  .tile.tile-lightblue .tile-overlay{
    background: rgba(0, 204, 255, 0.9);
  }
  .tile.tile-orange .tile-overlay{
    background: rgba(242, 148, 46, 0.9);
  }
  .tile.tile-yellow .tile-overlay{
    background: rgba(250, 206, 65, 0.9);
  }
  .tile.tile-blue .tile-overlay{
    background: rgba(47, 144, 201, 0.9);
  }
  .tile.tile-green .tile-overlay{
    background: rgba(133, 185, 58, 0.9);
  }
  #icpd-banner-tiles-images.icpd-banner-tiles-images-block {
    float: none;
    width: 100%;
  }
  #primary-nav.nav-tiles.is_fixed {
    width: 90%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 90%;
  }
  /*SOF Navigation bar css*/
  #icpd-nav-bar .icpd-nav-item {
    margin: 0 2% 5%;
    width: 45%;
  }
  /*EOF Navigation bar css*/
}

/** Fit window size **/
@media screen and (max-width: 768px) {
  #fixed-block {
    float: left;
  }
  #primary-nav.nav-tiles.is_fixed {
    width: 90%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 90%;
  }
}

@media only screen and (max-width: 640px) {
  #primary-nav.nav-tiles.is_fixed {
    width: 86%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 86%;
  }
}

@media only screen and (max-device-width: 640px) {
  #primary-nav.nav-tiles.is_fixed {
    width: 86%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 86%;
  }
}

@media only screen and (max-width: 575px) {
  .icpd-programme-action section {
    display: block;
  }
  .icpd-programme-action section .column-blocks {
    float: none;
    width: 100%; 
  }
  .icpd-programme-action section .column-blocks:first-child,
  .icpd-programme-action section .column-blocks:last-child {
    margin: 0;
  }
  .icpd-programme-action section .column-blocks:first-child {
    margin: 0 0 40px;
  }
}
/** Tile hover removed for mobile width **/
@media only screen and (max-width: 480px) {
  .left-col-tiles {
    width: 100%;
  }
  .child-tile {
    width: 100%;
  }
  .right-col-tiles {
    width: 100%;
  }
  .tile-first, .tile-second, .tile-third, .tile-fourth, .tile-fifth, .tile-sixth, .tile-last {
    height: 80px;
    margin-bottom: 5px;
  }
  .tile-overlay {
    opacity: 1;
    transition: none;
  }
  .tile.tile-lightblue .tile-overlay{
    background: rgba(0, 204, 255, 0.9);
  }
  .tile.tile-orange .tile-overlay{
    background: rgba(242, 148, 46, 0.9);
  }
  .tile.tile-yellow .tile-overlay{
    background: rgba(250, 206, 65, 0.9);
  }
  .tile.tile-blue .tile-overlay{
    background: rgba(47, 144, 201, 0.9);
  }
  .tile.tile-green .tile-overlay{
    background: rgba(133, 185, 58, 0.9);
  }
  #primary-nav.nav-tiles.is_fixed {
    width: 82%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 82%;
  }
  /*---SOF icpd library listing page css---*/

  .view-id-icpd_resources.icpd-listing-library > .view-content > .views-row > .views-field-field-resource-cover-image {
    margin: 0 0 15px 0px;
    width: 100%;
  }
  .node-type-icpd-library-resource #detail-page-template .view-display-id-resource_detail_pane_1 .views-field-field-resource-cover-image {
    margin: 0 0 15px 0px;
    width: 100%;
  }
  /*---EOF icpd library listing page css---*/
  /*SOF Navigation bar css*/
  #icpd-nav-bar .icpd-nav-item {
    margin: 0 0 5%;
    width: 100%;
  }
  /*EOF Navigation bar css*/

}
/** Reduced tile height for mobile **/

@media only screen and (max-device-width: 480px) {
  .tile-first, .tile-second, .tile-third, .tile-fourth, .tile-fifth, .tile-sixth, .tile-last {
    height: 80px;
  }

  #primary-nav.nav-tiles.is_fixed {
    width: 83%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 83%;
  }

  /*---SOF icpd library listing page css---*/

  .view-id-icpd_resources.icpd-listing-library > .view-content > .views-row > .views-field-field-resource-cover-image {
    margin: 0 0 15px 0px;
    width: 100%;
  }
  .node-type-icpd-library-resource #detail-page-template .view-display-id-resource_detail_pane_1 .views-field-field-resource-cover-image {
    margin: 0 0 15px 0px;
    width: 100%;
  }

  /*---EOF icpd library listing page css---*/
  /*SOF Navigation bar css*/
  #icpd-nav-bar .icpd-nav-item {
    margin: 0 0 5%;
    width: 100%;
  }
  /*EOF Navigation bar css*/

}

/** Reduced heading sizes for mobile **/
@media only screen and (max-width: 361px) {
  .primary-heading {
    font-size: 1.5em;
  }
  .secondary-heading {
    font-size: 1em;
  }
  .small-heading {
    font-size: 0.9em;
    margin-top: 15px;
  }
  #primary-nav.nav-tiles.is_fixed {
    width: 80%;
  }
  #secondary-nav.article-chapter-nav.is_fixed {
    width: 80%;
  }
  .featured-content-orange .featured-slider-container h4 {
    margin: 40px 0 20px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  #overview-block.icpd-overview-block .views-field-views-conditional a {
    margin: 20px auto;
  }
}