ul#tabs-nav {
	width: 70%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

ul#tabs-nav li {
	width: 100%;
	margin: 10px 0 0 0;
	font-family: 'Lora', serif;
	letter-spacing: 0.1em;
	text-shadow:
		rgba(0,0,0,.3) 1px 1px 3px, rgba(0,0,0,.3) -1px 1px 3px,
		rgba(0,0,0,.3) 1px -1px 3px, rgba(0,0,0,.3) -1px -1px 3px;
	transition: all ease .3;
	text-transform: uppercase;
	color: #fff;
	padding: 0;
}

ul#tabs-nav li a {
	width: 100%;
	display: block;
	background: #336699;
	background: linear-gradient(#336699, #69b4d4);
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #69b4d4;
}

ul#tabs-nav li a:hover {
	color: #fff;
	box-shadow:
		-3px -3px 5px rgba(255,255,255,.5), -3px 3px 5px rgba(255,255,255,.5),
		3px -3px 5px rgba(255,255,255,.5), 3px 3px 5px rgba(255,255,255,.5);
}

ul#tabs-nav li.active a {
	background: #333;
	border: 1px solid #cc0000;
	background: linear-gradient(#000, #666);
	box-shadow:
		rgba(255,255,255,.5) 1px 1px 10px, rgba(255,255,255,.5) -1px 1px 10px,
		rgba(255,255,255,.5) 1px -1px 10px, rgba(255,255,255,.5) -1px -1px 10px;
}

ul#tabs-nav li.active a:before {
	content: '\025BE  ';
}

ul#tabs-nav li.active a:after {
	content: '  \025BE';
}

ul#tabs-nav li span {
	display: none;
}




@media screen and (min-width: 480px) {

	#multimedia-container-top ul#tabs-nav li:nth-child(2),
	#products-container-top ul#tabs-nav li:nth-child(2) {
		font-size: 1em;
	}

}



@media screen and (min-width:600px) {

	ul#tabs-nav {
		width: 94%;
		max-width: 1000px;
	}

	ul#tabs-nav li {
		width: 48%;
		margin: 0 1%;
		display: inline-block;
		box-sizing: border-box;
	}
	
	#multimedia-container-top ul#tabs-nav li:first-child,
	#products-top ul#tabs-nav li:first-child {
		margin-right: 1%;
	}
	
	#multimedia-container-top ul#tabs-nav li:last-child,
	#products-container-top ul#tabs-nav li:last-child {
		margin-left: 1%;
	}
	
	ul#tabs-nav li a {
		padding: 14px;
	}
	
	ul#tabs-nav li:nth-child(3) {
		margin-top: 2%;
	}

}




@media screen and (min-width:780px) {
	
	ul#tabs-nav li span {
		display: inline;
	}

}




@media screen and (min-width:1000px) {

	ul#tabs-nav li {
		width: 32%;
		margin: 0 !important;
		margin-bottom: 2% !important;
	}

	ul#tabs-nav li:nth-child(2) {
		width: 32%;
		margin-left: 2% !important;
	}

	ul#tabs-nav li:nth-child(3) {
		width: 32%;
		margin-left: 2% !important;
		font-size: 1em;
	}

}