@media screen and (min-width: 801px) {
    .menu-toggle { display: none; }
    .main-navigation ul {display: block}
    .main-navigation .menu {opacity: 1}
}
@media only screen and (max-width: 978px) {
    .site-header {width: 100%}
    #slider {width: 100%}
    #slider .slide img {width: 100%}
    #slider .slider-text {width: 100%; margin: auto; left: auto}
    
    #main-content-wrapper {width: 100%}
    .site-info {width: 100%}
    
    #sidebar {width: 24%}
    #content {width: 72%}
    
    a.more-link:before {margin-left: -5px; top: -1px}
    
    .site-branding {width: 60%}
    .page-content .search-form input[type="search"] {width: 94.5%}
    .widget_calendar table {width: 80%}
    
    header img {max-width: none}
}
@media only screen and (max-width: 800px) {
    #slider .slider-text {position: relative; bottom: auto; margin-top: -5px}
    
    #show-search {display: none}
    #search-wrapper {position: static; display: block}
    #search-wrapper .search-form {opacity: 1; left: auto; right: 0; top: auto; bottom: 0}
    
    a.more-link::before {left: -2px; top: 0}
    .firefox a.more-link::before {left: -5px; top: 0}
    
    button.menu-toggle:before {top: 12px}
    .firefox button.menu-toggle:before {top: 14px}
    
    #logosPAD p {width: 50%}
    
    #sidebar .search-form label {display: inline}
    #sidebar .search-form {text-align: left}
    #sidebar .search-btn-wrapper {text-align: center}
    #sidebar .search-form input[type="search"] {width: 60%}
    
    .goto-top {display: block; margin: 0; position: fixed; right: 10px; bottom: 25px; z-index: 10000}
    .goto-top a {background-color: #0d6e7d; padding: 7px 10px; border: none}
    .goto-top a:after {content: "▴"; color: #fff; text-shadow: 0 1px 0 #0c363c}
    
    .main-navigation .menu {opacity: 0; max-height: 0; overflow: hidden}
    .main-navigation.toggled {display: block}
    .main-navigation.toggled .menu {display: block; opacity: 1; max-height: none; overflow: visible; position: relative; top: 50px; background-color: #131e22; width: 100%}
    
    .main-navigation ul ul li.hover ul {left: -200px}
    
    .page-content .search-form input[type="search"] {width: 94%}
}
@media only screen and (max-width: 640px) {
    #sidebar {width: 100%; float: none; padding: 20px; margin: 0}
    #content {width: 100%; float: none; padding: 10px 20px; margin: 0}
    
    #logosPAD p {width: 40%}
    
    #crumbpath {display: none}
    
    .gallery-item a, .gallery-item a:visited {display: block; width: 150px; height: 150px}
    
    textarea {width: 100%}
    .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond select, .comment-respond textarea {width: 100%}
    
    .site-branding {margin: 10px 0 10px 20px}
    
    .widget_calendar table {width: 90%}
    
    .menu-toggle {border: none; padding: 0; width: 50px; height: 50px; margin-left: 2px}
    .menu-toggle:before {display: none}
    .menu-toggle .btnText {clip: rect(1px, 1px, 1px, 1px); position: absolute; display: block}
    
    .menu-toggle .icon,
    .menu-toggle .icon:after,
    .menu-toggle .icon:before {display: block; height: 4px; width: 25px; background: #fff; content: ""; position: absolute; left: 12px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s}
    
    .menu-toggle .icon {top: 22px}
    .menu-toggle .icon:before {top: -7px; left: 0px}
    .menu-toggle .icon:after {top: 7px; left: 0px}
    
    .menu-toggle.active .icon {background: transparent !important}
    .menu-toggle.active .icon:before {transform: rotate(45deg); top: 0}
    .menu-toggle.active .icon:after {transform: rotate(-45deg); top: 0}
    
    .main-navigation.toggled ul {border-bottom: 5px solid #0d6e7d; width: 100%}
    
    .main-navigation ul li {display: block; background: none; border: none; border-top: 1px solid #264852}
    
    .main-navigation ul li ul {position: static !important; width: 100% !important; display: none !important; opacity: 1 !important; border: none}
    .main-navigation ul li.hover ul {display: block !important}
    
    .main-navigation ul li ul li ul {left: 0}
    .main-navigation ul li.hover ul ul {position: static !important; width: 100% !important; display: none !important}
    .main-navigation ul ul li.hover ul {left: 0; display: block !important}
    
    #sidebar ul.menu li ul {position: static; width: 100% !important; display: none; opacity: 1 !important}
    #sidebar ul.menu li.hover ul {display: block}
    #sidebar ul li.hover ul ul {position: static !important; width: 100% !important; display: none !important}
    #sidebar ul ul li.hover ul {left: 0; display: block !important}    
}
@media only screen and (max-width: 480px) {
    .font-contrast .text {position: absolute; display: block; clip: rect(1px, 1px, 1px, 1px); left: -900em}
    .font-list {display: none}
    .font-contrast {border: none !important}
    
    .site-branding {width: 80%}
    
    #logosPAD ul {float: none; text-align: center}
    #logosPAD p {float: none; text-align: center; width: 90%; padding: 0 30px}
    
    .gallery-item a, .gallery-item a:visited {display: block; width: 100px; height: 100px}
    
    .page-content .search-form input[type="search"] {width: 91%}
}
@media only screen and (max-width: 420px) {
    .index-page .entry-thumbnail, .categories .entry-thumbnail {position: relative; float: none; left: 0; top: 0; margin-left: 15%}
    h3.entry-title.marginTitle {margin-left: 0}
    .index-page .post-content.minHeight, .categories .post-content.minHeight {margin-left: 0}
    
    .page-content .search-form input[type="search"] {width: 90%}
    
    #slider .slider-text-content {margin: 0 10%}
}
@media only screen and (max-width: 320px) {
    .site-branding {width: 70%}
    .site-title {font-size: 1.8em}
    
    .index-page .entry-thumbnail, .categories .entry-thumbnail {margin-left: 0}
    
    .widget_calendar table {width: 85%}
    
    .page-content .search-form input[type="search"] {width: 85%}
}