/*
* Responsive styles using media queries.
*/

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

    .container .column, .container .columns {
        margin-left: 10px;
        margin-right: 10px;
    }

    .page-header {
        margin: 0px 0px 20px 10px;
        padding: 20px 0px 14px 0px;
    }

    /* megamenu responsive */



    .menu-container {
        background-color: transparent;
    }

    .bf-nav-main:first-child {
        border-left: none;
    }

    .bf-nav-main {
        border-right:none;
    }

    .responsive-nav {
        display:none;
    }
    .tb-megamenu .btn-navbar {
        margin: 10px;
    }

    .tb-megamenu .btn:focus {
        outline: 5px auto #f58220;
    }

    .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a {
        border-bottom: none;
        border-top: none;
        background: #3d3d3e none repeat scroll 0% 0%;
    }

    .tb-megamenu .nav-collapse .dropdown-menu {
        background:#3d3d3e;
    }

    .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
        background-color: #3d3d3e !important;
    }

    .tb-megamenu .nav > li {
        text-align: left;
    }

    .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle {
        border-right: none;
    }

    .tb-megamenu .nav > li.dropdown.open.active > a:hover {
        border-right: none;
    }

    .tb-megamenu .dropdown-menu {
        border-bottom: none;
    }

    .tb-megamenu .nav-collapse .dropdown-menu a {
        border-top:none;
    }

    .tb-megamenu .dropdown-menu .mega-nav > li a {
        border:none;
    }



    .hover-effect h4 {
        font-size: 12px;
    }

    /* fixed promo overlay mobile */
    .hover-effect .overlay.with-title {
        height: 100%;
    }



    /* thumbnail box overlay mobile */

    .thumbnail-box .hover-effect .overlay {
        height:100%;
    }

    .thumbnail-block .field-items a {
        float: left;
        line-height: 14px;
        margin-bottom: 10px;
        clear:both;
    }

    /* hide subnav */

    .sidebar-menu {
        display:none;
    }

    .region-sidebar-left {
        display:none;
    }

    .recent-pet {
        display:none;
    }

    .signup-body-text p {
        margin-top: 40px;
    }

    /* make adoption filters visible */
    .page-adopt .sidebar-menu, .page-adopt .region-sidebar-left, .sidebar #block-views-exp-network-partners-page {
        display: block !important;

    }

    /* make network partners search visible */
    .page-our-work-supporting-network-partners .region-sidebar-left {
        display: block !important;
    }

    .page-our-work-supporting-network-partners #sidebar h2, .page-our-work-supporting-network-partners #sidebar .heading-2 {
        border-top: none;
        padding: 0px 0px 4px 0px;
    }

    .page-adopt .menu-block-wrapper {
        display: none !important;
    }

    .page-adopt .sidebar-menu, .page-adopt .region-sidebar-left h2 {
        display: none !important;

    }

    /* Donation page */
    .donate-top {
        min-height: 200px;
    }

    .donate-hl {
        color: #ffffff;
        padding: 10px;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin: 0px;
    }

    .lnk-container {
        padding: 10px;
        margin-bottom: 10px;
    }

    .donate-lnk {
        margin: 10px 0px;
        max-width: 100%;
        padding: 5px;
    }

    .donate-bot {
        display: none;
    }



}

/* move social icons to bottom bar*/
@media only screen and (max-width: 1105px) {

    .addtoany_list {
        position: fixed;
        left: 0px;
        top: auto;
        bottom: 11px;
        width: 100%;
        background-color: #ffffff;
        border-top: solid 1px #d4d4d4;
        border-right: solid 1px #d4d4d4;
        border-bottom: solid 1px #d4d4d4;
        padding-bottom: 5px;
        z-index: 998;
        height: 40px;
        text-align: center;
    }

    .addtoany_list br {
        display: none;
    }

    .addtoany_list a {
        display: inline-block;
        padding: 0px;
    }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {

    h1, .heading-1 {

        margin-top:0px;
    }

    .navigation {
        display: block;
        margin:10px;
    }

    .menu-container {
        background:none;
    }
    .responsive-nav {

        border-color: #636466 transparent #636466 transparent;
    }

    #logo {
        margin: 0px 10px 10px 10px;
    }

    #top_links {
        margin: 8px 20px 20px 10px;
        font-size: 10px;
    }

    .region-logo {
        left:0px;
        max-width:none;
        float:none;
    }


    .region-slogan {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        float:none;
        position:relative;
        top: -20px;
        left: -5px;

    }
    .search-wrapper{
        width:100%;
        position:relative;
        top:10px;

    }

    .search-wrapper .submit-search:after {
        width: 20px;
        font-size: 13px;
        max-width: auto;
        background:none;
        right: 4px;
        top: 3px;
    }

    .item-list .pager {
        position: relative;
        margin-top: 10px;
        padding-top: 10px;
    }

    #sidebar h2 {
        padding: 10px 0px 4px 0px;
        margin-bottom: 4px;
        border-top: none;
    }

    #edit-sort-by-title, .toolbar-tab, .bef-select-as-links a, .toolbar-tabs span  {
        border-right: none !important;
    }



    #youtubechannel-list {
        overflow-y: visible;
    }

    .rg-pet-main {
        height:auto;
    }

    .gss-thumbnail-image {
        clear:both;
        float: none;
    }

    .region-header-right {
        position:relative;
        right: 5px;
    }

    .search-wrapper {
        right: 33px;
    }

    .page-header {
        padding: 10px 0px 14px 0px;
    }

    .heading-xl {
        line-height: 42px;
        font-size: 40px;
    }

    #title-head {
        line-height: 38px;
    }

    .fixed-promo .jcarousel-prev, .fixed-promo .jcarousel-next, #block-views-related-promo-block-view-block .jcarousel-prev, #block-views-related-promo-block-view-block .jcarousel-next {
        top: 5px;
    }




}

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

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .search-wrapper .submit-search:after {
        right: 5px;
        top: -4px;
    }

}

/* tablet fix for thumbnail boxes */
@media screen and (max-width: 800px) {
    .thumbnail-box {
        border: none;
    }

    .thumbnail-block .thumbnail-box:nth-child(-n+3) {
        border-top: none;
    }

    .thumbnail-block .thumbnail-box:nth-child(3n) {
        border-right: none;
    }
}

/* home page sign up forms */
@media screen and (max-width: 959px) {
    .newsletter-signup-email,
    .text-alert-phone {
        top: 35px;
        left: 0;
    }
    .newsletter-signup-submit,
    .text-alert-submit {
        top: 35px;
        left: 184px;
    }
    /* block Body Text used as description with links */

    .signup-overlay-message,
    .signup-overlay-x {
        top: 70px;
    }
}

@media screen and (min-width: 960px) {
    .newsletter-signup-email {
        top: 0;
        right: 50px;
    }
    .newsletter-signup-submit {
        top: 0;
        right: 30px;
    }
    .text-alert-phone {
        top: 0;
        right: 25px;
    }
    .text-alert-submit {
        top: 0;
        right: 4px;
    }

    .signup-overlay-message,
    .signup-overlay-x {
        top: 28px;
    }
}