@media (max-width: 1000px) {
    .bcoh-textandbox > nav {
        display: none;
    }

    .contact-details {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .fields {
        flex-direction: column !important;
    }

    main.bcoh.Index .bcoh-box {
        width: auto !important;
        max-width: 500px;
    }
}

@media (max-width: 1200px) {
    .experience-year-text {
        display: none !important;
    }

    .experience {
        width: 33% !important;
    }

    main.bcoh.Index .bcoh-container {
        margin-left: 0;
    }

    main.bcohindex #CirclesQuoteDialog {
        flex-direction: column;
    }

    main.bcohindex #CirclesQuoteApi button.splash + button.splash {
        margin-left: 0;
    }
}

@media (min-width: 1201px) {
    #CirclesQuoteApi button.splash.cgicon-insurance {
        color: #676767 !important;
        opacity: 0;
        height: calc((80vw - 10rem - 40px) / 12);
        max-height: calc((80vw - 10rem - 40px) / 12);
        position: absolute;
        right: 0;
        font-size: 1rem;
        top: 75%;
        padding-top: 0;
        border: none;
        box-shadow: none;
        margin-top: 0;
        background-color: transparent !important;
        width: 33%;
        text-align: center;
    }

    #CirclesQuoteApi button.splash.cgicon-insurance:hover {
        color: #676767 !important;
        background-color: transparent !important;
    }

    #CirclesQuoteApi button.splash.cgicon-insurance:hover {
        opacity: 1;
    }

    #CirclesQuoteApi button.splash.cgicon-insurance::after {
        content: '';
    }

    #CirclesQuoteApi button.splash.cgicon-insurance::before {
        display: none;
    }

    #CirclesQuoteApi button.splash.cgicon-addlist:hover {
        color: #676767 !important;
        font-size: 1rem;
    }

    #CirclesQuoteApi button.splash.cgicon-addlist:hover ~ button.splash {
        opacity: 1;
    }
}