@media only screen and (min-width: 1em) {
/*BRAND OVERRIDES*/

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

  /*  div#psu-icon{
        position: relative;
        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:35%;}
    div#psu-icon .imagemap .hotspots a.cla-link{right: 0;width: 65%;}
    
/* END BRAND OVERRIDES*/

    div#psu-icon{
        /*position: relative;   */
        z-index: 500;
        left: .5em;
        top: 1rem;
    }
    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;
    }
    
    header #search *{box-sizing: content-box;}
    

    #portal-searchbox {
        background: none;
        border: 0;
        float: none;
        margin: 0;
        padding: 0.1em 0;
        width: 100%;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
    #portal-searchbox ul#menu {
        width: 100%;
    }

    .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;
        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: 44em) {
    div#psu-icon a img {width: 100%;height: auto;}
/*** Searhbox Style ***/
    header #search {
        position: absolute;
        background: none;
        border:none;
 }

    #portal-searchbox {
        border: 0;
        background: none;
        width: auto;
        margin-top: 0.3em;
    }

    #portal-searchbox.topborderradius {
        background: none;
    }
        
    #search * {
        position: relative;
        display: inline-table;
    }
    
    .searchContainer div {height: auto;}
    .searchform #searchString, .searchform .searchbutton {height: 1.5em;}
    .searchform #searchString {
        width: 8em !important;
        background: #fcfcfc;
        border: 1px solid #d1d1d1;
        color: #878686;
        padding: .2em 2.25em .2em .5em;
        -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;
        font-size: 1em;
    }
    .searchform .searchbutton {
        background: url("../../search.png") no-repeat center left;
        /*background-size: 80%;

        margin-left: -1.8em;*/
        border: 0;
        height: auto;
        padding: .4em;
        position: relative;
        color: transparent;
        text-shadow: none;
        top: .4em;
    }
    
    /*** 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;
    }


    
}