/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 Fully installable fonts can be purchased at http://www.fontspring.com The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2019 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*********

 Division of Sciences CSS

*********/

body {
  background: url(/_assets/sciences/gfx/background-2020.png) repeat-x 0 0;
}
#wrapper {
	background: url(/_assets/sciences/gfx/banner-2020.jpg) no-repeat right 0;
    background-size: 1400px;
}
.titleinner {
  background: none;
  padding-top: 0;
}
.titleinner img {
	display: none;
}
header#global_intro h1 {
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
#title h1,
#title h1.notopimage{
  background: url(/_assets/sciences/gfx/title-2020-blue.png) no-repeat 0 90px;
  color: #1F4A8C;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin: 0 0 14px 23px;
  max-width: 650px;
  min-width: auto;
  opacity: 1;
  padding: 350px 0 14px 0px;
  position: relative;
  text-rendering: optimizeLegibility;
}
#title p.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 21px;
    margin-left: 23px;
    margin-top: -21px;
    padding-left: 0;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table th,
#content table td,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input {
    font-size: 16px;
}
/* Content styles */

#content h2 {
	border-top: 5px dotted #dddddd;
    border-bottom: none;
    color: #444444;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 35px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 21px 0;
    padding-top: 42px;
    text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 {
	margin-top: 35px;
}
#content h3 {
    color: #444444;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 14px;
}

#content table {
	border-bottom: 1px solid #dddddd;
}
#content .grid1 img {
    max-width: 100%;
}
#content .ui-widget-content { background: none; }
body.search .ui-widget-content {
    background: none;
}
#content ul.pagesubnav {
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
    padding-top: 14px;
}
#content ul.pagesubnav li a {
    display: inline-block;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin-bottom: 7px;
}
#right {
	background-image: none;
    padding-top: 12px;
}
#right h2 {
  margin-bottom: 14px;
}

/* Business engagement */

body.OTAGO191201 #content.otgx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 882px;
}
body.OTAGO191201 #content .grid-third {
    box-sizing: border-box;
    box-shadow: 0 0 10px #e4e4e4;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 3px;
    width: 29.8%;
    margin-bottom: 46px;
    margin-right: 5.3%;
    background: #ffffff;
    transition: all 0.3s ease;
}
body.OTAGO191201 #content .grid-third:hover {
    box-shadow: 0 0 5px #e4e4e4;
}
body.OTAGO191201 #content .grid-third:nth-of-type(3n) {
    margin-right: 0;
}
body.OTAGO191201 #content .grid-third p:first-of-type {
    margin: 0;
}
body.OTAGO191201 #content .grid-third img {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    max-width: 100%;
    border-radius: 2px 2px 0 0;
}
body.OTAGO191201 #content .grid-third h2 {
    margin: 14px;
    line-height: 1.25;
}
body.OTAGO191201 #content .grid-third ul {
    margin-left: 28px;
}
body.OTAGO191201 #content .grid-third h2:before {
    width: 37px;
    height: 3px;
    content: '';
    background: #f9c000;
    display: block;
    margin-bottom: 7px;
}
#content .grid-third a {
    border-bottom: none;
}
body.OTAGO191201 #content .featurebox_blue {
    width: 100%;
}

/* Postgraduate and Careers */

.OTAGO055783 #content,
.OTAGO636742 #content,
.OTAGO055780 #content,
.OTAGO061722 #content,
.OTAGO061729 #content,
.OTAGO061728 #content,
.OTAGO061730 #content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.OTAGO055783 #content #box1,
.OTAGO636742 #content #box1,
.OTAGO055780 #content #box1,
.OTAGO061722 #content #box1,
.OTAGO061729 #content #box1,
.OTAGO061728 #content #box1,
.OTAGO061730 #content #box1 {
    margin-bottom: 21px;
}
#content .tile-box-shadow-thumbnail-description:nth-of-type(3n) {
    margin-right: 7.1%;
}
#content .tile-box-shadow-thumbnail-description:nth-of-type(3n+1) {
    margin-right: 0%;
}
#content .tile-box-shadow-thumbnail-description p {
    margin-bottom: 7px;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    font-size: 18px;
}
.OTAGO636742 #content .tile-box-shadow-thumbnail-description p {
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 14px;
    color: #888888;
    font-family: Georgia, Times New Roman, serif;
}






/******

Frontpage styles

******/


body.frontpage #title h1.notopimage {
    font-size: 65px;
	max-width: 100%; 
    padding-right: 0;
    width: 100%;
}
body.frontpage #content hr {
	border: none;
    border-bottom: 5px dotted #dddddd;
    margin: 42px 0 28px 0;
    padding: 0;
}
body.frontpage #content {
    box-sizing: border-box;    
    width: 100%;
}
body.frontpage #content #box1 h2:first-of-type {
    border-top: 0;
    font-size: 30px;
    padding-top: 0;
}
body.frontpage #content .feature-boxes {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
    margin-top: 52px;
}
body.frontpage #content .feature-boxes .grid-quarter-box-shadow {
    margin-right: 0;
}
body.frontpage #content .feature-boxes .grid-quarter-box-shadow:not(:last-of-type) {
    margin-right: 5.3%;
}
body.frontpage #content .feature-boxes a {
    border: 0;
    display: block;
}
body.frontpage #content .feature-boxes h3 a {
    font-size: 26px;
    line-height: 1.15;
    margin-bottom: 28px;
    padding: 0 14px;
}
body.frontpage #content .feature-boxes h3 a:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 5px;
    margin-bottom: 9px;
    width: 40px;
}
body.frontpage #content .video-container {
    background: #00508F;
    border-top: 21px solid #f9c000;
    border-radius: 3px;
    margin-bottom: 49px;
    padding: 14px 14px 7px 14px;
}
body.frontpage #content .video-container h2 {
    border: 0;
    color: #ffffff;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 14px;
    padding-top: 0;
}
body.frontpage #content .video-container h2 strong {
    color: #f9c000;
}
body.frontpage #content .video-container h3,
body.frontpage #content .video-container p {
    color: #ffffff;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-bottom: 14px;
}
body.frontpage #content .video-container p:first-of-type {
    color: #f9c000;
}
body.frontpage #content .video-container p:last-of-type {
    margin-bottom: 42px;
}
body.frontpage #content .video-box {
    
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
body.frontpage #content .video-box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
body.frontpage #content .subject-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 42px;
}
body.frontpage #content .subject-box h2 {
    margin-bottom: 42px;
    width: 100%;
}

body.frontpage #content .subject-box p {
    background: #f9f9f9;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    box-sizing: border-box;
    margin: 0;
    min-height: 80px;
    transition: all 0.3s ease-out;
    width: 33.33%;
}
body.frontpage #content .subject-box p:hover {
    background: #416ebf;
}
body.frontpage #content .subject-box p:nth-of-type(3n) {
    border-right: 1px solid #dddddd;
}
body.frontpage #content .subject-box p:nth-of-type(13),
body.frontpage #content .subject-box p:nth-of-type(14),
body.frontpage #content .subject-box p:nth-of-type(15) {
    border-bottom: 1px solid #dddddd;
}
body.frontpage #content .subject-box p a {
    background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat left 10px top 22px;
    border-bottom: 0;
    display: block;
    font-family: 'Amsi Pro condlight', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 1.1;
    line-height: 1.2;
    padding: 14px 25px 14px 25px;
    transition: background 0.3s ease-out;
}
body.frontpage #content .subject-box p a:hover {
    color: #ffffff;
}

body.frontpage #content .research-box h2:first-of-type {
    margin-bottom: 42px;
}
body.frontpage #content .research-box p {
    display: inline-block;
    margin-right: 3%;
    width: 31%;
    vertical-align: top;
}
body.frontpage #content .research-box p:nth-of-type(3) {
    margin-right: 0;
}
body.frontpage #content .research-box a {
    background: url(/_assets/_gfx/arrow-yellow-forward.svg) no-repeat right 14px top 50% #f9f9f9;
    background-size: 10px;
    border: 2px solid #dddddd;
    border-radius: 30px;
    box-sizing: border-box;
    display: block;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 20px;
    line-height: 1.15;
    padding: 7px 35px 7px 14px;
    transition: all 0.3s ease-out;   
}
body.frontpage #content .research-box a:hover {
    background-color: #416ebf;
    color: #ffffff;
}
body.frontpage #content .additional-info-box {
    margin-bottom: 42px;
}
body.frontpage #content .additional-info-box ul li {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, arial, sans-serif;
    font-size: 22px;
}
#content .content-button.content-next {
    margin-top: 28px;
}
#content .content-button.content-next a {
    border: 2px solid #dfa000;
    padding-right: 35px;
}
#content .grid-quarter-box-shadow {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: 0 5px 3px #f1f1f1,
                0 15px 20px #f5f5f5;
    margin-bottom: 46px;
    margin-right: 5.3%;
    padding: 0;
    transition: all 0.3s ease-out;
    width: 21%;
}
#content .grid-quarter-box-shadow:hover {
    background: #00508F;
    border: 1px solid #aaa;
    box-shadow: 0 10px 20px #aaa, 0 20px 30px #f5f5f5;
    transform: translateY(-5px);
    transition: all 0.3s ease-in;
}
#content .grid-quarter-box-shadow:hover a {
    color: #ffffff;
}
#content .grid-quarter-box-shadow:nth-of-type(5),
#content .grid-quarter-box-no-shadow:nth-of-type(9) {
    margin-right: 0;
}
#content .grid-quarter-box-no-shadow {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 46px;
    margin-right: 5.3%;
    transition: all 0.3s ease-out;
    width: 21%;
}
#content .grid-quarter-box-no-shadow:hover {
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
}
#content .grid-quarter-box-no-shadow h2 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 0;
}
#content .grid-quarter-box-no-shadow h2 a {
    padding: 14px;
}
#content .grid-quarter-box-shadow img,
#content .grid-half-box-shadow img {
    border: none;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
#content .grid-quarter-box-shadow h2:before {
    background: #f9c000;
    content: '';
    display: block;
    height: 3px;
    margin-bottom: 7px;
    margin-top: 14px;
    width: 37px;
}
#content .grid-half-box-shadow h3:after {
    width: 37px;
    height: 3px;
    content: '';
    background: #f9c000;
    display: block;
    margin-top: 10px;
}
#content .news-region,
#content .event-region,
#content .research-region,
#content .people-region {
    width: 47%;
    margin-right: 5%;
}
#content .event-region,
#content .people-region {
    margin-right: 0;
}
#content .news-region img,
#content .event-region img,
#content .research-region img,
#content .people-region img {
    border: none;
    display: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
}
#content .news-region p,
#content .event-region p,
#content .research-region p,
#content .people-region p {
    margin-bottom: 7px;
}
#content .event-region p:nth-of-type(2) {
    display: none;
}
#content .news-region h3 a,
#content .event-region h3 a,
#content .research-region h3 a,
#content .people-region h3 a {
    font-size: 16px;
    font-weight: bold;
}
#content .news-region p.smalltag,
#content .event-region p.smalltag {
    background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 3px;
    color: #888888;
    font-style: normal;
    padding-left: 18px;
}


/* Subject page */

#datatable_filter {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    margin: 0 0;
    padding: 10px 23px 10px 23px;
    width: 100%;
  }
  #content form {
    margin-bottom: 0;
    padding: 0;
  }
  #content label {
    float: none;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 7px;
    width: 100%;
  }
  #content input {
    background: url(/_assets/_gfx/search-icon-grey.svg) no-repeat 10px center #ffffff;
    background-size: 15px;
    box-sizing: border-box;
    line-height: 2;
    margin-bottom: 21px;
    margin-top: 14px;
    padding: 7px 7px 7px 35px;
    width: 100%;
  }
  .OTAGO733686 #content {
    box-sizing: border-box;
    width: 100%;
  }
  .OTAGO733686 #content table {
    border-bottom: 1px solid #dddddd;
    border-collapse: collapse;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    margin: 0 0 21px 0;
    table-layout: fixed;
  }
  .OTAGO733686 #content table th {
    background: #ffffff;
    border-bottom: 1px solid #f9c000;
    color: #777777;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-transform: uppercase;
  }
.OTAGO733686 #content table td {
  color: #f9c000;
  font-size: 13px;
  padding-top: 14px;
  padding-bottom: 14px;
}
.OTAGO733686 #content table td a {
    border-bottom: 0;
    font-size: 16px;
    display: block;
    transition: all 0.3s ease-out;
}
.OTAGO733686 #content table td a:hover {
    border-bottom: 0;
}
.OTAGO733686 #content table tr {
    transition: 0.3s all ease-out;
}
.OTAGO733686 #content table tr:hover {
    background: #f9f9f9;
}
.OTAGO733686 #content table td span.tag {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    border-radius: 3px;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    padding: 2px 7px 2px 7px;
    transition: all 0.3s ease-out;
}
.OTAGO733686 #content table td span.tag + span.tag {
    margin-left: 5px;
}
.OTAGO733686 #content table td p {
  margin-top: 7px;
  line-height: 1.6;
}
.OTAGO733686 #papersearch {
    display: none;
}
.OTAGO733686 #papersearch + h3,
.OTAGO733686 h3 + ul,
.OTAGO733686 #content .notice {
    display: none;
}

/* Combined degrees */

#content .testimonial-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 21px;
}
.testimonial-box {
    display: flex;
    flex-wrap: wrap;
    max-width: 47%;
}
.testimonial-box p:nth-of-type(1) {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 5px 10px #f9f9f9;
    box-sizing: border-box;
    margin-top: 14px;
    padding: 14px;
    position: relative;
}
.testimonial-box p:nth-of-type(1)::after {
    background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
    bottom: -14px;
    content: '';
    display: block;
    height: 20px;
    left: 14px;
    position: absolute;
    width: 20px;
}
#content .testimonial-box p img {
    border: 0;
    border-radius: 100%;
    box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.1);
    float: right;
    height: 70px;
    margin: 0 0 14px 14px;
    padding: 0;
    width: 70px;
}
#content .testimonial-box h3 {
    font-size: 16px;
    margin-bottom: 7px;
}
#content .testimonial-box p {
    font-size: 13px;
    line-height: 1.5;
}
#content .testimonial-box p em {
    font-style: normal;
}
#content .testimonial-box p:nth-of-type(2) {
    color: #888888;
    font-size: 11px;
}
#content .testimonial-box p:nth-of-type(2) strong {
    color: #333333;
}





/* Hi-res logo */

@media (-webkit-min-device-pixel-ratio: 1.5), /* Webkit-based browsers */
      (min--moz-device-pixel-ratio: 1.5),    /* Older Firefox browsers (prior to Firefox 16) */
      (min-resolution: 1.5dppx),             /* The standard way */
      (min-resolution: 192dpi)             /* dppx fallback */ {
          #title h1,
          #title h1.notopimage{
            background-image: url(gfx/title@2x-2020-blue.png);
            background-size: 181px;
          }
}



/*----------------------------------------------------------

MEDIA QUERIES */

@media only screen and (min-width: 701px) {
  .people-region article a {max-width: 186px; max-height: 114px; overflow: hidden; display: block; }
}
/*    #title h1, 
    #title h1.notopimage {
        margin-top: 0px;
        color: red;
} */


/* Breakpoint media query: 701-1160px */

@media only screen and (min-width: 701px) and (max-width: 1160px) {
    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
        width: 100%;
        box-sizing: border-box;
    }
    #contentwrapper,
	.topnavinner,
    footer.wrapper,
    div.footer_wrapper { max-width: 1114px;	}
	ul#breadcrumbs {
		width: 100%;
		max-width: 70%;
		overflow: hidden;
		margin-left: 0;
		padding-left: 232px;
		box-sizing: border-box;
	}
    #contentwrapper {
        margin: 0;
        padding: 0;
    }
	#globalsearch {
		max-width: 232px;
		width: 100%;
	}
	div#nav_holder {
		max-width: 100%;
		width: 100%;
	}
	.titleinner {
		max-width: 100%;
		padding-left: 232px;
        box-sizing: border-box;
        background-position: 153px 53px;
	}
    body.frontpage #title h1.notopimage {
        max-width: 94%;
    }
    #title h1 { padding: 0px 0px 14px 0px; }
	div#nav_wrapper { left: 23px; }
	#content {
		width: 78%;
        padding: 12px 0px 46px 252px;
		box-sizing: border-box;
	}
	#right {
		width: 21.5%;
		box-sizing: border-box;
	}
    body.frontpage #content {
        max-width: 100%;
    }
    #content.otgx { max-width: 97%; }
    #content .grid4 .grid_third {
        width: 29.5%;
        margin-right: 5.5%;
    }
}



/* Breakpoint media query: 769-1024px. Tablet landscape > */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #title h1,
    #title h1.notopimage {
        max-width: 63%;
        padding-right: 0;
    }
    #contentwrapper {
        width: 879px;
    }
    #features {
        width: 650px;
    }
    body.frontpage .features article {
        margin-right: 23px;
        width: 139px;
    }
    body.frontpage .features article:nth-of-type(2n) {
        margin-right: 0;
    }
    .news article .articletext {
        width: 100%;
    }
    body.frontpage .features.news {
        width: 302px;
        margin-right: 46px;
    }
    body.frontpage .features.events {
        width: 302px;
        float: left;
    }
    #content .news-region,
    #content .event-region,
    #content .research-region,
    #content .people-region {
        width: 47.3%;
    }
    #content .event-region {
        margin-right: 0;
    }
    /* Postgraduate */
    #content .tile-box-shadow-thumbnail-description:nth-of-type(3n) {
        margin-right: 4.1%;
    }
    #content .tile-box-shadow-thumbnail-description:nth-of-type(2n) {
        margin-right: 4.1%;
    }
    #content .tile-box-shadow-thumbnail-description:nth-of-type(3n+1) {
        margin-right: 0%;
    }
}



/* Breakpoint media queries: 768px. Portrait tablet ^ */

@media only screen and (max-width: 768px) {
	body,
    body.frontpage {
        background: none;
    }
    /*#wrapper:hover,
    body.frontpage #wrapper:hover {
        transition: all 3s ease-in;
        background: url(gfx/banner.jpg) -2000px 0px no-repeat;
    }*/
    #title h1,
    #title h1.notopimage {
        max-width: 97%;
        padding-right: 0;
    }
    #content .grid4 .grid_third {
        width: 100%;
        min-height: auto;
    }
    #features {
        width: 418px;
    }
    #content .news-region,
    #content .event-region,
    #content .research-region,
    #content .people-region {
        width: 47.3%;
    }
    .news article .articletext {
        width: 100%;
    }
    #features .events {
        width: 100%;
        float: none;
        padding-left: 0;
        border-left: none;
    }
    .events article {
        padding: 0;
        margin: 0;
        background: none;
    }
    .events-title {
        display: none;
    }
    .event-hidden {
        display: inline-block;
    }
	#right {
		border-top: 1px solid #e4e4e4;
		margin-top: 0px;
	}
    /* Postgraduate */
    #content .tile-box-shadow-thumbnail-description:nth-of-type(3n) {
        margin-right: 4.1%;
    }
    #content .tile-box-shadow-thumbnail-description:nth-of-type(2n) {
        margin-right: 4.1%;
    }
    #content .tile-box-shadow-thumbnail-description:nth-of-type(3n+1) {
        margin-right: 0%;
    }
}


/* Breakpoint media query: 701-1024px */

@media only screen and (min-width: 701px) and (max-width: 1024px) {
    body {
        background: none;
    }
    
   #title h1.notopimage,
   #title h1 {
       padding-top: 370px;
    }
    div#nav_holder { left: 0;}
	div#nav_wrapper { left: 23px; }
	#wrapper { width: 100%; }
	.topnavinner  {	max-width: 100%; }
	#globalsearch {
		float: left;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	#globalsearch {
		padding-left: 232px;
		width: 100%;
	}
	#globalsearch form input.searchinput {
		width: 90%;
		box-sizing: border-box;
	}
	#globalsearch form button {	width: 10%; }
	ul#breadcrumbs { display: none; }
	#contentwrapper { max-width: 100%; width: 97%; }
	#content { width: 100%; padding-right: 5%; }
    
    /* New homepage */
    body.frontpage #content { max-width: 100%; padding-right: 0%; width: 100%; }
    body.frontpage #content .feature-boxes h3 a {
        font-size: 22px;
    }
	#right { padding-left: 232px; width: 100%; border-top: none; }
	#right label, #right input, #right textarea, #right fieldset, #right .relatedinfo, #right .relatedinfo_inside, #right .search, #right .askotago, #right .registration, #right .odtnews, #right .otagochoice, #right .pagemetadata, #right form {
		width: 100%;
		box-sizing: border-box;
		margin-right: 0;
	}
    #right {
        padding-right: 5%;
    }
	#right .rightwidget { padding-right: 0; }
    body.frontpage #contentwrapper {
        width: 100%;
    }
    body.frontpage #content {
        padding-right: 3%;
    }
    body.frontpage #content .grid-quarter-box-shadow,
    body.frontpage #content .feature-boxes .grid-quarter-box-shadow:not(:last-of-type) {
        margin-bottom: 23px;
        margin-right: 5%;
        width: 47%;
    }
    body.frontpage #content .grid-quarter-box-shadow:not(:last-of-type):nth-of-type(2n) {
        margin-right: 0;
    }
}



@media only screen and (max-width: 1024px) {
        #wrapper {
            background-position: -350px 0;
        }
    }


/* Breakpoint media query: <= 700px. Mobile styles (phone and small tablet) */



@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper {
        background-position: -350px 0;
        background-size: 1100px;
    }
    #title p.heading-translation {
        margin-left: 0;
    }
    .titleinner  {
        width: 100%;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1.notopimage {   
        font-size: 48px;
        line-height: 1.1;
        margin-bottom: 21px;
        padding-bottom: 0;
    }
    #title h1.notopimage,
    body.frontpage #title h1 {
        background-position: 21px 100px;
        background-size: 130px;
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 4%;
        padding-top: 270px;
        width: 97%;
    }
    #title ul#breadcrumbs {
        margin-bottom: 21px;
        margin-left: 4%;
    }
    #content {
        max-width: 97%;
        padding-top: 0;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #content .grid-quarter-box-shadow {
        margin-bottom: 28px;
    }
    #content .grid-quarter-box-shadow img {
        float: none;
    }
    .OTAGO738624 #content .grid-quarter-box-shadow h3 a {
        font-size: 21px;
    }
    body.frontpage #content .event-region {
        margin-right: 0;
    }
    body.frontpage #content .grid1 p img {
        float: none;
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content img {
        float: none;
    }
    body.frontpage #right {
        margin-top: 0;
    }
    #features .events {
        width: 100%;
        float: none;
        padding-left: 0;
        border-left: none;
    }
    .events article {
        padding: 0;
        margin: 0;
        background: none;
    }
    .events-title {
        display: none;
    }
    .event-hidden {
        display: inline-block;
    }
    /* Business engagement */
    body.OTAGO191201 #content.otgx {
        width: 97%;
    }
    body.OTAGO191201 #content .grid-third img {
        float: none;
    }
    body.OTAGO191201 #content .grid-third h2 {
        font-size: 18px;
        margin: 7px;
    }
    body.OTAGO191201 #content .grid-third ul {
        margin-left: 21px;
    }
    #content .grid-quarter-box-no-shadow {
        margin-bottom: 23px;
    }
    /* New homepage */
    body.frontpage #content .grid-quarter-box-shadow,
    body.frontpage #content .feature-boxes .grid-quarter-box-shadow:not(:last-of-type) {
        margin-bottom: 23px;
        margin-right: 5%;
        width: 47%;
    }
    body.frontpage #content .grid-quarter-box-shadow:not(:last-of-type):nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .subject-box p {
        border-right: 1px solid #dddddd;
        min-height: auto;
        width: 100%;
    }
    body.frontpage #content .research-box p {
        width: 100%;
    }
    body.frontpage #content .subject-box p:nth-of-type(14) {
        border-top: none;
    }
    body.frontpage #content .subject-box p:nth-of-type(15) {
        display: none;
    }
}




@media only screen and (max-width: 600px) {
    #wrapper {
        background-position: -500px 0;
    }
    #content .tile-box-shadow-thumbnail-description:nth-of-type(2n),
    #content .tile-box-shadow-thumbnail-description:nth-of-type(3n) { margin-right: 0; }
    #content .news-region, #content .event-region, #content .research-region, #content .people-region {
        margin-bottom: 21px;
        margin-right: 0;
        width: 100%;
    }
}



@media only screen and (max-width: 450px) {
    #wrapper {
        background-position: -540px 0;
    }
}