/**** Custom Responsive Styles ****/
@media (max-width: 1800px) {
    .map_page-buttons {
        /*top: 17%;*/
        /*left: 8%;*/
    }
    .map_page-buttons .home-page-buttons a {
        /*font-size: 0.95rem;*/
        height: 50px;
        /*padding: unset;*/
        /*width: 260px;*/
    }
    .map-btn {
        /*width: 23%;*/
    }
    .map-btn .custom-filter-input {
        font-size: 1rem;
    }
    .map_page-buttons .home-page-buttons > div {
        margin: 0.2rem 0;
    }
}

@media (max-width: 1460px) {
    #search-buttons .location-selection_div {
        width: 1036px;
    }
}

@media (max-width: 1450px) {
    .map_page-buttons {
        /*top: 13%;*/
        /*left: 4%;*/
    }
    .map-btn {
        width: 32%;
    }
}
@media (max-width: 1200px) {
    .home-div .display-flex img {
        margin: 0;
    }
    .home-div .home-page-buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 0.5rem;
        width: 95%;
    }
    .home-div .home-page-buttons > div {
        margin: 0 0.5rem 0.5rem 0;
    }
    .home-div .home-page-buttons a, .location-selection_div .home-page-buttons a {
        padding: 1rem 3.5rem;
        width: auto;
    }
    .home-div .display-flex {
        flex-wrap: wrap-reverse;
    }
    .org-programs-info.three-cols div.program-div {
        width: 330px;
    }
    .org-programs-info.three-cols div.program-div:last-child {
        width: 670px;
        margin-left: 0;
    }
    .org-programs-info.two-cols div.program-div {
        width: 325px;
    }
    #program-icons .cards > div.card-icon {
        min-width: 218px;
    }
    #program-icons .cards > div.card-icon.two-cards {
        margin: unset;
         min-width: 315px;
     }
}
@media (max-height: 1190px) {
    .page-buttons a {
        padding: 1.25rem 0.5rem 1.35rem;
    }
}
@media (max-height: 1024px) {
    .map_page-buttons {
        top: 5%;
        left: 3vw;
    }
}

@media (max-height: 875px) {
    .map_page-buttons {
        /*top: 8vh;*/
        left: 8vw;
    }
    .map_page-buttons .home-page-buttons a {
        /*height: 40px;*/
    }
    .map_page-buttons .home-page-buttons > div {
        margin: 0.15rem 0;
    }
    .map_page-buttons > div {
        /*margin: 0.75rem 0.2rem;*/
    }
}


@media (max-width: 1199px) {
  /*  .org-programs-info .program-div {
        width: 331px;
    }
    .org-programs-info .program-div:last-child {
        width: 670px;
        margin-left: 0;
    }
    #program-icons .cards > div.card-icon {
        min-width: 218px;
    }*/
}
@media (max-width: 1150px) {
    .map-btn {
        /*width: 44%;*/
    }
}

@media (max-width: 992px) {
    .org-programs-info .program-div {
        margin-left: 0;
        width: auto;
    }
    .location-details-view button.map-view-btn {
        margin: unset;
    }
    #page_map_search location-details-view .container {
        width: unset;
    }
    #page_map_search div.display-flex h1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
    }
    #search-buttons > div > h1 span {
        font-size: 1rem;
        margin-top: 0.6rem;
        padding: 0 1.25rem;
    }
    #page_detailed_view .container {
        width: unset !important;
    }
    .org-programs-info .program-div:last-child {
        width: unset;
        margin: 0.25rem 0.25rem 0.25rem 0;
    }
    .org-programs-info.three-cols div.program-div {
        width: 670px;
    }
    .org-programs-info.three-cols div.program-div:last-child {
        /*width: 670px;*/
        margin-left: 0;
    }
    #program-icons .cards > div.card-icon {
        /*min-width: 186px;*/
    }
    #client_footer .footer-col:first-child {
        padding: 0;
    }
    #client_footer ol {
        padding: 0;
        text-align: end;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #client_footer .link-lists-content {
        /*display: flex;*/
        /*flex-direction: column;*/
        /*align-items: flex-end;*/
        /*justify-content: center;*/
        /*width: 490px;*/
        /* flex-wrap: nowrap; */
    }
    #client_footer .link-lists-content ol {
        /*display: flex;*/
        margin-bottom: 4px;
        padding-inline-start: 0;
    }
    #client_footer .link-lists-content li {
        align-self: end;
        border-right: unset;
        line-height: 2;
    }
}

@media (max-width: 970px) {
    #program-icons .cards > div.card-icon {
        min-width: 260px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
.lb-right-scroll-panel {
overflow:auto;
width:681px;
}
.logbook-details-section{
width:938px;
}
}


@media (max-aspect-ratio: 7/2) and (min-aspect-ratio: 8/5) and (min-aspect-ratio: 7/4) {
    #map-search {
        display: flex;
        flex-direction: column;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons > div {
        margin: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin: 1rem 0 0.15rem;
    }
    .map-btn {
        /*width: 49%;*/
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
        width: 250px;
        display: flex;
        line-height: 1;
    }
    .map_page-buttons .home-page-buttons a {
        height: 65px;
        margin-bottom: 3px;
    }
}

/*  Nest Hub Max */
@media (max-width: 1280px) and (max-height: 820px) {
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
}


/*  Nest Hub */
@media (max-width: 1024px) and (max-height: 600px) {
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
}

@media (max-width: 1000px) {
    #oppMap > div:nth-child(3) {
        width: 125% !important;
    }
    .pet-image {
        top: -8rem;
        right: -6rem;
    }
    .pet-image img.attach-item-thumbnail {
        max-height: 150px;
        max-width: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:461px;
    }
    .logbook-details-section{
        width:718px;
    }
}

@media (max-width: 955px) {
    .map-btn .custom-filter-input {
        font-size: 94%;
        /* padding: 0.5rem 1rem; */
        white-space: nowrap;
    }
    .map_page-buttons .home-page-buttons a {
        font-size: 95%;
        padding: 5%;
    }
    .map_page-buttons .home-page-buttons {
        /*padding: 0;*/
    }
    .map_page-buttons .home-page-buttons > div {
        margin: 0.15rem 0;
    }
    .map_page-buttons > div {
        /*margin: 0.75rem 0.2rem;*/
    }
    .org-programs-info.two-cols div.program-div {
        max-width: 275px;
    }
}

@media (max-width: 892px) {
    #program-icons .cards > div.card-icon {
        min-width: 260px;
        margin: 0.15rem 0.25rem;
    }
}
@media (max-width: 815px) {
    .home-div h2 {
        width: 80%;
    }
    .home-div .home-page-buttons {
        margin: unset;
        width: 97%;
    }
    .home-div .home-page-buttons a {
        height: 65px;
        width: 290px;
        font-size: 1rem;
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 240px;
    }
    .org-programs-info.two-cols div.program-div {
        max-width: 250px;
    }
}
@media (max-width: 785px) {
    #program-icons .cards > div.card-icon {
        min-width: 240px;
        margin: 0.15rem;
    }
    .home-div .hero-title h1 {
        font-size: 2.5rem;
        width: 93%;
    }
}

@media (max-width: 767px) {
    #page_map_search h1 {
        font-size: 2.2rem;
        /*text-align: center;*/
    }
    #oppMap > div:nth-child(3) {
        width: unset !important;
    }
    #map-search {
        display: flex;
        flex-direction: column-reverse;
    }
    #map-search .map-search {
        margin: 0 0 1rem;
    }
    .map_page-buttons {
        background: none;
        position: unset;
    }
    .map_page-buttons .home-page-buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }
    .map-btn {
        width: 49%;
    }
    .map_page-buttons .home-page-buttons a {
        padding: 0.85rem;
        /* justify-content: flex-start; */
        /* width: max-content; */
        width: 284px;
        font-size: 95%;
        white-space: nowrap;
    }
    .map_page-buttons .home-page-buttons > div {
        flex-basis: 0;
        margin: 0.15rem;
    }
    #opp_details_body div.container > div > div.title-block {
        flex-direction: column-reverse;
        text-align: center;
        margin-top: 0.5rem;
    }
    #page_map_search .org-title, #page_map_search .opp-details-opp-title {
        line-height: 1;
    }
    #page_detailed_view .opp-details-opp-title {
        margin: 0.5rem;
    }
    #opp_details_body .map-view-btn {
        font-size: 0.9rem;
        margin: 0;
    }
    #program-icons .cards > div.card-icon {
        min-width: 205px;
    }
    #page_map_search .service-area_div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .org-programs-info.two-cols div.program-div {
        max-width: 400px;
    }
    #program-icons .cards {
        /*justify-content: space-between;*/
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 338px;
    }
    .lb-right-scroll-panel {
        overflow:auto;
        width:256px;
    }
    .logbook-details-section{
        width:auto;
    }
    .hidden-xs {
        display:none;
    }
    .tab-content > .block-imp {
        display:block !important;
    }
    .tab-content > .in-imp {
        opacity:1 !important;
        visibility: visible !important;
    }
    .pagename{
        margin-bottom:30px;
    }
}
@media (max-width: 735px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 300px;
    }
}
@media (max-width: 725px) {
    .org-programs-info.two-cols div.program-div {
        max-width: 300px;
    }
}
@media (max-width: 705px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 268px;
    }
}
@media (max-width: 690px) {
    #program-icons .cards > div.card-icon {
        min-width: 265px;
    }
}
@media (max-width: 670px) {
    .map-btn {
        width: 66%;
        text-align: center;
    }
    .org-programs-info.two-cols div.program-div {
        max-width: unset;
        width: 100px;
    }
    #client_footer ol {
        margin-left: 0;
    }
    .home-div .hero-video {
        width: 90%;
    }
    .home-div .home-page-buttons > div {
        margin: 0.15rem 0.35rem;
    }
    .home-div .home-page-buttons a {
        font-size: 1.15rem;
        width: 400px;
    }
}
@media (max-width: 630px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 249px;
    }
}
@media (max-width: 612px) {
    .map_page-buttons .home-page-buttons a   {
        width: 400px;
    }
    #program-icons .cards > div.card-icon {
        min-width: 240px;
    }
}
@media (max-width: 590px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 220px;
    }
}
@media (max-width: 580px) {
    #page_map_search h1 {
        font-size: 1.8rem;
    }
    .map-btn {
        width: 86%;
    }
    .home-div .hero-title h1 {
        font-size: 2rem;
    }
    .home-div .home-page-buttons a {
        font-size: 1rem;
        width: 300px;
    }
    .pet-image {
        top: 6rem;
        left: 1.25rem;
    }
    .pet-image img.attach-item-thumbnail {
        max-height: 180px;
        max-width: 180px;
    }
    #dashboard_faf_list > div > div.ng-scope > div > dynamic-form > form > div > div > div:nth-child(2) > div.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty > div {
        margin-top: 8rem;
    }
    #page_family_members h4 {

    }
}
@media (max-width: 550px) {
    #program-icons .cards > div.card-icon {
        min-width: 230px;
    }
}
@media (max-width: 535px) {
    .footer-flex {
        justify-content: center;
    }

    #client_footer .link-lists-content ol {
        margin-top: 2rem;
    }

    #client_footer .link-lists-content li {
        align-self: unset;
        text-align: center;
    }

    #client_footer copyright p {
        justify-content: center;
        text-align: center;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 200px;
    }
}
@media (max-width: 502px) {
    #program-icons .cards > div.card-icon {
        min-width: 190px;
    }
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 215px;
    }
}
@media (max-width: 486px) {
    .map-btn,
    .map_page-buttons .home-page-buttons a {
        width: 100vw;
    }
    .map-btn .custom-filter-input {
        padding: 0.5rem;
    }
    .hdr_nav_link{
        width:33.33%;
        min-width:auto !important;
        height:60px;
    }
    #hdr_nav_links{
        float:none;
    }
    #hdr_logo_container{
        display:block;
        background:#333;
        text-align:center;
        float:none;
    }
    #hdr_logo{
        display:inline-block;
        height:32px;
    }
    #logged_vol_header_nav .hdr_nav_link{
        min-width:auto;
        padding:6px;
        float:right;
    }
    #logged_vol_header_nav #hdr_primary_msg{
        padding: 6px 10px 6px 0;
        text-align: right;
        width:65%;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 182px;
    }
    .pagename{
        margin-bottom:20px;
    }
    .history-div {
        width: 100% !important;
    }
    .mce-toolbar{
        display:none !important;
    }
    .social {
        width: 43px;
        display: block;
        margin-left: 0px;
        margin-right: 2px;
    }
}
@media (max-width: 460px) {
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 175px
    }
}
@media (max-width: 434px) {
    #page_map_search .location-details-view .container {
        padding: 0;
    }
    #program-icons .cards {
        justify-content: space-between;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width: 160px;
    }
}
@media (max-width: 390px) {
    #page_detailed_view .opp-details-opp-title {
        font-size: 1.8rem;
    }
    #program-icons .cards {
        justify-content: center;
    }
    #program-icons .cards > div.card-icon,
    #program-icons .cards > div.card-icon.two-cards {
        min-width:260px;
    }
}
