@media (max-width: 768px) {

    .header {
        position: absolute;
    }

    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }

	#main-content.sidebar-closed > .row {
		margin: 0px;
	}

    /*sidebar*/
    #sidebar > ul > li {
        margin: 0;
    }
	#sidebar ul li a,
    #sidebar > ul > li > a {
        text-align: left;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }

    .btn {
        margin-bottom: 5px;
    }

}

@media (max-width: 480px) {
	ul.sidebar-menu {
		width: 100vw;
		right: 0;
		left: 0;
	}

	#sidebar ul > li > a .menu-arrow {
		margin-right: calc(100vw - 194px)
	}
	
    .notification-row {
        display: none;
    }
}

@media (max-width:320px) {

    .notification-row {
        display: none;
    }
}