@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        position: absolute;
        left: 0px;
    }
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        position: absolute;
        left: 0px;
    }
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        left: auto;
        position: relative;
    }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        left: auto;
        position: relative;
    }
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        left: auto;
        position: relative;
    }
}
@media (min-width:1281px) { /* hi-res laptops and desktops */
    #nrml
    {
        height: 38px;
        padding: 15px;
        border-radius: 6px;
        box-sizing: content-box;
        left: auto;
        position: relative;
    }
}

#hghl
{
    margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#hghl ul
{
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
}
#hghl li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#hghl li.highlight
{
    border:solid 1px #15b5fe;
    /*background-color:#003D79;*/
    top:0px;
    height:30px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 1;
    position: absolute;
    overflow:hidden;
}
#hghl li a
{
    height:30px;
    padding-top: 8px;
    margin: 0 20px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    color: #15b5fe;
    font: normal 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}

.twenty-percent {
    width: 20% !important;
}

.eighty-percent {
    width: 80% !important;
}