/* Responsive
--------------*/

@media(max-width:1012px) {

h1#logo {
  margin:0 0 0 3.0303%;
}

div#block-menu_block-3,
div#header div.block-site-search {
  margin:0 3.0303% 0 0;
}
div#block-menu_block-3 ul.menu li.expanded ul {
  top:57px;
}

div#block-menu_block-4 {
  clear:right;
}

}

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

div#block-menu_block-3 ul.menu {
  font-size:14px;
}
div#block-menu_block-3 ul.menu li a {
  padding:8px;
}
div#block-menu_block-3 ul.menu li.expanded:hover ul {
  display:none;
}

div#block-menu_block-4 {
  padding:0;
  margin:0 3.0303% 0 0;
}

div#header div.block-site-search form input[type="text"] {
  width:140px;
}

div#menu {
  width:95%;
  margin:0 2.5%;
}

div#content {
  width:auto;
  margin:0 2.5%;
}
div.menu div#content,
div.aside div#content,
div.menu-split div#content,
div.menu-triple div#content,
div.aside-split div#content,
div.aside-triple div#content,
div.full div#content,
div.full-split div#content,
div.full-triple div#content {
  width:95%;
}

div#block-views-research_themes-block_banner div.views-row {
	width:33%;
}

/*
div#views_slideshow_cycle_main_slideshow-block,
div#block-views-slideshow-block div.views-slideshow-controls-top {
  width:50%;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item {
  padding:5%;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-title {
  font-size:16px;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-field-introduction {
  font-size:14px;
  line-height:18px;
}
*/

body.node-type-banner-page div#banner div#block-views--exp-publications_search-page {
  top:135px;
  margin-left:-200px;
}
body.node-type-banner-page div#banner div.field-name-field-banner-image img {
}

div#block-views-tweets-block div.view-tweets ul li {
  width:48.4315%;
  min-height:135px;
}
div#block-views-tweets-block div.view-tweets ul li.views-row-even {
  margin:0;
}
div#block-views-tweets-block div.view-tweets ul li p.tweet-text a {
  word-wrap:break-word;
  word-break:break-all;
}

div#main div.block-quicktabs {
  padding:0 0 22px 0;
}
ul.quicktabs-tabs li a {
  min-width:0;
  padding:10px;
  margin:0;
  font-size:14px;
}
ul.quicktabs-tabs li a#quicktabs-tab-latest-0,
ul.quicktabs-tabs li a#quicktabs-tab-latest-1,
ul.quicktabs-tabs li a#quicktabs-tab-latest-2 {
  padding:10px 30px 10px 50px;
}

div#quicktabs-projects ul.quicktabs-tabs li a,
div#quicktabs-projects ul.quicktabs-tabs li.active a {
  padding:5px;
  width:100px;
  font-size:12px;
  line-height:16px;
}

body.front div.view-matrix div.views-row {
  min-height:150px;
  max-height:0;
}
body.front div.view-matrix-blog div.views-row {
  min-height:180px;
}

div.view-matrix div.views-row {
  width:25%/*50%*/;
  min-height:230px;
  max-height:250px;
}
div.view-matrix.view-staff-directory div.views-row {
  width:25%;
}
div.view-matrix-blog div.views-row {
  width:49%;
}
div.view-matrix div.views-row a span.title,
div.view-matrix div.views-row a span.name {
  font-size:18px;
  line-height:20px;
  min-height:48px;
}

/* Publications */

body.page-publications div.views-exposed-widget.views-widget-filter-tid {
  float: left;
  clear: left;
  width: 100%;
  border-left: none;
  padding: 1% 0 0 0;
  margin: 0;
}

body.node-type-banner-page div#banner form div.views-exposed-widget,
body.page-publications-search div#banner form div.views-exposed-widget {
  width:auto;
}
body.node-type-banner-page div#banner form div.views-exposed-widgets,
body.page-publications-search div#banner form div.views-exposed-widgets {
  width:400px;
}
body.page-publications-search div#block-views--exp-publications_search-page {
  float:none;
  width:auto;
}
form#views-exposed-form-publications-search-page input[type="text"] {
  width:310px;
}
form#views-exposed-form-publications-search-page div.views-submit-button {
  margin:0 0 0 10px;
  padding-right:0;
}

div.view-matrix-events div.views-row a {
  background-size:18%;
}

div#block-views-publications-block_4 div.views-row {
  background-size:8%;
}

div#menu ul.menu li a {
  padding:3%;
}

div#aside {
  width:95%;
  margin:2.5% 2.5% 0 2.5%;
}
div#aside div.block {
  clear:left;
}
div#aside div#block-views-links-block h2 span {
  padding:0.6667% 1.6667%;
}

body.node-type-webform div.field-name-body iframe {
  width:50%;
}

div#block-block-1,
div#block-block-2,
div#block-menu-menu-footer-menu {
  clear:left;
  float:left;
  margin-left:2.5%;
  margin-right:2.5%;
}

}

@media (min-width:481px) and (max-width:601px) {

body.node-type-banner-page div#banner div.field-name-field-introduction {
  font-size:22px;
  line-height:28px;
}

div#block-views-research_themes-block_banner div.views-row {
	width:50%;
}

/*
div#block-views-slideshow-block {
  border:0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top,
div#views_slideshow_cycle_main_slideshow-block {
  float:none;
  width:auto;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item {
  padding:5%;
  border:0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-title {
	font-size: 16px;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-content-nothing {
  display:none;
}
*/

}

@media (max-width:480px) {

body {
  font-size:14px;
  line-height:16px;
}

h1, h2, h3 {
  margin:0 0 5% 0;
}

div.block-views h2 span {
  font-size:16px;
}

div#menu {
  float:none;
  width:90%;
  margin:0 5% 5% 5%;
}

div#content,
div.menu div#content,
div.aside div#content,
div.menu-split div#content,
div.menu-triple div#content,
div.aside-split div#content,
div.aside-triple div#content,
div.full div#content,
div.full-split div#content,
div.full-triple div#content {
  width:90%;
  margin:0 5%;
}

div#block-block-16 {
  width:100%;
  display:inline-block;
  text-align:center;
}
h1#logo {
  float:none;
}
h1#logo a {
  float:none;
  margin:0 auto;
  display:block;
  text-align: center;
	width: 200px;
}
h1#logo a span {
  display:none;
}
h1#logo a img {
	float: none;
  width:50px;
  margin:0;
}
h1#logo div.mobile-title {
	display: block;
}

div#header div.block-site-search {
  float:none;
  width:264px;
  margin:2% auto;
}
form#search-block-form {
  padding:0 5% 0 5px;
}
div#header div.block-site-search {
  width:233px;
}
div#header div.block-site-search form {
  padding:0;
}
div#header div.block-site-search form input[type="text"] {
  width:160px;
}

div#header div#block-block-17 {
  display:none;
}
ul.social {
  float:none;
  margin:5% auto;
  clear:both;
  width:148px;
}

div#block-menu_block-4 {
  float:none;
  margin:5% auto;
  padding:0;
  width:280px;
}
div#block-menu_block-4 ul.menu {
	float: none;
	text-align: center;
}
div#block-menu_block-4 ul.menu li {
  margin:0;
  padding:0 6px;
  float:none;
  display:inline-block;
}

div#block-menu_block-3 {
  min-height:30px;
  width:100%;
  padding:0;
  margin:0;
  background:#680f12;
}
div#block-menu_block-3 div.menu-block-wrapper {
  float:left;
}
div#block-menu_block-3 div.menu-block-wrapper,
div#block-menu_block-3 ul.menu li.expanded:hover ul {
  display:none;
}
div#block-menu_block-3 span.button {
  display:block;
}
div#block-menu_block-3 ul.menu li,
div#block-menu_block-3 ul.menu li a {
  display:block;
  width:100%;
}
div#block-menu_block-3 ul.menu li a {
  width:90%;
  padding:5%;
  border:0;
  border-top:1px solid #999;
}
div#block-menu_block-3 ul.menu li.last a {
  border-bottom:1px solid #999;
}

div#block-views-research_themes-block_banner div.views-row {
	width:50%;
}

div#block-views-slideshow-block_list,
div#block-block-10 {
	float:none;
	width:auto;
}

/*
div#block-views-slideshow-block {
  border:0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top,
div#views_slideshow_cycle_main_slideshow-block {
  float:none;
  width:auto;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item {
  padding:5%;
  border:0;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-field-title {
	font-size: 16px;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-content-nothing {
  display:none;
}
*/

div#block-views-tweets-block div.view-tweets ul li {
  float:none;
  width:auto;
}

/* Banner */

body.node-type-banner-page div#banner div#block-views--exp-publications_search-page {
  margin-left:-120px;
  top:135px;
}
body.node-type-banner-page div#banner div.field-name-field-introduction {
  font-size:20px;
  line-height:26px;
}
body.node-type-banner-page.page-node-11651 div#banner div.field-name-field-introduction {
  font-size:18px;
  line-height:24px;
}
body.node-type-banner-page div#banner div#block-block-18 {
  padding:5%;
  top:180px;
  left:0;
  margin-left:0;
  width:90%;
}
body.node-type-banner-page div#banner div.field-name-field-banner-image img {
}

/* Content */
ul.quicktabs-tabs {
  margin:0 0 5% 0;
  border-top:0;
}
ul.quicktabs-tabs li,
ul.quicktabs-tabs li a,
div#quicktabs-projects ul.quicktabs-tabs li a,
div#quicktabs-projects ul.quicktabs-tabs li.active a {
  width:auto;
  height:auto;
  display:block;
}
ul.quicktabs-tabs li,
div#quicktabs-projects ul.quicktabs-tabs li {
  top:-28px;
}
ul.quicktabs-tabs li.active {
  padding-bottom:0;
  background-image:none;
}
ul.quicktabs-tabs li a {
  border-bottom:0;
}
ul.quicktabs-tabs li.last a {
  border-bottom:1px solid #999;
}

div.view-matrix div.views-row,
div#quicktabs-staff div.view-matrix div.views-row,
div#block-views-publications-block_3 div.views-row {
  float:left;
  width:50%;
  margin:0;
}

div#quicktabs-container-latest div.views-row:nth-child(2n+1) {
	clear: left;
}

div#block-views-publications-block_4 div.views-row {
  padding-right:45px;
}

div.view-matrix div.views-row {}
div.view-matrix div.views-row a {
  overflow:hidden;
}

div.view-matrix-projects div.views-row a,
div.view-matrix-themes div.views-row a {
  min-height:201px;
}
div.view-matrix-staff div.views-row a {
  min-height:222px;
}

div.view-matrix-projects div.views-row a span.name,
div.view-matrix div.views-row a span.name {
  font-size:16px;
  line-height:20px;
}

div#block-views-publications-block_3 div.views-row,
div.view-matrix-projects div.views-row a span.title {
  text-align:left;
  font-size:20px;
  line-height:22px;
}

div.view-matrix-events div.views-row a {
  background-size:15%;
}

div.view-matrix ul.pager li.pager-current,
div#block-views-publications-block_4 ul.pager li.pager-current {
  display:none;
}

ul.search-content-type {
	margin: 0px;
}

/* Blog */
div#block-views-blog-main div.views-row div.views-field-field-last-name,
body.node-type-blog-post div.view-display-id-byline {
  position:relative;
  width:100%;
  background-image:none;
}
body.node-type-blog-post div.view-display-id-byline div.views-row div.views-field-picture,
div#block-views-blog-main div.views-row div.views-field-field-last-name span.image {
  margin:0 5% 5% 0;
  width:20%;
  float:left;
}
div#block-views-blog-main div.views-row div.views-field-title a,
body.node-type-blog-post h1#page-title a,
div#block-views-blog-main div.views-row div.views-field-view-node,
body.node-type-blog-post div#block-block-6,
div#block-views-blog-main div.views-row div.views-field-body,
body.node-type-blog-post div#block-system-main div.field-name-body,
body.node-type-blog-post div.field-name-field-image,
body.node-type-blog-post div#block-system-main div.field-name-field-research-themes,
body.node-type-blog-post div#block-system-main div.field-name-field-tags,
 div#block-views-blog-main div.views-row div.views-field-created {
  clear:both;
  margin:0;
}
body.node-type-blog-post div#block-block-6 {
  padding:5% 0;
}

div#block-views-blog-main div.views-row div.views-field-view {
  position:relative;
  width:auto;
}
div#block-views-blog-main div.views-row div.views-field-view div.views-row {
  width:50%;
  float:left;
}

/* Events */
div#block-views-upcoming_events-main div.views-row div.views-field-start-date-2 {
  margin:0 5% 5% 0;
  width:35%;
}
div.block-views div.view-upcoming-events div.views-row div.views-field-start-date-2 span.date {
  font-size:36px;
  line-height:48px;
}
div.block-views div.view-upcoming-events div.views-row div.views-field-start-date-2 span.month {
  font-size:12px;
}

div.event_map-section div.content {
  margin-left:0!important;
}
div.event_map-section div.content div#google_map {
  width:100%!important;
}

body.page-publications div.view-publications-search div.views-row {
  padding-left:20%;
}
body.node-type-banner-page div#banner form div.views-exposed-widget,
body.page-publications-search div#banner form div.views-exposed-widget {
  width:auto;
}
body.node-type-banner-page div#banner form div.views-exposed-widgets,
body.page-publications-search div#banner form div.views-exposed-widgets {
  width:240px;
}
body.page-publications-search div#block-views--exp-publications_search-page {
  float:none;
  width:auto;
}
form#views-exposed-form-publications-search-page input[type="text"] {
  width:152px;
}
form#views-exposed-form-publications-search-page div.views-submit-button {
  margin:0 0 0 10px;
  padding-right:0;
}

body.node-type-news-item div#block-system-main div.field-name-field-media-video {
  float:none;
  margin:0;
  width:auto;
}

div#block-views-research_theme_related-block h2 span,
div#block-views-author_publications-block_1 h2 span {
  padding-right:50px;
}

/* Media */

div#block-views-news-header div.views-row div.views-field-field-image {
  float:none;
  width:auto;
}

/* Aside */
div#aside {
  width:90%;
  margin:5% 5% 0 5%;
}
div#aside div.block {
  clear:left;
}
div#aside div#block-views-links-block h2 span {
  padding:1.3333% 3.3333%;
}

/* Contact */
body.node-type-webform div.field-name-body,
body.node-type-webform form.webform-client-form {
  float:none;
  width:auto;
}
body.node-type-webform div.field-name-body iframe {
  width:100%;
  padding:0 0 5% 0;
}

body.page-user- div.block-views div.views-row {
  float:none;
  width:auto;
  margin:0;
}
body.page-user- div.block-views div.views-row {
  padding:2.5%;
}

/* Footer */
div#footer div.holder {
  padding:10px;
}
div#block-block-1,
div#block-block-2,
div#block-menu-menu-footer-menu,
div#block-block-22 {
  clear:left;
  float:left;
  margin-left:5%;
  margin-right:5%;
}
div#block-block-22 {
  display:block;
  padding:3% 0;
}

}

@media (max-width:320px) {

div.view-matrix-themes div.views-row a,
div.view-matrix-projects div.views-row a {
  min-height:172px;
}
div.view-matrix-staff div.views-row a {
  min-height:200px;
}

}

/* Hi-res backgrounds */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {

div#block-menu_block-3 span.button {
  background-image:url('../images/icon-mobile-button-x2.png');
  background-size:30px 30px;
}

div#views_slideshow_cycle_main_slideshow-block div.views-field-field-button-link a {
  background-size:url('../images/icon-chevron-right-x2.png');
  background-size:14px 23px;
}
div#block-views-slideshow-block div.views-slideshow-controls-top div.views-slideshow-pager-field-item div.views-content-nothing {
  background-size:url('../images/icon-arrow-homeslide-x2.png');
  background-size:21px 39px;
}

ul.quicktabs-tabs li.active {
  background-size:url('../images/icon-arrow-down-red-x2.png');
  background-size:21px 17px;
}
div#quicktabs-projects ul.quicktabs-tabs li.active {
  background-size:url('../images/icon-arrow-down-teal-x2.png');
  background-size:21px 17px;
}

ul.pager li.pager-previous a {
  background-image:url('../images/icon-arrow-left-red-x2.png');
  background-size:25px 25px;
}
ul.pager li.pager-next a {
  background-image:url('../images/icon-arrow-right-red-x2.png');
  background-size:25px 25px;
}
form#views-exposed-form-publications-search-page input[type="submit"],
div#header div.block-site-search form span.button {
  background-image:url('../images/icon-header-search-x2.png');
  background-size:35px 35px;
}
body.node-type-banner-page div#banner form input[type="submit"] {
  background-image:url('../images/icon-banner-search-x2.png');
  background-size:35px 35px;
}

ul.quicktabs-tabs li a#quicktabs-tab-latest-0 {
  background-image:url('../images/icon-publication-title-red-x2.png');
  background-size:20px 20px;
}
ul.quicktabs-tabs li.active a#quicktabs-tab-latest-0,
ul.quicktabs-tabs li a#quicktabs-tab-latest-0:hover {
  background-image:url('../images/icon-publication-title-white-x2.png');
  background-size:20px 20px;
}

ul.quicktabs-tabs li a#quicktabs-tab-latest-1 {
  background-image:url('../images/icon-event-title-red-x2.png');
  background-size:20px 20px;
}
ul.quicktabs-tabs li.active a#quicktabs-tab-latest-1,
ul.quicktabs-tabs li a#quicktabs-tab-latest-1:hover {
  background-image:url('../images/icon-event-title-white-x2.png');
  background-size:20px 20px;
}

ul.quicktabs-tabs li a#quicktabs-tab-latest-2 {
  background-image:url('../images/icon-blog-title-red-x2.png');
  background-size:20px 20px;
}
ul.quicktabs-tabs li.active a#quicktabs-tab-latest-2,
ul.quicktabs-tabs li a#quicktabs-tab-latest-2:hover {
  background-image:url('../images/icon-blog-title-white-x2.png');
  background-size:20px 20px;
}
body.page-publications div.view-publications-search div.views-row,
div#block-views-publications-block_4 div.views-row,

div#block-views-publications-block_4 h2 span {
  background-image:url('../images/icon-publication-title-latest-grey-x2.png');
  background-size:20px 22px;
}
div#block-views-publications-block_3 h2 span {
  background-image:url('../images/icon-publication-title-popular-grey-x2.png');
  background-size:21px 22px;
}

div.view-matrix-events div.views-row a {
  background-image: url('../images/icon-event-red-x2.png');
  background-size:46px 46px;
}
div.view-matrix-events div.views-row a:hover {
  background-image: url('../images/icon-event-white-x2.png');
  background-size:46px 46px;
}

div#menu div.block-facetapi ul li a.facetapi-active {
  background-image:url('../images/icon-tick-facet-active-x2.png');
  background-size:12px 10px;
}

div#block-menu-menu-footer-menu ul li {
  background-image:url('../images/icon-footer-bullet-x2.png');
  background-size:4px 6px;
}

}