/******** For mobile device ********/
/******************************/
/*---- Responsive base screen witdh ------- */
/* width - 30 */
/* Tablet Devices Resizing */

@media screen and (min-width: 768px) and  (max-width: 1023px){
	.container {
		width: auto;
	}
	p {
		text-align: justify;
	}
	h2 {
		text-align: center;
		font-size: 23px;
		font-weight: bold;
	}
	h3 {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}
	h4 {
		font-size: 14px;
		font-weight: bold;
	}
	.fixed {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#header {
		height: 400px;
		padding-top: 100px;
	}
	#header .navbar-header a h1 {
		font-size: 25px;
		margin-top:10px;
		margin-left: 30px;
	}
	#header nav .navbar-header a {
		font-size: 25px;
	}
	#header nav.myNav .navbar-nav {
		padding-top: 0px;
	}
	#header nav .navbar-collapse {
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}
	#header nav ul li a {
		font-size: 14px;
	}
	#header .navbar .navbar-header a{
		display: block;
	}
	.header_content.left-bg {
		padding-top: 10px;
	}
	section {
		padding-top: 30px;
	}
	#header .header_content p {
		margin-bottom: 30px;
		padding-right: 30px;
		font-size: 14px;
	}
	#danhgia .col-md-push-8 {
		margin-right:15px;
	}
	img {
		display: block;
		margin:0px auto 20px;
	}
	.box-gioithieu {
		margin-top: 50px;
		min-height: 60px;
	}

}
@media screen and  (max-width: 767px){
	p {
		text-align: justify;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	h3 {
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
	h4 {
		font-size: 14px;
		font-weight: bold;
	}
	img {
		display: block;
		margin:0px auto 20px;
	}
	.fixed {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#header nav .navbar-header a {
		font-size: 25px;
	}
	#header nav.myNav .navbar-nav {
		padding-top: 0px;
	}
	#header nav .navbar-collapse {
		box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		background:rgba(29,30,31,0.7);
	}
	#header .navbar .navbar-header a{
		display: block;
	}
	#header .navbar-header a h1 {
		font-size: 18px;
		padding: 10px ;
	}
	#header nav ul li a {
		font-size: 16px;
		line-height: 24px;
		padding: 5px 15px;
	}
	#header {
		height: 500px;
		padding: 50px 0;
	}
	#content #gioithieu img {
		display: block;
		margin: 0 auto 20px;
	}
	section {
		padding-top: 20px;
	}
	section .row {
		margin-bottom: 10px;
	}
	.box-gioithieu {
		min-height: 200px;
		margin-top:50px;
	}
	#footer , #footer a,#footer h4 {
		font-size: 14px;
	}
}
@media screen and (min-width:1024px) {
	 h2.title {
		margin-bottom: 30px;
	}
}
/*
     FILE ARCHIVED ON 03:07:23 Nov 07, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:40:21 Jan 11, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/