/* RESPONSIVE */

@media only screen and (max-width: 3200px) {
  .grid-item {
    width: 25%;
  }
  .grid-sizer {
    width: 12.5%;
  }

  .grid-item-related {
    width: 12.5%;
  }
  .grid-item-half {
    width: 12.5%;
  }
  .twox {
    width: 50% !important;
  }
  .grid-item-award:nth-child(5) h4 {
    padding-top: 0;
  }
  .grid-container.grid-modal {
    max-width: 2160px !important;
    margin-left: auto !important;
    padding-left: 18px !important;
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 1720px) {
  .grid-item {
    width: 33.333333333333%;
  }
  .grid-sizer {
    width: 16.66666666666667%;
  }

  .grid-item-related {
    width: 16.66666666666667%;
  }
  .grid-item-half {
    width: 16.66666666666667%;
  }
  .twox {
    width: 66.666666666666% !important;
  }
  .grid-item-award:nth-child(5) h4 {
    padding-top: 13px;
  }
}

/* Nav size shrink below 1280px */

@media only screen and (max-width: 1280px) {
  .grid-modal h2 a,
  .grid-modal h3 a {
    font-size: 1.5em !important;
  }

  .explorelink {
    margin-top: 42px !important;
  }
}

/* Nav size shrink below 930px */

@media only screen and (max-width: 930px) {
  .grid-modal h2 a,
  .grid-modal h3 a {
    font-size: 1.35em !important;
  }
  .grid-footer-nav .tablet-grid-33 {
    padding-right: 0 !important;
  }

  .explorelink {
    margin-top: 38px !important;
  }
}

@media only screen and (max-width: 1023px) {
  * {
    transition-duration: 0s !important;
  }
  .grid-item-half-thumb {
    width: 25% !important;
  }
  .grid-item {
    width: 50%;
  }
  .grid-sizer {
    width: 50%;
  }
  .grid-item-related {
    width: 50%;
  }
  .grid-item-half {
    width: 25%;
  }
  .twox {
    width: 50% !important;
  }
}

/* Two column layout from 980px */

@media only screen and (max-width: 980px) {
  .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-item-half {
    width: 25%;
  }

  .grid-line-outer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .grid-container.grid-modal {
    padding-left: 7px !important;
  }
}

/* Remove extra padding at iPad and less */

@media only screen and (max-width: 768px) {
  .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Still 2 columns down to 768px */

@media only screen and (max-width: 767px) {
  .explorelink {
    margin-top: 24px !important;
  }

  .alpha {
    padding: 21px 0 0 0 !important;
    min-height: auto !important;
  }
  .alpha.headroom {
    transition-duration: 0s !important;
  }

  .grid-footer-nav {
    padding-top: 0 !important;
  }

  .mnu_outer_contain {
    min-height: auto !important;
  }

  .alpha.headroom--unpinned h1 {
    font-size: 0.8em !important;
  }

  .alpha.headroom--unpinned {
    padding: 12px 0 0 0 !important;
  }

  .alpha.headroom--unpinned .prnt {
    margin-bottom: 12px !important;
  }

  h1,
  h1.ahmmModal,
  .grid-modal h2 a,
  .grid-modal h3 a {
    font-size: 1.4em !important;
    line-height: 0.85em !important;
  }

  #ahmmModal input[type="text"] {
    font-size: 1.4em !important;
  }

  .prnt {
    margin-bottom: 20px !important;
  }

  /*
   .alpha.headroom--unpinned .mnu_outer {
      margin-top: 9px !important; 
      transition-duration: 0s; 
  } 
  */

  .grid-modal-top {
    padding-top: 21px !important;
    padding-bottom: 0 !important;
  }

  .grid-modal .grid-footer-nav {
    padding-left: 3px !important;
  }

  /* .close-ahmmModal i {
    margin-top: 10px !important;
  } */

  .grid-menu {
    padding-left: 7px !important;
    padding-right: 0 !important;
  }
  .grid-item-news h4 {
    font-size: 1.4em !important;
  }

  ul.navigation_list {
    /* padding-top: 17px; */
  }

  p.intro {
    font-size: 1em !important;
    margin-right: 0 !important;
  }
  .grid-copyright {
    margin-bottom: 18px;
  }
  img.stirling {
    float: right !important;
    margin-top: 1px;
    padding-right: 7px !important;
  }
  .grid-footer {
    margin: 24px 0 24px 7px !important;
  }
  .grid-subnav {
    margin-bottom: 24px !important;
  }

  .close-ahmmModal {
    margin-top: 2px !important;
  }

  .nshare {
    margin-bottom: 18px;
  }

  .grid-line-outer {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .grid-100-article {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .grid-social p {
    float: right;
    text-align: right;
    padding-right: 7px;
    margin-right: 0 !important;
  }
}

/* Transform to single column at 572px */

@media only screen and (max-width: 572px) {
  * {
    transition-duration: 0s !important;
  }

  @supports not (-webkit-overflow-scrolling: touch) {
    .mnu_outer_contain:hover {
    }
  }

  .lazyloaded {
    transition-duration: 0.6s !important;
  }

  .grid-item {
    width: 100%;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
  }
  .grid-sizer {
    width: 100%;
  }
  .grid-item-related {
    width: 0%;
  }

  .grid-item-half {
    width: 100%;
  }

  .grid-item-related-project {
    width: 48% !important;
  }

  h1,
  h1.ahmmModal,
  #ahmmModal input[type="text"],
  .grid-modal h2 a,
  .grid-modal h3 a {
    margin-left: 3px !important;
  }
  .grid-menu {
    padding-left: 0 !important;
  }
  .twox,
  .twox img {
    width: 100% !important;
  }

  .ahmm,
  .prnt {
    margin-left: 3px !important;
  }

  .grid-100 {
    padding-left: 7px;
    padding-right: 7px;
  }

  .grid-item-data p,
  p.intro {
    margin-top: 12px !important;
  }

  p,
  p.intro,
  ul li,
  ol li {
    font-size: 1.1em !important;
    margin-right: 0 !important;
  }

  .introhome {
    padding: 0 0 10px 0 !important;
    margin-top: 0 !important;
    margin: 0 !important;
  }
  .iso {
    margin: 0 0 32px 0 !important;
  }
  .grid-item-half-thumb,
  .grid-thumb {
    width: 50% !important;
  }

  ul.navigation_list {
    margin-left: 3px !important;
    margin-bottom: 24px !important;
  }

  ul.navigation_list li a {
    font-size: 1.25em !important;
  }

  .grid-item h4,
  .grid-item-exhib h4,
  .grid-item-film h4,
  .grid-item-project-news h4,
  .grid-item-news h4,
  .grid-item-sust-topic h4,
  .grid-item-news-article h4,
  .grid-item-award h4,
  .grid-item-vacancy h4,
  .grid-clients h4,
  .grid-other-news h4,
  .grid-news-text h4 {
    /* 	padding: 3px 7px 3px 11px !important; */
    font-size: 1.4em !important;
  }

  .mnu_outer,
  .close-ahmmModal {
    margin-right: 4px !important;
  }

  .grid-footer .soccirc {
    margin-right: 10px !important;
    margin-top: 2px !important;
  }

  .news-article-lower-over {
    transition-duration: 0 !important;
  }

  .grid-table {
    overflow-x: hidden !important;
    margin-right: 20px !important;
  }

  .grid-item-exhib:nth-child(-n + 4) h4 {
    padding-top: 14px !important;
  }

  .tagHolder {
    width: 100% !important;
  }

  .tagToggle {
    margin-top: 3px !important;
  }

  .tag p,
  .tagList p,
  .tagToggle p,
  .tagProject p {
    font-size: 0.8em !important;
  }

  .tagList {
    margin: 3px 2px 5px 2px !important;
  }

  .tagListHolderInner {
    height: auto;
    display: block;
    padding-left: 2px;
  }

  .yearmarker h4 {
    padding-top: 8px !important;
  }

  .grid-item-person h5 {
    margin-top: 10px !important;
    font-size: 1.1em !important;
  }

  .grid-item-person-focus h5 {
    margin-bottom: 12px !important;
  }

  #ahmmModal input[type="text"] {
    margin-top: -4px !important;
  }

  .alpha.headroom--unpinned,
  .alpha.headroom--unpinned * {
    transition-duration: 0s !important;
  }
}