@media (max-width: 1024px){
	.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light {
	    background-color: #222327;
	}

	.m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading, .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-light .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link {
	    background-color: #3960a5;
	}
	.m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-light {
	    background-color: #ae4843;
	    color: #FFF;
	}

	.m-aside-header-menu-mobile-close.m-aside-header-menu-mobile-close--skin-light i {
	    color: #FFF;
	}

	#form-reporte{
		position: absolute;
		top: 6px;
		left: 6px;
	}

	/*.m-header__bottom {
	    margin-top: 0px;
	}*/
	
	#home-mobile h6 {
	    font-size: 10px;
	}

	#home-mobile td {
	    font-size: 10px;
	}

	#home-mobile .m-accordion__item-content{
		padding:5px;
	}

	#home-mobile .m-accordion .m-accordion__item .m-accordion__item-head {
	    padding: 5px;
	}

	#home-mobile i{
		font-size: 15px !important;
	}

	#FormGenerateReport .m-checkbox{
		width: 100% !important;
	}

	#FormGenerateReport .m-radio>span, #FormGenerateReport .m-checkbox>span {
	    top: -1px;
	}

	/*.highcharts-container{
		width: 400px;
	}
	.highcharts-container svg{
		width: 400px !important;
	}*/

	#volver-mobile{
	    display: block;
	}

	.m-brand .m-brand__logo .m-brand__logo-wrapper img {
	    max-width: 45px !important;
	    margin-top: 20px;
	    margin-left: 20px;
	}
	.m-brand .m-brand__tools .m-brand__toggler span::before, .m-brand .m-brand__tools .m-brand__toggler span::after {
	    background: #ffffff;
	}
	.m-brand .m-brand__tools .m-brand__toggler span {
	    background: #ffffff;
	}
	.m-brand .m-brand__tools .m-brand__icon>i {
	    color: #ffffff;
	    font-size: 1.3rem;
	}
	.m-brand {
	    width: 100%;
	}

	.m-brand .m-brand__tools .m-brand__icon {
	    margin-top: 19px;
	}

	#weather {
	    background: #4578ca;
	    height: 144px;
	    margin-top: -13px;
	}

	#weather ul li {
	    zoom: 0.8;
	}

	#modal-weather{
		zoom:0.5;
	}

	#form-entre-fechas-mobile {
	    display: block !important;
	    padding: 20px;
	    margin-top: -26px;
	    margin-bottom: -14px;
	}

	#form-entre-fechas-mobile input.form-control{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#form-entre-fechas-mobile button{
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 10%;
		margin-right: 10%;
		width: 80%;
	}
}

@media (max-width: 1440px){
	ul#menu{
		width: auto !important;
	}
	ul#menu li img {
		width: 80%;
	}
	ul#menu li {
		min-height: 113px;
		zoom: 0.7;
	}
	ul#menu li h4 {
		font-size: 14px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#logo-home p {
		width: 460px;
		margin-left: auto;
		margin-right: auto;
	}
	#logo_login {
		max-width: 80% !important;
		margin-left: 10%;
	}
	#menu-flotante {
		zoom: 0.85;
	}
	.kpi-new h4 {
		font-size: 13px !important;
		top: 5px  !important;
		right: -67px  !important;
		line-height: 11px  !important;
	}
	.kpi-new h3 {
		font-size: 10px !important;
		width: 123px !important;
	}
	.kpi-new {
		margin-bottom: 10px;
		min-height: 42px;
		background-repeat: no-repeat;
	}
	.badge-warning {
		font-size: 7px !important;
	}
	.nav.nav-pills .nav-link, .nav.nav-tabs .nav-link {
		font-size: 12px !important;
	}
	#cantidad #widget-item-4 ul li:nth-child(2) h5 {
		font-size: 9px !important;
	}
	#continuidad-content #widget-item-2 ul li img {
		height: 160px !important;
	}
	#content-calidad {
		height: 630px;
	}
	#padre #texto1 {
		width: 280px;
		left: 30px;
	}
	#listado_certificados li {
		height: 100px;
		zoom: 0.7;
	}
	#FormLogin {
		zoom: 0.8;
		margin-left: 23%;
	}
	p#description-system {
		width: 480px;
		font-size: 11px;
		margin-top: 100px;
	}
	#colaboradores-img {
		width: 200px;
	}
}

@media (max-width: 1380px){
	ul#menu li {
		min-height: 91px;
		zoom: 0.6;
	}
	header #logo_prommra {
		width: 200px;
		position: absolute;
		left: calc(50% - 200px);
		top: 19px;
	}
	header {
		height: 98px;
		background-size: 114%;
	}
	header h1 {
		font-size: 16px;
	}
	header h3 {
		font-size: 12px;
	}
}

/* NUEVOS DISEÑO */

@media (max-width: 1280px){
	ul#menu li {
		min-height: 91px;
		zoom: 0.6;
	}
	
	#pozo-pieza-grafica {
		margin-top: 40px !important;
		margin-left: -150px !important;
		zoom: 0.6 !important;
	}
	#FormLogin {
		zoom: 0.8;
		margin-left: 23%;
	}
	p#description-system {
		width: 480px;
		font-size: 11px;
		margin-top: 100px;
	}
	#colaboradores-img {
		width: 200px;
	}
}