html {
        position: relative;
        min-height: 100%;
    }
    body {
        /* Margin bottom by footer height */
        margin-bottom: 60px;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color:#888888; 
        color:white;

    }

    .footer {
    position: absolute; bottom: 0; width: 100%; height: 60px; line-height: 60px;
    background-color: #f5f5f5;
    }


    .fs-200  { font-size:2.00em; }
    .fs-175  { font-size:1.75em; }
    .fs-150  { font-size:1.50em; }
    .fs-125  { font-size:1.25em; }
    .fs-90   { font-size:0.90em; }
    .fs-80   { font-size:0.80em; }
    .fs-75   { font-size:0.75em; }
    .fs-70   { font-size:0.70em; }
    .fs-60   { font-size:0.60em; }
    .fs-50   { font-size:0.50em; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li{
        position: relative;
    }
    .dropdown-menu .submenu{
        display: none;
        position: absolute;
        left:100%; top:-7px;
    }
    .dropdown-menu .submenu-left{
        right:100%; left:auto;
    }

    .dropdown-menu > li:hover{ background-color: #f1f1f1 }
    .dropdown-menu > li:hover > .submenu{
        display: block;
    }
}
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */

@media (max-width: 991px) {
.dropdown-menu .dropdown-menu{
        display: none;
        margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}

}
/* ============ small devices .end// ============ */