@media (min-width: 768px) and (max-width: 990px) {
	.col-sm-9 {
	    padding: 0px;
	    padding-right: 30px;
	}
}

@media (max-width: 767px) {
	.logo-container-mobile {
		display: block;
	}
	.sidebar {
		display: none;
	}
	.next {
	    text-align: center;
	    width: 100%;
	    margin-top: -30px;
	    border: 2px solid #000;
	    color: #000;
	    padding: 10px 20px;
	    margin-bottom: 100px;
	}
	
	.next.first {
		margin-top: 50px;
	}
	
	.next.first:hover {
		margin-top: 50px;
	}
	
	.prev {
	    text-align: center;
	    width: 100%;
	    margin-top: 50px;
	    border: 2px solid #000;
	    color: #000;
	    padding: 10px 20px;
	    margin-bottom: 50px;
	}
	.pull-right {
	    float: none !important;
	}
	.case h1,
	.case-contact h1 {
		padding-right: 0px;
		padding-left: 0px;
	}
	.info-div {
		z-index: 2;
		padding-top: 90px;
		padding-left: 45px;
		padding-bottom: 60px;
	}
	.logo-container-mobile #info {
		margin-top: 45px;
		margin-left: 30px;
		font-size: 30px;
		z-index: 4;
		color: #ccc;
	}
	
	.loading-container {
		width: 100%;
		display: none !important;
	}
	
	.info-div-mobile {
		padding-top: 60px;
		padding-left: 40px;
		padding-bottom: 100px;
		position: fixed;
		overflow-y: scroll;
	}
	
	.info-div-mobile h5:last-of-type {
		margin-bottom: 100px
	}
	
	.selected {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.logo-container-mobile .selected {
		padding-right: 40px;
		padding-left: 10px;
	}
	
	.next:hover, .prev:hover {
		width: 100%;
		background: transparent;
		color: #000;
	}
	
	.next:hover {
		margin-top: -30px;
	}
	
	.case:hover {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		background-position: none;
	}
	
}