@media (min-width: 480px) and (max-width: 767px) {
body{
    margin-top: 60px ! important;
}
    .header{
    position: relative! important;
}
    .merge-header{
        margin-right: 0px !important;
    }
.brand{
    width: 100%;
    float: none;
    position: fixed;
    top: 0px;
    z-index: 1005;
}
    .sidebar-toggle-box{
        right: 10px;
    }
    .top-nav{
        margin-bottom: 5px;
    }
    .top-menu{
        margin-right: 10px;
    }
    .wrapper{
        margin-top: 0px;
    }
    /*ul.sidebar-menu {
        margin-top: 0px;
    }*/
   /* #sidebar{
        position: fixed !important;
        z-index: 1002;
        top: 80px;
    }*/
    #main-content{
        margin-left: 0px;
    }

}

@media (max-width: 479px) {
    body{
        margin-top:60px !important;
    }
    .header{
        position: relative !important;

    }
    .merge-header{
        margin-right: 0px !important;
    }
    .brand{
        width: 100%;
        float: none;
        position: fixed;
        top: 0px;
        z-index: 1005;
    }
    .sidebar-toggle-box{
        right: 10px;
    }
    .top-nav{
        margin-bottom:5px;
    }
    .top-menu{
        margin-right: 10px;
    }
    .wrapper{
        margin-top: 0px;
    }
   /* ul.sidebar-menu {
        margin-top: 0px;
    }*/
    /*#sidebar{
        position: fixed !important;
        z-index: 1002;
        top: 0px;
    }*/
    #main-content{
        margin-left: 0px;
    }
    .notify-row{
        float: none;
    }
}


@media (max-width: 960px){
#sidebar {
    position: fixed !important;
    z-index: 1002;
    top: 0px;
}
ul.sidebar-menu{margin-top:0px;}
}


@media (min-width: 320px) and (max-width: 960px){
	.col-lg-12{padding-left:10px;padding-right:10px;}
	.panel-body{padding:10px;}
	.wrapper{padding-top:0px;}
}