#menusuperiorscroll{
    position: absolute;
    z-index: 19998;
    background-color: #000033;
    top:0px;
    left: 0px;
    right: 0px;
    display: block;
    -webkit-box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
box-shadow: 0px 10px 18px -6px rgba(0,0,0,0.75);
}


@media (min-width: 1200px) { 

    .logoImg{

        width: 270px;
        padding-top: 15px;
        float: left;

    }

    .menulargo{
        padding-top: 45px;
        font-size: 14px;
        color: white;
        float: right;
         padding-bottom:55px;

    }

    .menuLargoItem{

        display: inline-block;
        margin-left: 5px;
        font-family: 'Anton', sans-serif;
        padding: 5px;
        border-bottom-style: solid;
        border-bottom-color: white;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-color: white;
        border-left-width: 1px;

    }

    .menuLargoItem:hover{
        padding: 5px;
        display: inline-block;
        margin-left: 5px;
        cursor: pointer;

        background-color: white;
        color: #000033;
        transition: all 0.3s ease; 
        border-radius: 0px 10px 0px 10px;
        -moz-border-radius: 0px 10px 0px 10px;
        -webkit-border-radius: 0px 10px 0px 10px;
        border: 0px solid #000000;
        border-left-style: solid;
        border-left-color: white;
        border-left-width: 1px;

    }


    .menuICON{
        display: none;
    }

}
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .logoImg{

        width: 270px;
        padding-top: 15px;

    }

    .menulargo{
        padding-top: 55px;
        font-size: 14px;
        color: white;
        float: right;
        padding-bottom: 10px;

    }

    .menuLargoItem{

        display: inline-block;
        margin-left: 5px;
        font-family: 'Anton', sans-serif;
        padding: 5px;

    }

    .menuLargoItem:hover{
        padding: 5px;
        display: inline-block;
        margin-left: 5px;
        cursor: pointer;

        background-color: white;
        color: #000033;
        transition: all 0.3s ease; 
        border-radius: 0px 10px 0px 10px;
        -moz-border-radius: 0px 10px 0px 10px;
        -webkit-border-radius: 0px 10px 0px 10px;
        border: 0px solid #000000;

    }

    .menuICON{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) { 
    .logoImg{

        width: 150px;
        padding-top: 15px;

    }

    .menulargo{
        padding-top: 38px;
        padding-bottom: 10px;
        font-size: 12px;
        color: white;
        float: right;

    }

    .menuLargoItem{

        display: inline-block;
        margin-left: 3px;
        font-family: 'Anton', sans-serif;
        padding: 3px;

    }

    .menuLargoItem:hover{
        padding: 3px;
        display: inline-block;
        margin-left: 3px;
        cursor: pointer;

        background-color: white;
        color: #000033;
        transition: all 0.3s ease; 
        border-radius: 0px 10px 0px 10px;
        -moz-border-radius: 0px 10px 0px 10px;
        -webkit-border-radius: 0px 10px 0px 10px;
        border: 0px solid #000000;

    }

    .menuICON{
        display: none;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {


    .logoImg{

        width: 250px;
        padding-top: 15px;
        float: left;

    }

    .menulargo{
        padding-top: 45px;
        font-size: 20px;
        color: white;
        float: right;

    }
    .menuLargoItem{

        display: none;

    }

    .menuLargoItem:hover{
        display: none;
    }
    .menuICON{

        display: inline-block;
        margin-left: 3px;
        font-family: 'Anton', sans-serif;
        padding: 3px;
    }

    .menuICON:hover{

        padding: 3px;
        display: inline-block;
        margin-left: 3px;
        cursor: pointer;

        background-color: white;
        color: #000033;
        transition: all 0.3s ease; 
        border-radius: 0px 10px 0px 10px;
        -moz-border-radius: 0px 10px 0px 10px;
        -webkit-border-radius: 0px 10px 0px 10px;
        border: 0px solid #000000;
    }

}
@media (max-width: 575.98px) { 


    .logoImg{

        width: 200px;
        padding-top: 15px;
        float: left;

    }

    .menulargo{
        padding-top: 30px;
         padding-bottom: 40px;
        font-size: 20px;
        color: white;
        float: right;

    }
    .menuLargoItem{

        display: none;

    }

    .menuLargoItem:hover{
        display: none;
    }
    .menuICON{

        display: inline-block;
        margin-left: 3px;
        font-family: 'Anton', sans-serif;
        padding: 3px;
    }

    .menuICON:hover{

        padding: 3px;
        display: inline-block;
        margin-left: 3px;
        cursor: pointer;

        background-color: white;
        color: #000033;
        transition: all 0.3s ease; 
        border-radius: 0px 10px 0px 10px;
        -moz-border-radius: 0px 10px 0px 10px;
        -webkit-border-radius: 0px 10px 0px 10px;
        border: 0px solid #000000;
    }
}