.col-nav{
    padding-left: 8px;
}.col-body{
    border-top: 1px solid #336699;
    border-bottom: 1px solid #336699;
    margin-left: 2px;
    transition: ease .5s all;
}.col-body a{
    color:white;
}.col-body.in{
    border-left:3px solid #003366;
}.collapse-item{
    display: block;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom:5px;
}.collapse-item:hover{
    background-color: #003366;
}.banner-small > .banner-navbar.affix-bottom{
    position: fixed;
    top:0px;
    z-index:1000;
}
@media screen and (max-width: 490px){
    .banner{
        display:none;
    }.banner-logo{
        margin-top:-80px;
        width:100%;
        text-align: center;
        background-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
    }.banner-navbar{
        height: 40px;
        width: 100%;
        background-color: #4575D3;
        display: block;
        padding-top: 4px;
        padding-left: 15px;
    }.banner-navbar .navbar-toggler{
        color:white;
    }.sidebar{
        display: block;
        width:250px;
        margin-left: -250px;
        background-color: #336699;
        color:white;
        position: fixed;
        height: 100%;
        left:0px;
        bottom:0px;
        top:0px;
        transition: ease .5s all;
        z-index: 1001;
    }.mmm{
        margin-left:0px;
        transition: ease .5s all;
    }.mmm.open{
        
    }.sidebar.open{
        margin-left:0px;
        overflow-x: hidden;
        overflow-y: auto;
    }.small-screen{
        display:inline-block;
    }.sidebar .header-b{
        font-size: 15px;
        padding-left: 15px;
    }.sidebar .navbar-toggler{
        color:white;
    }
}@media screen and (min-width:491px) and (max-width: 800px){
    .banner{
        display:none;
    }.banner-logo{
        margin-top:-100px;
        width:100%;
        text-align: center;
        background-color: white;
        padding-top: 15px;
        padding-bottom: 15px;
    }.banner-navbar{
        height: 40px;
        width: 100%;
        background-color: #4575D3;
        display: block;
        padding-top: 4px;
        padding-left: 15px;
    }.banner-navbar .navbar-toggler{
        color:white;
    }.sidebar{
        display: block;
        width:250px;
        margin-left: -250px;
        background-color: #336699;
        color:white;
        position: fixed;
        height: 100%;
        left:0px;
        bottom:0px;
        top:0px;
        transition: ease .5s all;
        z-index: 1000;
    }.mmm{
        margin-left:0px;
        transition: ease .5s all;
    }.mmm.open{
        margin-left:250px;
    }.sidebar.open{
        margin-left:0px;
        overflow-x: hidden;
        overflow-y: auto;
    }.small-screen{
        display:inline-block;
    }.sidebar .header-b{
        padding-left: 8px;
        font-size: 20px;
    }.sidebar .navbar-toggler{
        display:none;
    }
}
@media screen and (min-width:801px){
    .banner-small{
        display:none;
    }.sidebar{
        display:none;
    }.small-screen{
        display: none;
    }
}