@media (max-width: 992px) {
	form#default-form,
	.overflow-scroll {
        overflow-x: scroll;
    }

    #sidebarmenu {
		width: 75px;
	}

	.layouts.icono-inicio {
		padding-bottom: 35px;
	}

	.layouts.icono-inicio span {
		display: none;
	}

	.layouts.icono-inicio + ul {
		display: none;
	}

	.wrapper {
		table-layout: auto;
	}

	.form-control.bloque-pase {
		margin-top: 5px;
	}

	.listado-bloques-pases .week-days li {
		width: 100%;
		margin-top: 5px;
	}

	#sidebarmenu.collapsed {
		display: table-cell;
	}
	#sidebarmenu {
		display: none;
	}

	.logo img {
		width: 75px;
		padding: 10px;
	}

	.wrapper aside .shadows {
		display: none;
	}

	div#example_wrapper {
		overflow-x: scroll;
		padding: 10px;
	}

	.pagination {
		width: 80%;
	}

	.contents > div {
		overflow-x: scroll;
	}

	.navi-acc a {
		color: #E4DF9C !important;
		display: inline-block;
		padding: 17px 20px 20px 67px;
		font-family: 'Droid Sans', sans-serif;
		font-size: 13px;
		font-weight: bold;
		width: 100%;
		position: relative;
		text-transform: uppercase;
		background: none;
	}

	.navi-acc > li > ul:hover,
	.navi-acc > li > a:hover + ul {
		display: block !important;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 99;
		width: 200px;
	}

	.navi-acc li.active > a,
	.navi-acc li a {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

    .tools .btn {
        width: auto;
        margin: 5px 0;
    }

	.heading,
    .tools {
        display: flex;
        flex-flow: column;
        justify-content: space-around;
    }

	.heading .btn,
    .tools form {
        display: inline-block;
        margin: 0;
        width: 100%;
		margin-top: 10px;
    }
}

@media (max-width: 870px) {
	.right-sec {
		max-width: 70vw;
	}
}