/*===================================================================*/
@media ( min-width: 1600px) { 
/*===================================================================*/ 
    .container {
        width: 1400px !important;
    }



    button.mobileArrow{
        display: none;
    }

    .mobileArrow span.closed {
        display: none;
    }


    .mobileArrow span.open {
        display: none;
    }
}

/*===================================================================*/
@media ( max-width:1599px) { 
/*===================================================================*/ 
    .container {
        width:1300px!important;
    }
    
    #portal-globalnav li.plain a,
    #portal-globalnav li a, 
    #portal-globalnav li.selected a, 
    #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, 
    #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding:15px 30px !important;
    }

    .brand img {
        width:423px;
    }
    
    #portal-header-wrapper {
        background-size:35% auto !important;
    }
    
    #mainbannerimage {
        height:335px;
    }
    
    .sidebarlink {
        height:84px;
    }
    
    #sectionheader-0,
    #sectionheader-1,
    #sectionheader-2 {
        height:75px;
    }
    
    .quadbox-inner {
        background-size:25px auto;
        background-position:22px 232px;
    }
    
    .boxheading {
        padding:15px 65px 15px 35px;
        background-size:33px auto;
    }
    
    h3#othercourtsheading {
        font-size:19px;
        background-size:35px auto;
        padding:5px 0px 20px 50px;
    }
    
    h3#otherwebsitesheading {
        font-size:19px !important;
        margin-bottom:25px;
    }
    
    .othercourts-item a, 
    .otherwebsites-item a {
        font-size:16px;
        background-size:12px auto;
    }
    
    #other li, 
    #other-websites-box li {
        background-size:25px auto;
    }
    
    #latestupdates-heading {
        font-size:20px;
        margin-top:26px;
        margin-bottom:10px;
    }
}

/*===================================================================*/
@media ( max-width:1500px) { 
/*===================================================================*/ 
    .container {
        width:1250px!important;
    }
    
    h1, h1 {
        font-size:46px!important;
    }
    
    .h2, h2 {
        font-size:36px!important;
    }
    
    .h3, h3 {
    font-size:27px!important;
    }
    
    .h4, h4 {
       font-size:20px!important;
    }
    
    h5, h5 {
        font-size:15px!important;
    }
    
    h6, h6 {
        font-size:14px!important;
    }   
    
    .brand img {
        width:403px;
    }
    
    input#searchGadget {
        width:340px;
        height:37px !important;
    }
    
    #mainbannerimage {
        height:320px;
    }
    
    .bannertitle h1 {
        font-size: 50px;
    }
    
    .sectionheader {
        padding-top: 6px;
    }
    
    #sectionheader-0, 
    #sectionheader-1, 
    #sectionheader-2 {
        height:70px;
    }
    
    .sidebarlink {
        height:80px;
        font-size:15px;
    }
    
    #latestupdates-heading {
        font-size:19px;
    }

    #livesearchoverlay {
        top: 36px;
    }
}

/*===================================================================*/
@media ( max-width:1400px) { 
/*===================================================================*/ 
    .container {
        width:1200px!important;
    }
    
    h1, h1 {
        font-size:44px!important;
    }
    
    .h2, h2 {
        font-size:33px!important;
    }
    
    .h3, h3 {
    font-size:25px!important;
    }
    
    .h4, h4 {
       font-size:19px!important;
    }
    
    .brand img {
        width:383px;
    }
    
    #mainbannerimage {
        height:310px;
    }
    
    .sidebarlink {
        height:78px;
    }
    
    .thumbnail-text-wrapper {
        background-size:30px auto;
    }

    .thumbnail-text-wrapper h3 {
        font-size:22px;
        padding:15px 55px 15px 30px;
    }
    
    div#updates li {
        line-height:18px !important;
    }
    
    div#updates {
        font-size:12px !important;
    }
}

/*===================================================================*/
@media ( max-width:1300px) { 
/*===================================================================*/ 
    .container {
        width:1150px!important;
    }
    
    h1, h1 {
        font-size:41px!important;
    }
    
    .h2, h2 {
        font-size:31px!important;
    }
    
    .h3, h3 {
    font-size:23px!important;
    }
    
    .brand img {
        width:353px;
    }
    
    #portal-globalnav li.plain a, 
    #portal-globalnav li a, 
    #portal-globalnav li.selected a, 
    #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, 
    #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding:15px 25px !important;
    }
            
    #mainbannerimage {
        height:284px;
    }
    
    .bannertitle h1 {
        font-size: 45px;
    }
    
    .sidebarlink {
        height:71px;
        font-size:14px;
        padding-left:35px;
        padding-right:35px;
    }
    
    #sectionheader-0,
    #sectionheader-1, 
    #sectionheader-2 {
        height:68px;
    }
    
    #sectionheader h3 {
        margin-top:10px !important;
    }
    
    .quadbox-inner {
        background-size:23px auto;
        background-position:20px 232px;
    }
    
    .boxheading h3 {
        font-size:21px !important;
    }
    
    .boxheading p {
        font-size:14px !important;
    }
    
    .boxheading {
        padding:15px 55px 15px 25px;
        background-size:30px auto;
    }

    #other li, 
    #other-websites-box li {
        background-size:23px auto;
    }
    
    h3#othercourtsheading {
        margin-top:50px;
    }
    
    h3#othercourtsheading,
    h3#otherwebsitesheading {
        font-size:18px !important;
    }
    
    #other li, 
    #other-websites-box li {
        background-position:11px 3px;
        padding-left:45px;
    }
    
    .othercourts-item a, .otherwebsites-item a {
        font-size:15px;
        background-size:11px auto;
    }
    
    .portaltype-homepage #latest-updates-box {
        padding-left:35px;
        padding-right:35px;
        padding-bottom:10px;
    }
    
    #latestupdates-heading {
        font-size:18px;
        margin-top:22px;
    }
}

/*===================================================================*/
@media ( max-width:1250px) { 
/*===================================================================*/ 
    #portal-header-wrapper {
        background-size:34.56% auto !important;
    }

    #portal-globalnav li a span {
        font-size:13px;
    }
    .container {
        width:1100px !important;
    }
    
    input#searchGadget {
        width:320px;
        height:35px !important;
    }
    
    input.searchButton,
    input.searchButton:hover {
        background-size:18px auto;
        background-position:3px 3px !important;
    }

    #livesearchoverlay {
        top: 35px;
    }
}

/*===================================================================*/
@media ( max-width:1200px) { 
/*===================================================================*/ 
    #headWrapper .container {
        width:auto!important;
        margin-right:35px !important;
        margin-left:35px !important;
    }
    
    .container {
        width:auto!important;
        margin-right:50px !important;
        margin-left:50px !important;
    }
    
    h1, h1 {
        font-size:39px!important;
    }
    
    .h2, h2 {
        font-size:29px!important;
    }
    
    .h3, h3 {
        font-size:22px!important;
    }
    
    .brand img {
        width:333px;
    }
    
    .boxheading {
        padding:15px 55px 15px 15px;
    }
    
    .thumbnail.dash-unit.landingpage-button {
        border-right:none;
    }
    
    ul#portal-sitemap {
        width: 100%;
    }
}

/*===================================================================*/
@media ( max-width:1150px) { 
/*===================================================================*/ 
    
    #mainbannerimage {
        height:268px;
    }
    
    .bannertitle.bannerheader {
        width:33.3333%;
    }
        
    #above-sidebar-column.col-xs-3 {
        width:23%;
    }
    
    .sidebarlink {
        height:67px;
        padding-left:20px;
        padding-right:20px;
    }
    
    #main-column.col-xs-9,
    #sidebar-column.col-xs-3 {
        width:100%;
    }
    
    #portal-globalnav li.plain a, 
    #portal-globalnav li a, 
    #portal-globalnav li.selected a, 
    #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, 
    #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding:12px 20px !important;
    }
    
    .portaltype-homepage #latest-updates-box {
        width:66.6666%;
        float:left;
    }
    
    #latestupdates-heading {
        font-size:23px;
        margin-top:40px;
        margin-bottom:20px;
    }
    
    div#updates {
        font-size:14px !important;
    }
    
    li.latestupdate-item {
        padding-top:15px;
        padding-bottom:15px;
    }
    
    .twitter-feed {
        width:33.3333%;
        float:left;
    }





}

/*===================================================================*/
@media ( max-width:1100px) { 
/*===================================================================*/ 

    #portal-globalnav li {
        float: none !important;
    }

    #portal-header-wrapper {
        background-image:none;
    }
    
    #headWrapper .container {
        width:auto !important;
        margin-right:15px !important;
        margin-left:15px !important;
    }

    .container {
        margin-right:0px !important;
        margin-left:0px !important;
    }
    #portal-column-content.col-md-12 {
        padding-left: 20px;
        padding-right: 20px;
    }

    a.brand {
        padding-top:5px;
    }
    .brand img {
        width:293px;
    }   
    
    #portal-header hr {
        display:none;
    }

    #livesearchoverlay {
        top: 30px;
    }
    
    .search-offset {
        top:30px;
        right:31px;
    }
    
    input#searchGadget {
        width:274px;
        height:31px !important;
    }
    

    /*-----mobile menu -------*/

    #globalnav-wrapper.mobileMenuOn {
        display:none;
      }
    .mobileMenu {
        background-color:#000;
        margin:0 0 0.5em;
        padding:0.5em;
      }
    #portal-globalnav-mobile {
        display:block;
        min-width:150px;
      }
    #globalnav-wrapper {
        margin:0px;
    }
    
    #portal-globalnav {
        display:none;
    }
    
    #portal-globalnav li {
        float:none;
        border-bottom:2px solid #202020 !important;
      }
      
    #portal-globalnav li a {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        border-right:0;
        padding:0.5em 1em;
        position:relative;
        width:100%;
        font-size:14px;
        color:#f1dc59 !important;
        background:#060606;
      }
/*      
    #portal-globalnav li a.hasChildrens.currentSelected,
    #portal-globalnav li a.hasChildrens.currentSelected:hover {
        background-color:#000;
        background-image:url("/dropdown-arrow-up.png") !important;
        background-position:94% 50%;
        background-repeat:no-repeat;
    }
      */
    #portal-globalnav li.plain a, 
    #portal-globalnav li a, 
    #portal-globalnav li.selected a, 
    #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, 
    #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding:20px 40px !important;
        width:100% !important;
    }
    
/*    #portal-globalnav li a.hasChildrens, 
    #portal-globalnav li a.hasChildrens:hover {
        background-image:url("/dropdown-arrow-down.png") !important;
        background-position:94% 50%;
        background-repeat:no-repeat;
    }*/
    
    .globalSectionsLevel1 li.plain a {
        background-color:rgb(186, 22, 0);
    }
    
    #portal-globalnav li.selected a {
        background-color:#000!important;
    }
    
    #portal-globalnav ul.globalSectionsLevel1 li {
        border-bottom:1px solid #3d3d3d !important;
    }
    
    #portal-globalnav ul.globalSectionsLevel1 li a,
    #portal-globalnav ul.globalSectionsLevel1 li a.hasChildrens {
        background-color:#262626 !important;
    }
    
    #portal-globalnav ul.globalSectionsLevel1 li a:hover,
    #portal-globalnav ul.globalSectionsLevel1 li a.hasChildrens:hover {
        background-color:#2e2e2e !important;
    }
    
    #portal-globalnav ul.globalSectionsLevel2 li {
        border-bottom:1px solid #262626 !important;
    }

    #portal-globalnav ul.globalSectionsLevel2 li a,
    #portal-globalnav ul.globalSectionsLevel2 li a.hasChildrens,
    #portal-globalnav ul li:hover ul li a {
        background-color:#3e3e3e!important;
    }
    
    #portal-globalnav ul.globalSectionsLevel2 li a:hover,
    #portal-globalnav ul.globalSectionsLevel2 li a.hasChildrens:hover {
        background-color:#686565 !important;
    }
    
    #portal-globalnav ul li:hover ul li a:hover {
        background-color:#444 !important;
    }
      
    #portal-globalnav li:hover > ul {
        display:none;
      }
      
    #portal-globalnav li ul {
        width: 100% !important;
/*        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;*/
        padding:0 !important;
        position:relative !important;
        top: 0px !important;
      }
      
    #portal-globalnav ul li a {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
      }
      
    #portal-globalnav ul li a {
        border:0;
      }
    
    #portal-globalnav ul li a.hasChildrens:hover,
    #portal-globalnav ul li a.hasChildrens {
        background-image:none;
      }
      
    #portal-globalnav li ul ul {
        left:0;
      }
      
    #portal-globalnav .plus.open > a {
        background-color:#205c90;
        color:#fff;
      }
      
    #globalnav-wrapper .globalnav-toggle {
          background-color:#ddd;
          border:0;
          display:block;
          outline:0;
          padding:0.7em 0;
          width:100%;
      }
      
    #globalnav-wrapper.open .globalnav-toggle,
    #globalnav-wrapper .globalnav-toggle:hover {
        background-color:#205c90;
      }
      
    #globalnav-wrapper .globalnav-toggle .icon-bar {
        background-color:#205c90;
        display:block;
        height:3px;
        margin:3px auto;
        width:23px;
        cursor:pointer;
      }
      
    #globalnav-wrapper.open .globalnav-toggle .icon-bar,
    #globalnav-wrapper .globalnav-toggle:hover .icon-bar {
        background-color:#fff;
      }
      
    #globalnav-toggle:checked ~ .globalnav {
        display:block !important;
      }
    

    #globalnav-wrapper .globalnav-toggle {
        background-color:transparent !important;
        width:34px !important;
        border:0;
        display:block;
        outline:0;
        padding:0.7em 0;
        width:100%;
        float:right;
        position:absolute;
        right:0px;
        top:25px;
    }
    
    #globalnav-wrapper .globalnav-toggle:hover, 
    #globalnav-wrapper.open .globalnav-toggle {
        background-color:transparent !important;
    }
    
    #globalnav-wrapper .globalnav-toggle .icon-bar {
        background-color:#141414 !important;
        display:block;
        height:3px;
        width:33px;
        cursor:pointer;
    }
    
    #globalnav-wrapper.open .globalnav-toggle .icon-bar {
        background-color:#141414 !important;
    }
    
    #globalnav-wrapper .globalnav-toggle:hover .icon-bar {
        opacity:0.6;
    }
    
    ul#portal-globalnav li:last-child ul ul {
        left: auto;
        right: 0px;
    }
    
    #above-sidebar-column.col-xs-3 {
        width:100%;
        position:relative;
        border-top:1px solid #262626;
        border-bottom:1px solid #262626;
        background-color:#141414 !important;
    }
    
    #above-sidebar-column a {
        display:table;
        width:25%;
        float:left;
    }
    
    #mainbannerimage {
        height:284px;
    }
    
    .bannertitle.bannerheader, 
    .homepage-headline {
        width:50%;
    }
    
    .homepage-headline img {
        margin-top:8%;
        width:70%;
    }
    
    .sidebarlink {
        height:65px;
        text-align:center;
        background-color:#141414;
        color:#f4eb39;
        border-bottom:none;
        border-right:1px solid #262626;
    }
    
    .sidebarlink:hover {
        background-color:#222;
        color:#f4eb39;
        border-bottom:none;
    }



.mobileArrow{
    cursor: auto;
    width: 32px;
    height: 32px;
    float: right;
    position: relative;
    margin: 7px;
    top: -55px;
    display: inline-block;
    background-color: rgba(0,0,0,0);
    border: 0;
    right: 6px;
}

.mobileArrow span.closed {
    background-image: url("/dropdown-arrow-down.png");
    width: 25px;
    height: 16px;
    display: block;
    position: relative;
    left: 3px;
    top: 8px;
}


.mobileArrow span.open {
    background-image: url("/dropdown-arrow-up.png");
    width: 25px;
    height: 12px;
    display: block;
    position: relative;
    left: 3px;
    top: 8px;
}



}

/*===================================================================*/
@media ( max-width: 992px) { 
/*===================================================================*/ 
    .brand img {
        width: 263px;
    }

    .search-offset {
        top: 27px;
    }

    input#searchGadget {
        width: 255px;
    }

    #globalnav-wrapper .globalnav-toggle {
        top: 22px;
    }

    .homepage-headline {
        display: none;
    }

    .homepage-headline-mobile {
        display: block;
        text-align: center;
    }

    .homepage-headline-mobile img {
        padding-top: 5%;
        padding-bottom: 5%;
        width: 68%;
    }

    .sidebarlink .translated {
        font-size: 13px;
    }

    .boxheading {
        padding: 15px 55px 15px 45px;
    }

    .homepage-headline-mobile {
        background-color: #141414;
    }

    .bannertitle h1 {
        font-size: 50px;
    }

    #mainbannerimage {
        position: relative;
    }

    #mainbannerimage img {
        padding-bottom: 0;
    }

    #quadboxes.col-xs-8 {
        width: 100%;
        padding: 10px 20px !important;
    }

    #portal-column-content.col-md-12 .breadcrumb {
        padding: 25px 15px 45px 15px !important;
    }

    .documentActions {
        margin-top: -45px;
    }

    .portaltype-homepage .quadbox {
        width: 50%;
        float: left;
    }

    .portaltype-homepage #court-of-appeal .quadbox-inner, 
    .portaltype-homepage #district-courts .quadbox-inner {
        border-left: none;
        margin-left: 10px;
    }

    .portaltype-homepage #supreme-court.quadbox, 
    .portaltype-homepage #high-court.quadbox {
        border-right: 10px solid #fff;
    }

    .quadbox-inner {
        border-right:none;
        margin-bottom: 25px !important;
        box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
    }

    .portaltype-homepage #latest-updates-box,
    .twitter-feed {
        width: 50%;
    }

    #links.col-xs-4 {
        width: 100%;
        margin-bottom: 45px;
    }

    #links.col-xs-4 hr:first-child {
        border-top: 1px solid #404040 !important;
    }

    #links.col-xs-4 hr {
        margin-left: 20px;
        margin-right: 20px;
        display: block;
    }

    h3#othercourtsheading,
    h3#otherwebsitesheading {
        margin-top: 30px !important;
        font-size: 21px !important;
    }

    .othercourts-item a, .otherwebsites-item a {
        font-size: 16px;
    }

    #other li,
    #other-websites-box li {
        margin-right: 15px;
        display: inline-block !important;
    }

    #other.col-md-12,
    #other-websites-box.col-md-12 {
        float: left;
    }

    h3#otherwebsitesheading {
        margin-top: 55px;
    }

    #portal-column-one .portletWrapper {
        margin: 0;
    }

    .portletNavigationTree {
        display: none;
    }

    input#sharing-user-group-search, 
    .template-atct_edit.portaltype-quadbox input#externalLink, 
    .template-atct_edit.portaltype-quadbox input#ref_browser_internalLink_label {
        width: 55%;
    }
}

/*===================================================================*/
@media ( max-width:840px) { 
/*===================================================================*/ 
    
    .brand img {
        width:243px;
    }
    
    input#searchGadget {
        width:245px;
        height:30px !important;
    }

    .sidebarlink .translated {
        font-size: 12px;
    }
    
    #mainbannerimage .thumbnail-spacer {
        padding-top:0px;
    }
    
    #mainbannerimage {
        height:235px;
    }
    
    #mainbannerimage img {
        position:relative;
        padding-bottom:0px;
    }
    
    .bannertitle h1 {
        font-size: 45px;
    }
    
}

/*===================================================================*/
@media ( max-width:800px) { 
/*===================================================================*/ 

    .brand img {
        width:218px;
    }
    
    .bannertitle h1 {
        font-size: 40px;
    }
}

/*===================================================================*/
@media ( max-width:768px) { 
/*===================================================================*/ 
    .thumbnail.dash-unit.landingpage-button {
        border-right: none;
    }
}

/*===================================================================*/
@media ( max-width:767px) { 
/*===================================================================*/ 
    
    h1, h1 {
        font-size: 37px!important;
    }

    .h2, h2 {
        font-size: 26px!important;
    }

    /*Hide the mobile search button when the search page is shown*/
    .template-search form#livesearch0 {
        display: none;
    }

    #mainheader input.searchButton {
        left: 43%;
        top: -26px;
        background-size: 16px auto;
        background-position: 6px 3px;
    }

    .sidebarlink {
        padding-left: 15px;
        padding-right: 15px;
    }

    form#livesearch0 {
        width: 100%;
        position: relative;
    }

    #livesearchoverlay {
        right: 0;
        width: 100%;
    }

    #livesearchoverlay ul {
        margin: 0 10px;
    }

    #mainheader {
        height: auto; 
    }

    #portal-header hr {
        display: block;
        margin-top: 5px;
        border-top: 1px solid #cab533 !important;
    }

    .brand {
        text-align: center;
    }

    .brand img {
        width: 298px;
    }
    
    a.brand {
        padding-bottom: 0;
    }

    .search-offset {
        width: 100%;
        right: 0;
        position: absolute;
        top: 106px;
        text-align: center;
        padding-right: 25%;
        padding-left: 25%;
    }

    .form-search {
        width: 60%;
    }

    input#searchGadget {
        width: 100%;
    }

    #globalnav-wrapper .globalnav-toggle {
        top: 16px;
    }

    #globalnav-wrapper .globalnav-toggle .icon-bar {
        height: 4px !important;
        width: 33px !important;
    }

    #globalnav-wrapper {
        padding-top: 60px;
    }

    div#courts-map div.map {
        display: none;
    }

    .ploneSkin table.mceLayout .mceToolbar td {
        padding: 0 !important;
    }

    .template-sitemap .navTreeLevel2,
    .template-sitemap .navTreeLevel3 {
        padding-left: 0;
    }

    input#sharing-user-group-search, 
    .template-atct_edit.portaltype-quadbox input#externalLink, 
    .template-atct_edit.portaltype-quadbox input#ref_browser_internalLink_label {
        width: 100%;
    }

    #archetypes-fieldname-relatedItems input.addreference, 
    .template-atct_edit.portaltype-quadbox input.addreference {
        top: 0 !important;
    }

    div#footer,
    div#footerWrapper,
    div#footerWrapper .container {
        text-align: left;
    }

    .footerItems {
        display: block;
        border: none;
    }

    .footerItems a {
        padding: 0;
    }

}

/*===================================================================*/
@media ( max-width:700px) { 
/*===================================================================*/ 
    #above-sidebar-column a {
        width:50%;
    }
    
    .sidebarlink,
    .sidebarlink:hover {
        border-bottom:1px solid #262626;
        font-size:14px;
    }
    
    #sectionheader .col-xs-4 {
        width:100%;
    }
    
    .portaltype-homepage .quadbox {
        width:100%;
    }
    
    .portaltype-homepage #supreme-court.quadbox, 
    .portaltype-homepage #high-court.quadbox {
        border-right:none;
    }
    
    .portaltype-homepage #court-of-appeal .quadbox-inner, 
    .portaltype-homepage #district-courts .quadbox-inner {
        border-left:none;
        margin-left:0px;
    }
    
    .quadbox-inner {
        border-right:none;
    }
        
    .portaltype-homepage #latest-updates-box, 
    .twitter-feed {
        width:100%;
    }
}

/*===================================================================*/
@media ( max-width:630px) { 
/*===================================================================*/ 
    .brand {
        text-align:left;
    }

    .brand img {
        width:285px;
    }
    
    .search-offset {
        top:103px;
        padding-right:20%;
        padding-left:20%;
    }
    
    #globalnav-wrapper .globalnav-toggle {
        top:14px;
    }
        
    #other.col-md-12, #other-websites-box.col-md-12 {
        width:100%;
    }
        
    #other li, 
    #other-websites-box li {
        display:block !important;
    }
}

/*===================================================================*/
@media ( max-width:600px) { 
/*===================================================================*/ 
    .brand img {
        width:250px;
    }
    
    #globalnav-wrapper .globalnav-toggle {
        top:12px;
    }
    
    #portal-globalnav li.plain a, #portal-globalnav li a, 
    #portal-globalnav li.selected a, #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding:15px 35px !important;
    }
    
    #portal-globalnav li a.hasChildrens, 
    #portal-globalnav li a.hasChildrens:hover {
        background-size:22px auto;
    }

    h1, h1 {
        font-size:35px !important;
    }

    #mainbannerimage {
        height:215px;
    }
    
    .search-offset {
        top:93px;
    }
}

/*===================================================================*/
@media ( max-width: 575px) { 
/*===================================================================*/ 
    form.searchPage {
        position: relative;
    }

    input.searchPage.searchButton {
        position: absolute;
        left: 90%;
        top: 17px;
    }
}

/*===================================================================*/
@media ( max-width: 550px) { 
/*===================================================================*/ 
    #mainheader {
        height: auto;
    }

    #mainbannerimage {
        height: 200px;
    }

    .template-search input.searchPage.form-control {
        width: 100%;
    }

    #mainbannertitle .bannertitle.bannerheader,
    #mainbannerimage .bannertitle.bannerheader {
        width: 100%;
    }
}

/*===================================================================*/
@media ( max-width: 500px) { 
/*===================================================================*/ 
    .brand img {
        width:222px;
    }
    
    #globalnav-wrapper .globalnav-toggle {
        width:32px !important;
        top:10px;
    }
    
    #globalnav-wrapper .globalnav-toggle .icon-bar {
        height:3px !important;
    }
    
    .search-offset {
        padding-right:15%;
        padding-left:15%;
        top:85px;
    }
    
    h1, h1 {
        font-size:31px !important;
    }
    
    #mainbannerimage {
        height:185px;
    }
    
    .sidebarlink, .sidebarlink:hover {
        font-size:13px;
    }
    
    #above-sidebar-column a {
        width:100%;
    }
}

/*===================================================================*/
@media ( max-width:450px) { 
/*===================================================================*/ 
    .brand img {
        width:200px;
    }
    
    #globalnav-wrapper .globalnav-toggle {
        width:30px !important;
        top:8px;
    }
    
    .search-offset {
        padding-right:0px;
        padding-left:0px;
        top:80px;
    }
    
    #portal-globalnav li a.hasChildrens, 
    #portal-globalnav li a.hasChildrens:hover {
        background-size:20px auto;
    }
    
    #portal-globalnav li a span {
        font-size:12px;
    }
        
    #mainbannerimage {
        height:160px;
    }
    
    h1, h1 {
        font-size:29px !important;
    }
    
    h2, h2 {
        font-size:25px !important;
    }
    
    .h3, h3 {
        font-size:21px !important;
    }
    
    .h4, h4 {
        font-size:18px !important;
    }

    h5, h5 {
        font-size:14px !important;
    }
    
    h6, h6 {
        font-size:13px !important;
    }
}

/*===================================================================*/
@media ( max-width:400px) { 
/*===================================================================*/ 
    .brand {
        text-align: left;
    }

    #portal-header hr {
        display: none;
    }

    .search-offset {
        top: 68px;
    }

    #portal-globalnav li.plain a, #portal-globalnav li a, 
    #portal-globalnav li.selected a, #portal-globalnav li a:hover, 
    #portal-globalnav li a:active, #portal-globalnav li a:focus, 
    #portal-globalnav li a:visited {
        padding: 15px 25px !important;
    }

    #mainbannerimage {
        height: 157px;
    }
}

/*===================================================================*/
@media ( max-width:350px) { 
/*===================================================================*/ 
    .brand img {
        width: 180px;
    }

    #portal-globalnav li a.hasChildrens, 
    #portal-globalnav li a.hasChildrens:hover {
        background-size: 18px auto;
    }

    #portal-globalnav li a span {
        font-size: 11px;
    }

    input.searchPage.searchButton {
        left: 88%;
    }
}

/*===================================================================*/
@media ( max-width:320px) { 
/*===================================================================*/ 
    .brand img {
        width: 175px;
    }
}