@media only screen and (min-width: 1em) {

/*BRAND OVERRIDES*/

    div#psu-icon img{
        /*Resize logo here*/
        width: 309px !important;
        }

    div#psu-icon{
        position: static !important;
        float: none;
        height: auto;
        padding: 1em 0em;
        text-align: left;
        width: auto;
        }
    
    div#psu-icon .imagemap{display: inline-block;position:relative;}
    div#psu-icon .imagemap .hotspots a{
        position:absolute;
        height: 100%;
        color: transparent;
        overflow: hidden}
    div#psu-icon .imagemap .hotspots a.psu-link{width:20%;}
    div#psu-icon .imagemap .hotspots a.cla-link{right: 0;width: 80%;}
    
/* END BRAND OVERRIDES*/


    div#psu-icon{
        position: relative;
        z-index: 500;
        left: .5em;
        left: -0;
    }
    div#psu-icon a {
        display:inline-block;
    }
    div#psu-icon a img {width: 75%;height: auto;}
/*** Responsive Searhbox Style ***/
    header #search {
        position: relative;
        clear: both;
        background: #FFF;
        border: solid #A1A1A1 0.125em;
    }
    
    .sb-trans{transition: ease 0.5s all;}
    #portal-searchbox {
        background: none;
        border: 0;
        float: none;
        margin: 0;
        padding: 0 0;
        width: 100%;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
    #portal-searchbox ul#menu {
        width: 100%;
    }

    .searchContainer > div {
        display: block;
        background: #FFF;
        border-radius: 1em;
        }
    
    .searchform #searchString {
        width: 100% !important;
        max-width: 85% !important;
        border: none;
        border-radius: 0;    
        padding: .4em;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        font-size: 125%;
    }
    
    
    
    #portal-searchbox.topborderradius {
        background: none;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }

    .searchform .searchbutton {
        /*background: url("../../search.png") center no-repeat;*/
        background: none;
        /*margin-left: -1.8em;*/
        border: 0;
        position: relative;
        color: transparent;
        text-shadow: none;
        float: right;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
        padding: 0 !important;
        clear: none;
    }
    #menu li ul#search.show {
        width: auto !important;
        margin: 2.5em -.0625em;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
    #menu li ul li{padding: 0;}
    #portal-searchbox label {
        font-weight: normal;
        width: 100%;
        display: inline-block;
        padding: .5em 0;
    }
    #menu li ul label span{
        font-size: 1.125em;
        font-family: inherit;
    }

}

@media only screen and (min-width: 51em) {
    div#psu-icon{
        position: absolute;
        left: -123px;}
    
    div#psu-icon a img {width: 100%;height: auto;}
/*** Searhbox Style ***/
    header #search {
        /*position: absolute;*/
        background: none;
        border:none;
        display: inline-block;
        margin: 1.5em 0 1em 1em;
        vertical-align: top;
}

    #portal-searchbox {
        border: 0;
        background: none;
        width: auto;
    }

    #portal-searchbox.topborderradius {
        background: none;
    }
        
    #search * {
        position: relative;
    }
    
    .searchContainer > div {
        height: 1.6em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        border-radius: 1em;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
        }
    .searchContainer > div.bx-open #searchString { width: 0 !important;}
    .searchform #searchString, .searchform .searchbutton {height: 1.5em;}
    .searchform #searchString {
        height: 100%;
        background: none;
        border: 0;
        color: #878686;
        font-size: 1em;
        margin: 0 1em;
        padding: 0;
        
        overflow: hidden;
        -webkit-backface-visibility: hidden
    }
    #search .searchContainer .sb-toggle{
        height: 100%;
        width: 1.6em;
        display: inline-block;
        position: absolute;
        right: 0;
        text-align:center;
        vertical-align: middle;
        line-height: 1.6em;
        top: 0;
        }
    .searchform .sb-toggle:before{
        font-family:'cla icons';
        content: '\e60d';
        color: #6a7788;
        font-style: normal;
        speak: none;
        }
    .searchform .searchbutton {
        border: 0;
        color: transparent;
        height: 1.6em;
        outline: 0;
        padding: .4em;
        position: relative;
        text-shadow: none;
        width: 1.6em;
    }
    
    
    /*** Search Box Dropdown ***/
    #menu li ul {
        border: 1px solid #98989F;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 3px 3px 12px #999;
        -webkit-box-shadow: 3px 3px 12px #999;
    }
    .js .searchform #searchString{margin: 0; padding: 0; width:0 !important}
    .sb-open .searchform #searchString,#search:focus .searchform #searchString{
        width:8em !important;
        margin: 0 1em;
        padding: 0;}
    /*.sb-open .sb-toggle {z-index:-200}*/
    .sb-open .searchbutton {position: relative; z-index:200}


    
}