.burger{
    display: none;
}
header{
    position: relative;
    overflow: visible;
}

a.twitter {
    font-weight: bold;
    color: #444;
    position: absolute;
    right: 10px;
    bottom: 20px;
    text-decoration: none;
}
.twitter img {
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: -13px;
    margin-left: 10px;
    height: 44px;
    width: 44px;
}
.Panel img{
    margin: 0;
    width: 100%;
    height: auto;
}
/* MOBILE */
@media (max-width: 480px) {
    input{
        -webkit-appearance: none;
    }
}
@media (min-width: 768px){
    header form{
        position: absolute;
        right: 0;
        top: 10px;
    }
}
/* Small desktops only*/
@media (min-width: 768px) and (max-width: 960px) {
    .publications #Main{
        width: 85%;
    }

    #NavBar, #Sub {
        width: 15%;
       /* height: auto !important;*/
        box-sizing: border-box;
        margin: 0;
    }
    #Main {
        width: 70%;
        height: auto !important;
        box-sizing: border-box;
        margin: 0;
        padding: 0 10px;
    }
    #Main img, #NavBar img, #Sub img, #StrapLine img{
        width: 100%;
        height:auto;
    }
    #Main .Person {
        box-sizing: border-box;
        margin: 0;
        padding: 0 10px 20px 10px;
        width: 50%;
        margin-bottom: 20px;
        overflow: hidden;
        height: auto;
    }
    #Main .Person .content{
        width: 70%;
        box-sizing:border-box;
        margin: 0;
        padding-right: 20px;
    }
    #Main .Person .photo{
        width: 30%;
        box-sizing:border-box;
    }
    #Main .Person .photo img{
        width: 100%;
        height: auto;
    }
    .Person.odd {
        clear: left;
    }
    #Main ul.studyLinks li, #Main ul.ResearchLinks li {
        margin: 0 10px 10px 0;
        box-sizing: border-box;
        width: 23%;
        height: auto;
    }
    #ContactInfo, #MapHolder{
        width: 50%;
    }
    .Panel {
        width: 22.9%;
        /*height: auto !important;*/
    }
    .ie11 .Panel, .ie10 .Panel, .ie .Panel{
        margin-right: 19px;
    }
    #Main ul.ResearchLinks li a {
        height: auto;
        min-height: 100px;
    }

}
/* Small desktops */
@media (max-width: 960px){
    body{
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #ReportHolder ul li.report {
        width: 50%;
        margin: 0;
        box-sizing: border-box;
        padding: 20px;
    }
    #ReportHolder ul ul a{
        width: 100%;
        box-sizing:border-box;
        overflow: hidden;
    }
    #MapCanvas{
        width: 100% !important;
    }
    .Panes, .Panes img{
        width: 100% !important;
        height: auto !important;
        overflow: hidden;
        position: relative !important;
    }
    .Panes img.active-slide{
        display: block !important;
    }
    .Panes img.hidden-slide{
        display: none !important;
    }
    #Main #Hero, #Hero{
        width: 100%;
        height: auto;
    }
    #Main #Hero .coreValues {
        width: 20%;
        font-size: 0;
        line-height: 0;
        height: auto;
    }
    #Main #Hero #Educate {
        top: 20%;
    }
    #Main #Hero #Engage {
        top: 41%;
    }
    .contact-us #Main form div.text input, .contact-us #Main form div.textarea textarea, .contact-us #Main form div.email input {
        width: 100%;
        box-sizing: border-box;
    }
    .publications #Main #Hero img, .publications #Main #Hero, .publications #Main #Hero p img{
        width: 100% !important;
        height: auto;
    }
    .Publication {
        width: 49%;
        margin-right: 0;
        box-sizing: border-box;
    }
    .Publication.odd {
        margin-right: 2%;
    }
}
/* TABLET */
@media (max-width: 768px) {
    .Publication {
        height: auto !important;
    }
    .Publication.odd {
        clear: left;
    }
    .Publication .photo{
        float: none;
        width: 100%;
    }
    a.twitter{
        bottom: -42px;
        right: 0;
    }
    nav#MainNavigation ul ul li:hover ul.past-events-drop, nav#MainNavigation ul ul li:hover .tri, .tri, .past-events-drop, .toggle-pasteventsnav {
        display: none !important;
    }
    #NavBar {
        margin-bottom: 10px;
    }
    #NavBar ul li ul{
        display: block;
    }
    #Main, #Sub{
        width: 100% !important;
        height: auto !important;
        margin: 0 0 10px;
        min-height: 0 !important;
    }
    
    img{
        width: 100%;
        height:auto;
    }
    
    #Main .Person{
        margin: 20px 0;
    }
    .Partner .image{
        min-height: 0;
    }
    .Partner img {
        width: auto;
        height: auto;
    }
    .Column, .Panel, .Person, #Main .Person .content, .content, .Partner .content, .Partner .image{
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }
    .Panel{
        margin: 20px 0;
    }
    .LinkLove{
        padding: 10px 0;
        position: relative;
        bottom: 0px;
        right: 0px;
    }

    #Main .Person .photo{
        float: none;
        width: 100%;
    }
    #Sub #Values h3 {
        width: 150px;
        margin: 0 auto 10px;
    }
    nav#FooterNavigation > ul > li {
        margin: 0 0 20px;
        float: none;
        width: 100%;
    }
    nav#FooterNavigation{
        margin-bottom: 0;
    }
    #Sub #Values{
        padding-top: 10px;
    }
    
    header form, #MapHolder, #ContactInfo, .contact-us #Main form fieldset div{
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    header form input.text{
        width: 80% !important;
        box-sizing: border-box;
        height: 30px;
    }
    header form input.action{
        width: 20%;
        box-sizing: border-box;
    }
    #Main ul.studyLinks li, #Main ul.ResearchLinks li {
        margin: 0 0 10px;
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }
    
    nav#MainNavigation ul li{
        height: auto;
        float: none;
    }
    nav#MainNavigation ul li a, nav#MainNavigation ul li ul li a{
        margin: 0;
        padding: 10px 15px;
    }
    nav#MainNavigation {
        margin: 10px 0 10px 0px;
    }
    nav#MainNavigation > ul{
        background: #fff;
        display: none;
    }
    nav#MainNavigation > ul.open{
        display: block;
    }
    nav#MainNavigation ul li.current, nav#MainNavigation ul li.section{
        background: #f4f4f4;
    }
    nav#MainNavigation ul li:hover ul{
        position: relative;
        width: 100%;
        top: 0;
    }
    nav#MainNavigation ul li ul li:hover{
        background: #e3e3e3 !important;
    }
    nav#MainNavigation ul li.current ul, nav#MainNavigation ul li.dection ul{
        display: block;
        width: 100%;
    }
    #MainNavigation .burger{
        display: block;
        width: 50px;
        height: 44px;
        cursor: pointer;
        background: url('/themes/graphical/images/burger.png') no-repeat;
        background-position: 0px 0px;
    }
    #MainNavigation .burger:hover{
        background-position: 0px -44px;
    }
}
@media (min-width:960px){
    .Panel img {
        margin: 0;
        max-height: 150px;
        width: auto;
    }
    
}