/*
 * Base Style
 */
/*# Top Nav #*/
@media (min-width: 768px) {
    .navbar-nav {
        margin: 0px;
    }

    .utility-nav {
        margin: 0px !important;
        float: none !important;
    }

    .nav > li > a.phoneTopNav, .nav > li > a.TopNavList {
        display: inline-block;
        padding: 10px 4px 10px 0px;
        line-height: 2em;
    }
    /*    #gasLeakContact, */ #aboutUs, #Language {
        margin-left: 20px;
    }
    /*    #gasLeakContact { margin-right:16px; } */
    #customerContact {
        margin-right: 1.2em;
    }

    .nav > li {
        background: transparent;
    }

    .utility-nav > li > a {
        line-height: 2em !important;
    }

    #loginButton, #createAccount {
        list-style-type: none;
        padding-left: 20px;
    }

    #searchBox {
        float: left !important;
        width: 140px;
    }

    #keywordSearch {
        position: relative;
        top: -2px;
        left: 2px;
    }

    .LoginBTN {
        height: 32px;
    }
}

@media only screen and (max-width:1200px) and (min-width:990px) {
    #createAccount, .navbar-right {
        font-size: .95em !important;
    }

    #customerContact, #gasLeakContact, #aboutUs, #Language {
        font-size: .9em !important;
    }
    /*#gasLeakContact, */ #aboutUs, #Language {
        margin-left: 10px;
    }

    #gasLeakContact {
        margin-right: 8px !important;
    }

    .LoginBTN {
        font-size: .9em;
        height: auto;
        width: auto;
    }

    .search-block {
        width: 80% !important;
        font-size: .8em !important;
    }

    #loginButton, #createAccount {
        padding-left: 10px !important;
        font-size: .8em !important;
    }
}


@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-collapse .navbar-nav > .dropdown {
        width: 16% !important;
    }
}