/* responsive styles */

@media (max-width: 1199px) {
	
	#sideRight {
		flex-basis: 300px;
		max-width: 300px;
		padding: 15px;
	}

	#sideRight h3 {
		padding-left: 10px;
	}

	#sideRight ul.nav {
		background-image: none;
		padding-left: 10px;
	}

	#sideRight ul.nav li {
		margin-bottom: 5px;
	}

}

@media (max-width: 991px) {
	#sideRight {
		flex-basis: 100%;
		max-width: 100%;
	}

	#sideRight h3 {
		padding-left: 0;
	}

	#sideRight ul.nav {
		display: flex;
		width: calc(100% + 10px);
		margin-left: -5px;
		margin-right: -5px;
		flex-wrap: wrap;
		align-items: flex-start;
		min-height: auto;
		padding-left: 0;
	}

	#sideRight ul.nav li {
		margin: 5px;
		flex-grow: 1;
		max-width: 400px;
	}

	#sideRight ul.nav li a {
		display: flex;
		min-height: 45px;
		height: auto;
		padding: 15px;
		justify-content: center;
		text-align: center;
		line-height: 1;
		background-color: #047e81;
		border: 1px solid #047e81;
		color: white;
		transition: background-color .3s, color .3s;
	}

	#sideRight ul.nav li.active a,
	#sideRight ul.nav li a:hover,
	#sideRight ul.nav li a:focus {
		background-color: #efefef;
		color: #047e81;
	}

}