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


@media (max-width: 1984px) {
    .hero {
        background: url("../images/oklahoma-skyline.jpg") no-repeat;
        background-size: cover;
        height: 270px;
    }
}
@media (max-width: 990px) {
    .hero {
        background: url("../images/oklahoma-skyline@0.25x.jpg") no-repeat;
        height: 250px;
        /*background-position-x: -200px;*/
    }
    .vol-home {
        flex-wrap: wrap;
        margin: 2rem 6rem 5rem;
    }
    .vol-home > div:nth-child(2) {
        margin: 3rem 0 2rem;
    }
}


@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) {
    .lb-right-scroll-panel {
        overflow:auto;
        width:461px;
    }
    .logbook-details-section{
        width:718px;
    }
}

@media (max-width: 770px) {
    .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;
    }
    .vol-home {
        margin: 30px;
    }
    .vol-home h1 {
        font-size: 2rem;
    }
    .vol-home h2 {
        font-size: 1.7rem;
    }
    .vol-home p {
        font-size: .9rem;
    }
    .hero {
        background-position-x: -200px;
    }
    .footer-flex {
        justify-content: space-around;
        margin: 30px 10px;
    }
    .sm-white-logo {
        margin-left: 10px;
    }
    .footer-text,
    #client_footer a {
        font-size: .9rem;
    }
}

@media (max-width: 660px) {
    .vol-home {
        flex-direction: column;
    }
    .view-container.clearfix > div > section:nth-child(3) > div > div:nth-child(2) > div.col-sm-12.mb30 > h2 {
        margin-top: 50px;
    }
}

@media (max-width: 580px) {
    .vol-home > div > div span {
        white-space: nowrap;
    }
    #client_footer > div > div {
        margin: 40px 50px 0;
    }
    .footer-flex {
        flex-direction: column;
    }
    .spacer {
        display: none;
    }
    .footer-text {
        width: 400px;
    }
    .social-media-links {
        padding-top: 30px;
    }
}

@media (max-width: 486px) {
    .hero {
        background-position-x: 70%;
        height: 170px;
    }
    .vol-home {
        justify-content: center;
        margin: 20px;
    }
    .vol-home h1 {
        font-size: 1.9rem;
    }
    .vol-home p {
        margin-right: 0 !important;
    }
    .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;
    }
    #client_footer > div > div {
        margin: 40px 20px 0;
    }
    .footer-text {
        width: 300px;
    }
}

@media (max-width: 350px) {
    .vol-home h1 {
        font-size: 1.75rem;
    }
    .footer-text {
        width: 250px;
    }
    .social-media-links img {
        height: auto;
        margin: 0 4px;
        width: 40px;
    }
}