#navbar {
        background-color: #ffffff;
        margin-top: 40px;
        padding-bottom: 20px;
    }

    .content {
        margin-top: 30px;
    }

    .four {
        width: 25%;
        padding: 0px;
        float: left;
        display: inline-block;
        background-color: #fff;
        z-index: 3;
    }

    .three {
        width: 33.33%;
        float: left;
    }

    #navbar .panel p {
        margin-top: 8px;
        margin-bottom: 0px;
        max-width: 100%;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.2px;
    }

    .content h5 {
        color: #4c3796;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
    }

    .company {
        padding: 10px;
        font-size: 16px;
        line-height: 20px;
        color: #777;
    }

    header {
        z-index: 1200;
    }

    #navbar.e-sticky {
        position: sticky;
        top: 50px !important;
    }


    /*// Small devices (landscape phones, 576px and up)*/

    @media (min-width: 576px) {}


    /*// Medium devices (tablets, 768px and up)*/

    @media (min-width: 768px) {
        select {
            padding: 10px 30px 7px 10px;
            width: 80%;
        }
        .content h5.e-sticky {
            position: sticky;
            top: 125px;
            padding-top: 25px;
            padding-bottom: 5px;
            background-color: #ffffff;
        }
    }


    /*// Large devices (desktops, 992px and up)*/

    @media(max-width:999px) {
        .three {
            width: 100%;
            float: left;
        }
        .four {
            width: 100%;
            padding: 1%;
            margin: 0 auto;
            padding: 0;
        }

        .four select {
            width: 280px;
        }
        /*// Extra large devices (large desktops, 1200px and up)*/
        @media (min-width: 1200px) {}
        /* horizontal scroll fix */
        #container {
            overflow-x: hidden;
        }