/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 578px) {

}

/*Tablets */
@media only screen and (min-width : 768px) {

    #header-nav li a {
        padding: 5px 2px!important;
        font-size: .8rem!important;
        border: none;
    }


    #header-nav .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    #header-nav .menu-icon {
        display: none;
    }

    #header-nav h1 {
        margin-top: 20px!important;
        width: 120px!important;
        height: 40px!important;

    }

    #header-nav > ul {
        background: transparent;
        overflow: visible;

    }

    #header-nav li {
        float: left;
        background: transparent;
    }

    #header-nav li a {
        padding: 30px 8px;
        font-size: 1rem;
        border: none;
    }


    #header-nav .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    #header-nav .menu-icon {
        display: none;
    }

     li a #menu-li, li a #menu-tw {
        position: relative;
        padding: 0;
        margin: 0;
        top:0;
    }

    #menu-li, #menu-tw {
        width: 25px;
        height: 25px;
    }


 /*   #header-nav > ul > li:not(:first-child):before {
        content: " | ";
    }*/

    #header-nav ul{
        list-style: none;
    }

    #menu-header-navigation  > li  a{
        background-color: transparent;
        text-decoration: none;
        display: block;
    }

    #menu-header-navigation li ul{
        display:none ;
        position: absolute;
        width: auto;
        top:25px;
        border-radius: 0px 5px 5px 5px;
        color: #fff;
    }

    #menu-header-navigation li ul li a {
        color: #fff;
    }

    #menu-header-navigation li > ul > li {
        transition-property: height;
        transition-duration: 2s;
    }

    #menu-header-navigation li > ul{
        padding: 25px 10px;
        list-style-image: url("https://www.asusbusiness.com/wp-content/uploads/2019/11/bullet.png");
        transition: visibility 0s 2s, opacity 2s linear;
    }
    #menu-header-navigation li > ul > li:hover{
        list-style-image: url("https://www.asusbusiness.com/wp-content/uploads/2019/11/bullet-black.png");
    }




    #menu-header-navigation li  ul  li {
        position: relative;
        padding: 5px 20px 5px 0px;
        left:20px;
        width:200px;
     }

    #menu-header-navigation li:hover >  ul{
        display: block;
    }


    #enterprise:hover{
        display: block;
        background-color: #005799;
        color: white;
    }


    #small_office:hover{
        display: block;
        background-color: #005799;
    }

    #education:hover{
        display: block;
        background-color: #005799;
    }

    #content_creation:hover{
        display: block;
        background-color: #005799;
    }

    #cloud:hover{
        display: block;
        background-color: #005799;
    }

    #healthcare:hover{
        display: block;
        background-color: #005799;
    }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #header-nav h1 {
        margin-top: 20px!important;
        width: 150px!important;
        height: 50px!important;

    }


    #header-nav li a {
        padding: 5px 8px!important;
        font-size: 1.2rem!important;
        border: none;
    }
    #menu-header-navigation li  ul  li {
        width:280px;
    }



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #header-nav h1{
        margin-top: 10px!important;
        width: 180px!important;
        height: 60px!important;
    }


}