/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  
    #home-page .banner {
        background-size:230% auto;
        height: 465px;
    }
    #home-page .banner-bottom {
        display:none;   
    }
  
    .pre-main a {  
        font-size: 18px;
        margin: 0 10px 0 0;
        padding: 5px 10px 5px 0;
    }
    #mainnav a {
        font-size: 24px;
        margin: 0 0 0 6px;
        padding: 10px 20px;
    }
    #mainnav li li a {
        font-size:16px;
    }
    .top-bar .nav li, .top-bar p,
    .top-bar, .top-bar .nav li a {   
        font-size: 14px;
    }
    .banner h1 {
        font-size: 45px;
    }
    .banner h2 {
        font-size: 110px;
    }
    .banner-widget-content .button {
        padding: 15px 20px;
    }
    .js #mainnav li > ul {
        width: 90%;
    }
    .js #mainnav li > ul {
        border-top: 15px solid transparent;
    }
    .footer input[type="text"] {
        width: 125px;
    }
    .footer p, .footer a {
        font-size: 15px;
    }
    .footer strong {
        font-size: 16px;
    }
    .footer h3 {
        font-size: 17px;
    }
    p.copyright,p.attribution a {
        font-size:12px;
    }
    p.copyright {
        margin-top:40px;
    }
    .button {
        padding: 7px 17px 7px 20px;
    }
    .button:before {
        background: none transparent;
        content: none;
    }
    .banner-widget-content .button {
        font-size: 25px;
    }
    .litter-hero-pic {
        margin-left: -70px;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {   
/*    body {
        background:pink;
    }*/
    img.right,
    img.left {
        float: none;
        margin: 5px 0 20px;
    }
    .banner,
    #subnav,
    #mainnav,
    .top-bar {
        display: none;
    }
    .mobile-only {
        display:block;
    }
    #home-page .banner-bottom {
        background: none repeat scroll 0 0 transparent;
    }
    #header {
        border-bottom: 16px solid #E8A713;
        height: 122px;
        margin: 0 auto;
    }
    .icon,
    .home-feature-band-upper,
    .home-feature-band-lower,
    .home-feature-band-upper-placeholder {
        display:none;
    }
    .post-home-feature-band {
        margin-top: 100px;
    }
    .pre-main {
        margin: 0;
        position: absolute;
        right: 0;
        top: 15px;
        width: 150px;
        z-index: 999;
    }
    .pre-main a {
        border-bottom: 1px dotted #545454;
        display: block;
        font-size: 18px;
        margin: 0;
        padding: 5px 0;
        width: 100%;
    }
    .pre-main li:last-child a,
    .pre-main li {
        border:none;
    }
    .subpage-banner-wrapper {
        display: none;
    }
    #responsive-nav {
        display: block;
        position: relative;
        z-index: 101;
    }
    #responsive-nav select {
        background-color: #00270D;
        color:#fff;
        font-size: 110%;
        width: 99%;
    }
    .container .columns.sidebar {
        border-left: medium none;
        margin: 0 0 50px;
        padding-left: 0;
    }
    .pre-footer {
        background: none repeat scroll 0 0 transparent;
        margin: 0;
        padding: 20px 0 0;
    }
    .footer {
        margin-top: 0;
        padding: 40px 0;
    }
    .promopanel .column {
        margin-bottom: 30px;
    }
    .promopanel h3 {
        font-size: 26px;
    }
    h1 {
        font-size: 38px;
        line-height: 38px;
    }
    h2 {
        
    }    
    post-home-feature-band h2 {
        font-size: 24px;
    }
    #globalsearch-term {
        width: 64%;
    }
    .search-container {
        top: 0;
    }
    #close-search {
        border: medium none;
        right: 5px;
    }
    #globalsearch-term {
        font-size: 14px;
        height: 32px;
    }
    #globalsearch-search, #globalsearch-search:active {
        font-size: 16px;
        height: 32px;
        margin: 0;
        padding: 5px 10px;
        width: 20%;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .search-container {
        width: 380px;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .pre-main {
        margin: 0;
        position: absolute;
        right: 0;
        top: 15px;
        width: 70px;
    }
   .pre-main a {
        font-size: 15px;
        margin: 0;
        padding: 5px 0;
        text-align: left;
    }
    .pre-main li {
        line-height: 18px;
    }
    .search-container {
        width: 290px;
    }
    #close-search {
        display:none;
    }
}