/*-------------- MENU RESPONESIVE --------------*/
@media screen and (max-width:992px) {
	/*----Menu-----*/
	#header {
		padding-top: 40px
	}

	.wrap-header.fixed {
		position: relative;
		top: auto;
		left: auto;
		right: auto
	}

	.click-nav {
		display: block
	}

	.navigation {
		padding: 0;
		text-align: left
	}

		.navigation ul.main-menu {
			position: fixed;
			top: 40px;
			right: 0;
			left: 100%;
			top: 0;
			background: #00bced;
			z-index: 999999;
			padding: 15px 0;
			overflow: scroll;
			z-index: 1000;
			border-left: 1px solid rgba(0,0,0,0.3);
		}

		.navigation ul::-webkit-scrollbar {
			display: none;
		}

		.navigation ul::-moz-scrollbar {
			display: none;
		}

		.navigation ul li {
			display: block;
			width: 100%;
			border-bottom: 1px solid #f2f2f2
		}

			.navigation ul li a {
				border: none;
				text-align: left;
				padding: 15px 15px;
				color: #fff
			}

			.navigation ul li:last-child a {
				border-bottom: none
			}

		.navigation ul ul {
			position: relative;
			top: auto;
			left: auto;
			width: 100%;
			display: block;
			padding-left: 20px;
			padding-top: 0;
			background: none;
			visibility: visible;
			opacity: 1;
			border: none
		}

			.navigation ul ul:after {
				display: none
			}

			.navigation ul ul li {
				border-bottom: 1px solid #f2f2f2;
				background: none
			}

				.navigation ul ul li:last-child {
					border-bottom: none;
				}

				.navigation ul ul li a {
					border: none
				}

		.navigation ul li a:hover {
			color: #c2a247
		}
}

@media screen and (max-width:600px) {
	.click-mobile {
		display: block;
	}

	.click-nav {
		display: none
	}
}

/*-------------- TRANG CHỦ --------------*/
@media screen and (max-width:1200px) {
	.banner {
		display: none
	}

	.navigation nav ul li a {
		padding: 15px 12px;
	}
}

@media screen and (max-width:992px) {
	#header {
		height: auto
	}

	.navigation nav ul li a {
		padding: 15px 12px;
		color: #fff;
	}

	.block-image {
		display: none
	}

	.logo {
		text-align: center
	}

		.logo a {
			display: inline-block
		}

	.text-header {
		text-align: center;
		display: block;
		color: #666
	}

		.text-header img {
			display: block;
			margin: 0 auto 10px
		}

	.lang {
		top: 50px
	}

	.item-post {
		padding: 10px 5px !important
	}

	.sidebar {
		padding: 20px 0;
		padding-right: 0
	}

	.block-products .sidebar {
		padding-left: 0
	}

	.col-footer {
		padding: 20px 15px
	}
}

@media screen and (max-width:767px) {
	.container {
		padding: 0 10px
	}
}

@media screen and (max-width:599px) {
}

@media screen and (max-width:479px) {
	.item-post {
		width: 100%;
		padding: 10px 0 !important
	}

	.img-post, .img-post img {
		height: auto
	}
}

@media screen and (max-width:359px) {
}


/*-------------- DANH MỤC BÀI VIẾT ------------*/
@media screen and (max-width:600px) {
	.thumbnail-article, .info-article {
		width: 100%
	}

	.info-article {
		padding: 15px 0
	}

		.info-article h4 {
			font-size: 18px;
			line-height: 22px
		}
}

/*-------------- LIÊN HỆ ---------------*/
@media screen and (max-width:768px) {
	.form-lien-he {
		padding: 20px
	}

		.form-lien-he form {
			width: 100%
		}
}

@media screen and (max-width:500px) {
	.form-lien-he input {
		width: 100%;
		float: none;
		clear: both
	}
}
/*-------------- CHI TIẾT SP ---------------*/
@media screen and (max-width:768px) {
	.info-product {
		padding-left: 0;
		padding-top: 10px
	}
}

@media screen and (max-width:600px) {
	.nav-tabs > li {
		display: block;
		margin-bottom: 2px;
		width: 50%
	}

		.nav-tabs > li:last-child {
			width: 100%
		}

		.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
			border-bottom-color: #ddd
		}
}

@media screen and (max-width:360px) {
	.nav-tabs > li {
		width: 100%
	}
}