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

	/* TOP BAR */
	.section-header-left {
		width: 50%;
	}

	.section-header-nav {
		width: 50%;
	}

	.section-header-nav {
		padding-right: 0;
	}

	/* SIDEBAR NAVIGATION */
    #sidebar-nav {
		display: block;
		position: fixed;
		width: 100vw;
		transform: translateX(-100%);
        visibility: hidden;
		transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s;
	}

	#sidebar-nav.collapsed {
		display: block;
		transform: translateX(0);
        visibility: visible;
        box-shadow: 5px 0 25px rgba(0,0,0,0.3);
	}

	.nav-header-logo {
		width: 50%;
	}

	.nav-header-img {
		width: 75px;
	}

	.nav-header-section {
		width: 25%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
		padding: 12px 24px;
	}

	.nav-header-close-button {
		background: none;
		border: none;
		padding: 0;
		font-size: 24px;
		color: #E4DF9C;
	}

	.side-nav-menu {
    	padding-right: 0;
		padding-bottom: 0;
	}

	.nav-option > i {
		font-size: 2em;
	}

	.nav-option > span,
	.nav-option-suboption {
		font-size: 1.2em;
	}

	.wrapper {
		table-layout: auto;
	}

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

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

	.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;
	}

    .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;
	}
}