img {
max-width: 100%;
} @media only screen and (min-width : 320px) and (max-width : 480px) {
.container {
width: 94%;
}
.web-menu {
display: none;
}
#mob-menu-container {
display: block;
}
.content03Left {
width: 100%;
}
.content03Right {
width: 100%;
}
.content04Right {
width: 100%;
}
.content05Left {
width: 100%;
}
.content05Right {
width: 100%;
}
.content06Left {
width: 100%;
}
.content06Right {
width: 100%;
}
.content07Left {
width: 100%;
}
.content07Right {
width: 100%;
}
.content08Left {
width: 100%;
}
#outreachservicesRow .splservicesBox01 {
width: 100%;
}
#outreachservicesRow .splservicesBox02 {
width: 100%;
}
.newsRow .newsContent {
width: 100%;
}
.story { 
width: 100%;
margin-right: 0;
}
} @media only screen and (min-width : 321px) {
} @media only screen and (max-width : 320px) {
} @media only screen and (min-width : 768px) and (max-width : 1024px) {
.container {
width: 94%;
}
.content08Left {
width: 58%;
margin-right: 2%;
}
.content04Right {
width: 36%;
}
.content03Left {
width: 23.5%;
margin-right: 2%;
}
.content03Right { 
width: 23.5%;	
}
.content07Left {
width: 49%;
margin-right: 0;
}
.content05Right {
width: 49%;
}
.content06Left {
width: 49%;
margin-right: 0;
}
.content06Right {
width: 49%;
}
.content05Left { 
width: 100%;
margin-right: 0;
}
.content07Right { 
width: 100%;
}
.newsRow .newsContent { 
width:100%;
float:left;
}
} @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
} @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
} @media only screen and (min-width : 1224px) {
} @media only screen and (min-width : 1824px) {
}