/**** Custom Responsive Styles ****/


@media (min-width: 1200px) {
/* For Big Stuff */
}
@media (min-width: 901px) and (max-width: 1230px) {
    #volunteer-landing h1 {
        font-size: 4.2rem;
    }
    #volunteer-landing h2 {
        font-size: 3rem;
    }
    #callout-container {
        /*padding: 1rem;*/
        /*border-radius: var(--border-radius);*/
        /*margin: 0 auto;*/
        /*display: flex;*/
        /*align-items: end;*/
        max-width: 900px;
        margin-top: -340px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
.lb-right-scroll-panel {
overflow:auto;
width:681px;
}
.logbook-details-section{
width:938px;
}
}

@media (max-width: 1023px) {
    .highlight-option {
        border-radius: unset;
        border: unset;
        padding: 0;
    }

    .highlight-option:hover {
        background: unset;
    }
}

@media (min-width: 900px) and (max-width: 1300px) {
    #volunteer-landing .card-icon-img-container {
        display: none;
    }
}

@media (max-width: 900px) {
    #erec_main_container[esar-layout] recruiter-header #layout-header-container {
        padding-left: 0;
        padding-right: 0;
    }

    #volunteer-landing h1 {
        font-size: 3.75rem;
    }
    #volunteer-landing h2 {
        font-size: 2.5rem;
    }

    section#banner {
        height: 40vw;
    }
    #callout-container {
        margin-top: -40vw;
        flex-direction: column;
        align-items: start;
    }

    .flex-col-row-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }
    #volunteer-landing .card-header {
        flex-direction: column;
        align-items: start;
    }

    .bubble-container {
        margin-bottom: 5vw;
        width: 42vw;
        height: 20vw;
        max-width: unset;
        max-height: unset;
    }

    .bubble-item {
        padding: calc(3.75%*(20 / 42));
    }

    .bubble-1 {
        width: calc(75%*(20 / 42));
        /* margin-top: calc(15%*(20 / 42)); */
        margin-left: 0;
    }

    .bubble-2 {
        margin-top: calc(15%*(20 / 42));
        margin-left: calc(45%*(20 / 42));
        width: calc(100%*(20 / 42));
    }

    .bubble-3 {
        margin-left: calc(120%*(20 / 42));
        margin-top: calc(-5%*(20 / 42));
        width: calc(90%*(20 / 42));
    }

    div#client_footer > div.container > div {
        flex-direction: column;
        align-items: center;
    }

    div#client_footer > div.container > div > div.social {
        justify-content: center;
    }
}

@media (max-width: 753px) {

    section#banner {
        height: auto;
    }

    #callout-container {
        margin-top: 0;
        flex-direction: column;
        align-items: start;
    }

    #callout-container h1 {
        color: #2D3538;
    }
}

@media (max-width: 500px) {

    #volunteer-landing h1 {
        font-size: 3rem;
    }
    #volunteer-landing h2 {
        font-size: 2rem;
    }

}


@media (min-width: 768px) and (max-width: 991px) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:461px;
    }
    .logbook-details-section{
        width:718px;
    }
}

@media (max-width: 767px) {
    .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;
    }

    #volunteer-landing .card-container {
        flex-direction: column;
    }

    div#client_footer > div.container > div {
        flex-direction: column;
        row-gap: 2rem;
    }

    div#client_footer > div.container > div > div.legal {
        justify-content: center;
    }

    div#client_footer > div.container > div > div.social {
        justify-content: center;
    }

}
@media (max-width: 486px) {
    #volunteer-landing h1 {
        font-size: 2.5rem;
    }

    #volunteer-landing p {
        font-size: 1.1rem;
    }

    #volunteer-landing .card-icon-img-container {
        width: 75px;
    }

    .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%;
    }
    .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: 420px) {

    #layout-header-logo {
        max-height: 35px;
    }
    .bubble-content-container {
        padding: 0;
    }
    div#client_footer > div.container > div > div.legal > a {
        text-wrap: wrap;
    }
}