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


@media (min-width: 1200px) {
/* For Big Stuff */
    .grid-tiles {
        max-width: 1200px;
        margin: 1rem auto;
    }
}

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


@media (max-width: 1024px) {
    #layout-header-container > div:has(#layout-header-logo) {
        justify-self: center;
        transform: translateX(-23px); /* offset when hamburger menu appears */
    }
}

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

@media (min-width: 992px) {
    #landing-page #context-container > div > div:nth-child(2) {
        max-width: 35%;
    }
}

@media (min-width: 768px) {
    #landing-page #context-container > div >div {
        max-width: 50%;
    }
}

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

    .grid-tiles {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }


    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] {
        grid-template-columns: 1fr;
    }


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

    .grid-tiles {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] .read-only_value strong {
        font-weight: 600;
    }

    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] .read-only_value > div > .ml-8 {
        flex-direction: column;
        gap: 0;
        margin-top: 1rem;
    }

    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] label:has(> input[type="radio"]:disabled) {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        margin: 0;
        padding: 0.25rem 0.5rem;
        align-items: center;
    }

    #page_view_profile div.form-group.read-only > div[ng-if*="=== 'VOL_LANGUAGE'"] label:has(> input[type="radio"]:disabled:checked) {
        background: #f1f1f1;
        border-radius: 8px;
    }

}