/* mobile styles */

@media all and (max-width: 1240px) {

.slicknav_menu {
   display: block!important;
}
header .mainnav,
#scroll, #subnav {
  display: none!important;
}
  .contentwrapper {
  width: 100%;
  max-width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
}
}
@media all and (max-width: 1000px) {

.footer-bottom p {
  border-top: 1px solid #fff;
}
.footer-bottom p,
.footer-bottom a.top {
  text-align: center;
  float: none;
  display: block;
  padding: 5px;
  width: 100%;
  right: 0;
  bottom: unset;
}
.footer-bottom .wrapper {
  width: 100% !important;
  padding: 0;
}
.footer-bottom ul + p {
    background: #000;
  }
}

@media all and (max-width: 800px) {

.social li a,
header .search  {
  font-size: 0;
}
header .SearchField {
  display: none;
}
header .search input.MoSTButton {
  border: 0 !important;
}

h1 {
  font-size: 24px;
}
h2, h4 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

table.promobox td, table.grid td {
  display: block;
  width: 100%;
  padding: 5px 0;
 }
footer .third {
  width: 96%;
}
footer .third:first-child {
  display: none;
}
}

@media all and (max-width: 760px) {

  div.news ._DocumentList {
    display: block;
  }
  .research  ._DocumentList div._Layout {
  width: 100%;
  margin: 1%;
}
  .news ._DocumentList ._Layout {
    width: 100%;
}
}
@media all and (max-width: 640px) {
.newsletter ._DocumentList div._Layout {
  width: 100%;
  padding-top: 27%;
  min-height: auto;
  margin: 1%;
}
.resources ._DocumentList div._Layout {
  width: 100%;
}
table.threecolumn td {
  width: 100%;
}
table.logotable td {
  display: table-row;
}
table.logotable td:nth-child(2) {
  width: 90%;
}
}

@media all and (max-width: 600px) {
.mobile {
  display: block;
}
header .mobile.home {  
    width: 47px;
    position: absolute;
    top: 9px;
    left: 5px;
    z-index: 1001;
}
header .logo {
  display: none;
}
header .home img {
  width: 100%;
}
.wrapper {
  padding: 20px 5%;
}
._Content img.MoSTImage {
  width: 100%;
}
header, header .wrapper {
  height: auto !important; 
}
header ul.social {
    border-radius: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 60px;
}
header .social li a {
  border: 0 !important;
}

.social li.contact, .social li.twitter, .social li.newsletter {
  background-position: center center;
}

header {
  box-shadow:inset 0 0 0 2000px rgba(255,255,255,0.3);
}

header .logo {
   width: 100%;
    padding: 5% 0;
    margin-bottom: 20px;
}

.banner img  {
   margin-top: 60px;
}

.nmacp p, .intro p, .third {
  width: 96% !important;
  margin: 5px 2% !important;
}

.intro img {
  display: none;
}

._Content {
  padding: 2% 0 !important;
}

._Content .infobox {
  height: auto;
  min-height: unset !important;
  margin: 2%;
}
.infobox a {
  position: unset !important;
  float: left;
  margin: 10px 0;
}
._DocumentList ._Layout, .content-bottom .infobox {
  min-height: auto !important;
}

.blue a,
.green a,
.lightgreen a {
  display: block;
  width: 90%;
  padding: 5%;
  margin: 0 auto;
}

.footer-bottom ul, .footer-bottom p {
  width: 100%;
}

table.twocolumn,
table.twocolumn td {
  width: 100% !important;
}
.news div._Layout {
width: 100%;
}
table.peopletable td {
width: 100% !important;
display: block;
padding: 5%;
}
.search-results span.date {
  width: 100%;
  } 
}

@media all and (max-width: 400px) {

header .wrapper {
  padding: 0;
  width: 100% !important;
}
.slider img {
   margin-top: 150px;
}
header .logo {
    width: 100%;
    padding: 5% 10%;
    max-width: 100%;
    background: rgba(255,255,255,0.2);
}
header .logo img {
    width: 100%;
    padding: 0 10%;
}
.banner img  {
   width: auto;
   height: 150px;
}
}