/*
 * StyleName:		skill.responsive.css
 * Email:		trung.styles@gmail.com
 *
 */

@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
	body {
		min-width: 550px;
	}

	#tab,
	#skill {
		width: 95vw;
		min-width: 550px;
	}
	#tab ul {
		padding: 0 1vw;
	}
	#tab li {
		padding: 1.5vw .75vw;
		font-size: 125%;
	}
	#skill {
		padding: 1vw 2vw;
	}
	#skill .block {
		float: none;
		padding-right: 0;
		width: 100%;
	}
	#skill .block:nth-of-type(even) {
		float: none;
		padding-left: 0;
	}
	#skill .name {
		font-size: 135%;
	}
	#skill .caption {
		font-size: 115%;
	}
	#skill .level {
		right: 0;
	}
	#skill .block:nth-of-type(even) .level {
		left: 0;
	}
	#skill .link {
		padding: 5px 10px;
		font-size: 16px;
		min-width: 150px;
	}
}
@media (max-width: 550px) {
	#tab,
	#skill {
		margin: 2.5vw auto;
	}
}