/* Extra Large devices (1823px and up) */
	@media (min-width: 1823px) {
		
	}
	
/* Extra Large devices and smaller (1824px and less) */
	@media (max-width: 1824px) {
		
	}

/* Large devices (large desktops, between 1200px and 1823px) */
	@media (min-width: 1200px) and (max-width: 1823px) {

	}

/* Large devices and smaller (large desktops, 1200px and less) */
	@media (max-width: 1200px) {
		
	}

/* Medium devices (desktops, between 992px and 1200px) */
	@media (min-width: 992px) and (max-width: 1200px) {
		
	}
	
/* Medium devices and smaller (desktops, 992px and less) */
	@media (max-width: 992px) {
		
	}

/* Small devices (tablets, between 769px and 992px) */
	@media (min-width: 769px) and (max-width: 992px) {

	}

/* Extra small devices (phones, less than 769px) */
	@media (max-width: 769px) {
		body				{font-size: 12px;}
		h1				{font-size: 28px;}
		h2				{font-size: 24px;}
		h3				{font-size: 20px;}
		.tiles .heading	{font-size: 20px;}
		.btn			{font-size: 12px;}
		.btn-large		{font-size: 12px; font-weight: bold;}
		
		.page-content .breadcrumb li.active{
			font-size: 12px;
		}
		.page-sidebar .page-sidebar-wrapper > ul > li > a{
			font-size: 12px;
		}
		.page-sidebar .page-sidebar-wrapper > ul > li > a i{
			font-size: 16px;
		}
		.dd-content.dd3-content div{
			padding: 0;
			max-height: 30px;
			overflow: hidden;
		}
		.grid.simple .grid-body{
			padding: 0;
		}
	}
	
/* Mini devices (less than 340px) */
	@media (max-width: 340px) {
		.sidr.left{
			display: block !important;
			left: 0px;
		}
		.page-sidebar{
			display: block !important;
			height: 280px;
			overflow: hidden;
		}
		#main-menu-wrapper{
			max-height: 280px;
		}
		.user-info-wrapper {
			margin: 60px 31px 0;
		}
	}

/* HEIGHT (more than 1080px) */
@media (min-height: 1080px) {
    .page-sidebar{
        padding-top: 131px;
    }
    .page-sidebar .page-sidebar-wrapper ul > li > ul.sub-menu {
        z-index: 90;
    }
    .groupButtons{
        max-height: none;
        height: 70%;
    }
    .page-content-menu .rows-menu {
        width: 420px;
        float: left;
        padding: 15px;
        max-height: none;
        height: 100%;
    }
}
/* HEIGHT (less than 1080px) */
@media (max-height: 1080px) {
    .page-sidebar{
        padding-top: 65px;
    }
    .page-sidebar .page-sidebar-wrapper ul > li > ul.sub-menu {
        z-index: 90;
    }
    .groupButtons{
        max-height: none;
        height: 70%;
    }
    .page-content-menu .rows-menu {
        width: 420px;
        float: left;
        padding: 15px;
        max-height: none;
        height: 100%;
    }
}
/* HEIGHT (less than 690px) */
@media (max-height: 690px) {
    .page-sidebar .page-sidebar-wrapper > ul > li > a > span.title,
    .page-content-menu .nav-header > p{
        font-size: 11px;
        line-height: 12px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a > i,
    .page-content-menu .nav-header > i{
        font-size: 16px;
    }
    .page-sidebar{
        width: 120px;
        padding-top: 85px;
    }
    .page-sidebar .page-sidebar-wrapper > ul{
        width: 100px;
    }
    .page-content {
        padding-left: 120px;
    }
    .groupButtons{
        max-height: 350px;
    }
    .page-sidebar.content-page-sidebar .page-content-menu .nav-header > i {
        font-size: 16px;
        margin-right: 0;
        width: auto;
        float: left;
        margin-right: 5px;
    }
}
/* HEIGHT (less than 580px) */
@media (max-height: 580px) {
    .page-sidebar .page-sidebar-wrapper > ul > li > a{
        line-height: 10px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a > i{
        font-size: 20px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a > span.title,
    .page-content-menu .nav-header > p{
        font-size: 11px;
        line-height: 12px;
        display: none;
    }
    .page-sidebar .page-sidebar-wrapper ul > li > ul.sub-menu {
        top: -16px;
        z-index: 90;
    }
    .page-sidebar .page-sidebar-wrapper ul > li > ul.sub-menu:after {
        content: " ";
        position: absolute;
        top: 25px;
        left: -10px;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }
    .groupButtons{
        max-height: 250px;
    }
    .page-sidebar.content-page-sidebar .page-content-menu .nav-header > i {
        font-size: 16px;
        float: none;
    }
    .page-sidebar.content-page-sidebar .page-content-menu .nav-header {
        text-align: center;
        padding: 7px 10px 7px 10px;
    }
}
/* HEIGHT (less than 470px) */
@media (max-height: 580px) {
    .page-sidebar{
        width: 70px;
    }
    .page-sidebar .page-sidebar-wrapper > ul{
        width: 50px;
    }
    .page-content {
        padding-left: 70px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a{
        padding: 15px;
        line-height: 10px;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li > a > i{
        font-size: 18px;
    }
    .groupButtons {
         max-height: none;
         height: 70%;
     }
    .page-content-menu .rows-menu{
        max-height: none;
        height: 100%;
    }
    .page-content-menu .active li.rows{
        height: auto !important;
    }
}