#top_bar_1 {
    float: left;
    height: 24px;
    margin: 0px 0%;
    clear: none;
    width: 19.897272%;
    background-color: rgb(48, 172, 72);
}

#top_bar_2 {
    float: left;
    height: 24px;
    margin: 0px 0% 0px 0.00166226%;
    clear: none;
    width: 9.599561%;
    background-color: rgb(0, 147, 34);
}

#top_bar_3 {
    float: left;
    height: 24px;
    margin: 0px 0% 0px 0.00166226%;
    clear: none;
    width: 14.799116%;
    background-color: rgb(0, 79, 126);
}

#top_bar_4 {
    float: left;
    height: 24px;
    margin: 0px 0% 0px 0.00166226%;
    clear: none;
    width: 4.998421%;
    background-color: rgb(0, 126, 179);
}

#top_bar_5 {
    float: left;
    height: 24px;
    margin: 0px 0% 0px 0.00166226%;
    clear: none;
    width: 50.698981%;
    background-color: rgb(0, 98, 168);
    min-width: 0px;
}

#top_bar_line {
    float: left;
    height: 2px;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    background-color: rgb(195, 195, 195);
    display: block;
}

@media only screen and (max-width: 1024px) {

    #top_bar_1 {
        float: left;
        height: 24px;
        clear: none;
        background-color: rgb(48, 172, 72);
    }

    #top_bar_2 {
        float: left;
        height: 24px;
        clear: none;
        background-color: rgb(0, 147, 34);
    }

    #top_bar_3 {
        float: left;
        height: 24px;
        clear: none;
        background-color: rgb(0, 79, 126);
    }

    #top_bar_4 {
        float: left;
        height: 24px;
        clear: none;
        background-color: rgb(0, 126, 179);
    }

    #top_bar_5 {
        float: left;
        height: 24px;
        clear: none;
        width: 50.6%;
        background-color: rgb(0, 98, 168);
    }

    #top_bar_line {
        float: left;
        clear: both;
        width: 100%;
        background-color: rgb(216, 216, 216);
        height: 2px;
    }
	
}

@media only screen and (max-width: 570px) {
    #top_bar_line {
        clear: both;
        width: 100%;
        margin-top: 8px;
        margin-left: 0%;
    }

    #top_bar_1 {
        height: 24px;
        width: 19.997396%;
    }

    #top_bar_2 {
        height: 24px;
        width: 9.99707%;
    }

    #top_bar_3 {
        height: 24px;
        width: 13.991341%;
    }

    #top_bar_4 {
        height: 24px;
        width: 5.993034%;
        margin-top: 0px;
        margin-left: 0.00325531%;
        clear: none;
    }

    #top_bar_5 {
        width: 49.998372%;
        height: 24px;
        margin-top: 0px;
        margin-left: 0.00325531%;
        clear: none;
    }
}
 
@media only screen and (max-width: 320px) {
    #top_bar_line {
        clear: both;
        width: 100%;
    }

    #top_bar_1 {
        height: 24px;
        width: 19.996094%;
    }

    #top_bar_2 {
        height: 24px;
        width: 9.995605%;
    }

    #top_bar_3 {
        height: 24px;
        width: 13.989941%;
    }

    #top_bar_4 {
        height: 24px;
        width: 5.98662%;
    }

    #top_bar_5 {
        width: 49.997558%;
        height: 24px;
        margin-top: 0px;
        margin-left: 0.00488305%;
        clear: none;
    }
}