﻿@media only screen and (min-width: 1200px) {
	nav .relateMenu {
		width:1200px;
		margin:auto;
	}
	.cTopAdvent .cContent,
	#cMenuTreeTop .cContent,
	.cCategoryHome,
	#footer,
	.wrapper,
	.cPartnerBottom {
		width:1200px;
		margin:auto;
	}
	.cBannerBottom {
		width:1200px;
		margin:25px auto 0 auto;
	}

	#cContentProduct .cCategoryHome {
		width:715px;
	}


	.cContentNews .cContent * {
		max-width: 715px !important;
	}
}
@media only screen and (max-width: 1199px) {
	.cSlideTop {
		position:relative;
		width:100%;
		height:300px;
	}
	#HinhDau {
		display: none !important;
	}
	.homenews {
		float: none;
		width: 100% !important;
	}
	#HinhAnh {
		width: 20% !important;
	}
	nav .cMenuTop a {
		margin: auto;
	}
	.cSlideTop img {
		width: 100%;
		/*height: auto;*/
	}
	
	#menuResponsive {
		background-color:#000;
		opacity: 0.88;
		filter: alpha(opacity=88);
	}

	.cRightMenuChild,
	#menuTree {
		position: absolute;
	}

	.heightBannerTop {
		height:0;
	}

	#cMenuTreeTop {
		position:relative;
		top:auto;
	}
	nav {
		position:relative;
		height:auto;
		box-sizing: border-box;
		padding:10px;
	}
		nav * {
			
  		}
	/*.cTreeRoot {
		position: absolute;
		bottom: 190PX;
	}*/
	nav .cSearchTop {
		width: 100%;
		height: auto;
		float: none;
		margin: 15px 0 0 0;
	}

	.cMenuAllTop {
		margin:auto;
		padding:10px 0 0 0;
	}

	nav .cMenuTop:first-child {
		background:none;
	}

	.cMenuAllTop .cAllIcon {
		margin:auto;
		float:none;
		width:560px;
	}

		nav .cSearchTop input[type="search"] {
			width: 90%;
		}

	nav .relateMenu .logo {
		background-image: url(/Images/LogoBy.png);
		background-repeat: no-repeat;
		background-position: 50%;
		width: 100%;
		height: 70px;
		float: none;
		display: block;
		MARGIN: -5PX 0;
	}
	.Hinhhh {
		width: 100% !important;
	}
	.iconn {
		margin: 0 15px !important;
	}
	.PHONE {
		display: none;
	}
	.detailProduct .leftCol,
	.detailProduct .rightCol {
		width: 100%;
		float: none;
	}
	
	.block .content .cListProduct li,
	.cCategoryHome .cListProduct li {
		width:22.88%;
	}

	.wrapper {
		width: 100%;
		margin: 10px 0px 10px 0px;
	}

	#cLeftPanel {
		display:none;
	}

	#map-canvas {
		width:100% !important;
	}
	.load-tab-location, .load-tab-description {
		padding:10px 5px;
	}

	.wrapper #cContentPanel {
		width: 100%;
		padding:0;
	}

	#footer {
		display: block;
		padding: 5px 0 10px 0;
		height: auto;
	}
	.cContentNews
	{
		padding:0;
	}
	.cContentNews img
	{
		max-width:100% !important;
	}
	.cBannerBottom {
		width: 100%;
	}
		.cBannerBottom div {
			width: 17.5%;
		}
}

@media only screen and (max-width: 1166px) {
	.cBannerBottom div {
		width: 41%;
		margin: 10px 0 0 10px !important;
	}
	
	.cRegisterT {
		padding: 0px !important;
	}
	nav .cMenuTop a {
		margin: auto;
	}
		.cRegisterT table {
			width: 100% !important;
		}

		.cRegisterT td {
			display: block;
			width: inherit !important;
		}

			.cRegisterT td input {
				width: 98% !important;
			}
	#tbxWordVerificationB {
		width: 80% !important;
	}
}


@media only screen and (max-width: 1141px) {

	.cTopLogin {
		display: block;
		float: left;
		width: 100%;
		border-top: 1px solid #ddd;
		text-align:center;
	}
	nav .cMenuTop a {
		margin: auto;
	}
		.cTopLogin ul {
			padding: 10px 10px 10px 0 !important;
		}
	#HinhAnh {
		width: 20% !important;
	}
}

	@media only screen and (max-width: 900px) {
		.block .content .cListProduct li,
		.cCategoryHome .cListProduct li,
		#cContentProduct .cCategoryHome .cListProduct li {
			width: 30.11%;
		}
	}

	@media only screen and (max-width: 999px) {

		#footer .cShowroomBottom {
			padding: 10px;
		}
		nav .cMenuTop a {
			margin: auto;
		}
			#footer .cShowroomBottom .item {
				width: 48%;
			}

		.tableSocial {
			padding-left: 0;
		}
		#HinhAnh {
			width: 20% !important;
		}
	}

	@media only screen and (max-width: 962px) {
		.cBannerBottom div {
			width: 38%;
			margin: 10px 0 0 10px !important;
		}
		#HinhAnh {
			width: 20% !important;
		}
		nav .cMenuTop a {
			margin: auto;
		}
	}

	@media only screen and (max-width: 916px) {
		.cTopLogin ul {
			padding: 10px 10px 10px 0 !important;
		}
		#HinhDau {
			display: none !important;
		}

		.homenews {
			float: none;
			width: 100% !important;
		}
		#cMenuTreeTop .priceList {
			width: 80%;
		}
		nav .cMenuTop a {
			margin: auto;
		}
	}

	@media only screen and (max-width: 860px) {
		.cPopupAll .textHeader {
			padding: 10px 0;
		}
		nav .cMenuTop a {
			margin: auto;
		}
		#HinhAnh{
			width:25% !important;
		}
		#idFormRegisterB,
		#cEditInfoT {
			padding: 0px !important;
		}
		#HinhDau {
			display: none !important;
		}

		.homenews {
			float: none;
			width: 100% !important;
		}
			#cRegisterT td, .cRegisterT td, #cEditInfoT td, #cFormRegisterInfo td, .formLogin td {
				padding: 2px !important;
			}

		.cRegister,
		.cEditInfo {
			padding: 5px 0 0 5px;
			max-height: 600px;
			min-width: 350px;
			overflow-y: auto;
		}

			.cRegister table,
			.cEditInfo table {
				width: 100% !important;
			}

			.cRegister td,
			.cEditInfo td {
				display: block;
				width: inherit !important;
			}

				.cRegister td input,
				.cEditInfo td input {
					width: 93% !important;
				}

		#tbxWordVerificationT {
			width: 60px !important;
		}

		.btnRegister, .btnLogin {
			float: none;
			margin: 6px auto;
		}
	}

	@media only screen and (max-width: 840px) {
		#footer .cShowroomBottom .item {
			float: none;
			width: auto;
			display: block;
			margin: 0 0 10px 0;
		}
		#HinhDau {
			display: none !important;
		}

		.homenews {
			float: none;
			width: 100% !important;
		}
			#footer .cShowroomBottom .item p {
				margin: 0px;
				padding: 10px;
			}

		#footer .cMenuBottom .col {
			width: 50% !important
		}
	}

	@media only screen and (max-width: 728px) {
		.cBannerBottom div {
			width: auto;
			margin: 10px 0 0 0 !important;
			float: none;
		}
		#HinhDau {
			display: none !important;
		}
		.homenews {
			float: none;
			width: 100% !important;
		}
	}

	@media only screen and (max-width: 715px) {
		.cFeatures .content img {
			width: 100% !important;
		}
		#TimKiem{
			width:100% !important;
				margin: 10px 0;
		}
		.dropdown{
			width:96%
		}
		#myInput {
			width: 98% !important
		}
		#baoquat{
			display:block !important;
		}
		#bt1 {
			width: 98%;
			margin: 10px 0;
		}
			.t{
			background:none !important;
		}
		#HinhDau {
			display: none !important;
		}
		#image-block, #image-block li {
			width: 100%;
		}
	}

	@media only screen and (max-width: 680px) {
		#HinhDau {
			display: none !important;
		}
		#ThanhTim {
			width: auto !important;
		}
		#ListPc {
			display: none;
		}
		#ListPhone {
			display: block !important;
			padding: 14px;
		}
		nav .cSearchTop input[type="search"] {
			width: 82%;
		}

		.cSundryContent iframe {
			width: 98%;
		}
	}

	@media only screen and (max-width: 648px) {
		#HinhDau {
			display: none !important;
		}
		.dropdown {
			width: 95%
		}
		.main-search-container{
			height:460px
		}
		.listNews ul {
			padding: 3px;
		}
		.listNews h3 {
			display:inherit;
		}
		.detailProduct .leftCol {
			margin: auto;
			width: 99%;
		}
	}

	@media only screen and (max-width: 600px) {
		#HinhDau {
			display: none !important;
		}
		.block .content .cListProduct li,
		.cCategoryHome .cListProduct li,
		#cContentProduct .cCategoryHome .cListProduct li {
			width: 44.6%;
		}

		.advertisePopup img {
			width: 360px;
			height: 240px;
		}
	}

	@media only screen and (max-width: 590px) {
		.cSlideTop img {
			width: 100%;
			height: 300px;
		}
		
		#HinhDau {
			display: none !important;
		}
		#ThanhTim {
			width: auto !important;
		}
		.cMenuAllTop .cAllIcon {
			margin: auto;
			float: none;
			width: 100%;
		}

		nav .cMenuTop {
			margin: auto;
			float: none;
		}

			nav .cMenuTop a {
				margin: auto;
			}

		nav .gLeft {
			margin: auto;
			float: none;
		}

			nav .gLeft .cMenuTop {
				margin: auto;
				float: none;
				display: inline-block !important;
			}

		.cTopLogin ul {
			padding: 10px 10px 10px 0 !important;
		}
	}

	@media only screen and (max-width: 540px) {
		#HinhDau{
			display:none !important;
		}
		#ThanhTim{
			width:auto !important;
		}
		#HinhAnh {
			width: 40% !important;
		}
		.form {
			width: 100%;
		}
		/*.dropdown {
			width: 92%
		}*/
		.form input,
		.form textarea {
			width:98%;
		}

		.detailProduct .infoBuy .rowL .cell {
			width: auto;
			display: block;
		}

		.detailProduct .infoBuy .rowL div:last-child {
			padding-top: 10px;
		}

		.load-tab-location ul {
			padding: 0;
			margin: 0;
		}

			.load-tab-location ul li > .tab-local {
				width: auto;
			}

				.load-tab-location ul li > .tab-local div:first-child {
					display: table-cell;
					width: auto;
					float: none;
					vertical-align: top;
				}

				.load-tab-location ul li > .tab-local div {
					height: 80px;
				}

					.load-tab-location ul li > .tab-local div:last-child {
						display: table-cell;
						width: auto;
					}

				.load-tab-location ul li > .tab-local div {
					float: none;
				}

		.tab-time div > .icon-clock-big {
			margin: 0 10px;
		}

		#footer .cShowroomBottom .item {
			float: none;
			width: auto;
			display: block;
			margin: 0 0 10px 0;
		}

			#footer .cShowroomBottom .item p {
				margin: 0px;
				padding: 10px;
			}

		#footer .cMenuBottom .col {
			width: 100% !important
		}

		.cRelateProduct .content .item .cContentPro {
			width: inherit;
		}
	}

	@media only screen and (max-width: 520px) {
		.cViewCustomer .cTextHead {
			font-size: 18px;
		}
		
	}

	@media only screen and (max-width: 450px) {

		.cTopLogin {
			display: block;
			float: left;
			width: 100%;
			border-top: 1px solid #ddd;
		}
		#HinhAnh {
			width: 50% !important;
		}
			.cTopLogin ul {
				display: block;
				float: none;
				text-align: center;
			}

		.homenews {
			height: inherit;
			max-height: 409px;
			overflow: auto;
		}
	}

	@media only screen and (max-width: 350px) {
		.block .content .cListProduct li,
		.cCategoryHome .cListProduct li,
		#cContentProduct .cCategoryHome .cListProduct li {
			width: 99.81%;
		}

		.detailProduct .call-support {
			margin: auto;
		}
	}

	@media only screen and (max-width: 395px) {

		nav .cSearchTop input[type="search"] {
			width: 71%;
		}
	}


	@media only screen and (max-width: 388px) {

		nav .gLeft {
			width: 100%;
		}

			nav .gLeft .cMenuTop {
				display: block !important;
			}
	}