body{
	margin:auto;
	font-family: 'Montserrat', sans-serif;
}

figure{
	margin:0;
}

figure img{
	max-width:100%;
}

.container{
	max-width:1270px;
	margin:auto;
}

ul, li{
	list-style:none;
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
}



/* Dành cho điện thoại */
@media all and (min-width: 320px) {
	section .bodyMain{
		background: #1D1D1B;
		padding:50px 0;
	}

	section .bodyMain .logo{
		text-align: center;
	}

	section .clockCountDown{
		color: #ccc;
		font-size: 20pt;
	}

	section .time{
		display: flex;
		color: #fff;
		max-width: 700px;
		margin: 30px auto 0;
		text-align: center;
		align-items: center;
		font-size:40px;
		justify-content: center;
	}

	section .time .group{
		border: 2px solid #ccc;
		padding: 12px;
		width: 50px;
		border-radius: 10px;
		font-size: 15px;
		margin:10px;
	}

	section .time .group .num{
		font-size: 15pt;
	}

	section .comment {
		padding:35px 0;
	}

	section .comment .container{
		text-align: center;
	}
	
	section article, section article span, section article p, section article h1{
		color:#fff!important;
	}

	section .bodyMain .container{
		position: relative;
	}

	section .bodyMain .container article{
		height: 700px;
		overflow: hidden;
	}

	#seeMoreDetailProduct{
		background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(29,29,27,0.91) 50%,#1D1D1B 55%);
		background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(29,29,27,0.91) 50%,#1D1D1B 55%);
		background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(29,29,27,0.91) 50%,#1D1D1B 55%);
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		padding: 85px 0 0px;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}

	footer{
		margin-top: 0;
	}

	#popupOrderYumei{
		background: #fff;
		padding:20px;
		max-width: 500px;
	}

	#popupOrderYumei .formInput{
		text-align: center;
	}

	#popupOrderYumei input, #popupOrderYumei select{
		box-sizing: border-box;
		width: 100%;
		max-width: 300px;
		display: block;
		margin: 8px auto;
		border: 1px solid #e5e5e5;
		padding: 8px 0;
		
	}

	#popupOrderYumei input{
		text-indent: 10px;
	}

	#popupOrderYumei select{
		text-indent: 5px;
	}

	#popupOrderYumei .btnBuyNow{
		background: #d22425;
		color: #fff;
		text-align: center;
		width: 100px;
		margin: 20px auto 5px;
		padding: 8px 20px;
	}

	#popupOrderYumei h2{
		font-size: 18pt;
		text-align: center;
		margin:20px 0;
	}
}
 
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 600px) {

}

/* Dành cho máy tính bảng chiều ngang */
@media all and (min-width: 1024px) {
	section .time .group{
		width: 60px;
		font-size: 18px;
	}

	section .time .group .num{
		font-size:22pt;
	}

}

 
/* Dành cho màn hình desktop */
@media all and (min-width: 1280px) {
	section .time{
		max-width: 600px;
		margin:auto;
	}


	section .time .group{
		width: 70px;
		font-size: 22px;
		margin:15px;
	}

	section .time .group .num{
		font-size:25pt;
	}



}

/* Dành cho màn hình desktop */
@media all and (min-width: 1600px) {
	
}

/* Dành cho màn hình desktop */
@media all and (min-width: 1920px) {
	
}