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


@media (min-width: 1200px) {
/* For Big Stuff */
}

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



@media (min-width: 768px) and (max-width: 991px) {

    #hero {
        flex-direction: column-reverse;
    }

    #hero #hero-image {
        padding: 0;
    }

    div#hero-image img {
        height: 34vw;
    }

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

    /*.aff-info-in-org > div {*/
    /*    display: grid;*/
    /*    grid-template-columns: 0fr 1fr 2fr 0fr;*/
    /*    align-items: center;*/
    /*    margin: 0;*/
    /*}*/

    /*.aff-info-in-org .aff-image-in-org-container {*/
    /*    width: 100%;*/
    /*    padding: 0;*/

    /*}*/

    .org-details-description .aff-info-in-org > div > div:has(.aff-details-in-org-title) {
        width: 100%;
    }

    .org-details-description .aff-info-in-org > div > div:has(.aff-details-in-org-title):after {
        display: inline-block;
        content: "Learn More";
        padding: 0.5rem 1rem;
        margin: 0.5rem;
        border-radius: 5px;
        color: #ffffff;
        background: var(--primary-color);
    }
    .org-details-description .aff-info-in-org > div > div:has(.aff-details-in-org-title):hover:after {
    filter: brightness(0.85);
    }
}

@media (max-width: 767px) {
    #default_workflow .item-enabled {
        flex-wrap: wrap;
        justify-content: center;
    }
    #default_workflow .list-item .item-content {
        max-width: 89%;
    }

    #hero {
        flex-direction: column-reverse;
    }

    #hero #hero-image {
        padding: 0;
    }

    div#hero-image img {
        height: 34vw;
    }

    section:has(div#hero) div#call-to-action div:first-child {
        padding: 2rem;
        padding-top: 1rem;
    }

    .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;
    }

    footer #client_footer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    footer #client_footer ul {
        padding: 0;
    }

    footer .l-footer__meta-address {
        color: #00566b;
        font-style: normal;
        line-height: 1.4;
        padding: 0 0 2rem 0;
        text-align: center;
    }

    footer .l-footer__meta-menu {
        list-style: none;
        margin: 0;
        padding: 0 !important;
        text-align: center;
        border: none;
    }
}
@media (max-width: 486px) {
    /*#default_workflow .item-enabled {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    /*#default_workflow .list-item .item-content {*/
    /*        max-width: 90%;*/
    /*}*/

    section:has(div#hero) div#call-to-action div:first-child {
        padding: 2rem;
        padding-top: 1rem;
    }

    #hero {
        flex-direction: column-reverse;
    }

    #hero #hero-image {
        padding: 0;
    }

    .hdr_nav_link{
        width:33.33%;
        min-width:auto !important;
        height:60px;
    }
    div#hero-image img {
        height: 34vw;
    }

    #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%;
    }
    #vol_faq .header-text {
        font-size: 1.5rem;
        padding-right: 1.5rem;
    }

    .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;
    }
}