@media (min-width: 992px) {
	.hidden-nav {
		display: none !important;
	}
	.promo-nav{
		margin-left:1.7rem;
	}
}
@media (max-width: 992px) {
	.top-nav {
		display: none !important;
	}
	.back-success{
		margin-top: 150px !important;
	}
	.qrcode-wrap{
		margin-top: 80px !important;
	}
	
}
@media (min-width: 768px) {
	/* detail shop */
	.back-butt-detail{
		margin-top: -50px;
		background: #d3d4d4 !important;
		color:black !important;
		position:absolute;
	}
	/* footer */
	.fixed-footer{
		position:absolute;
		bottom: 0 !important;
	}
	.logo-promo{
		padding-top: 120px;
		width:30% !important;
	}
	.home-banner{
		background-image:url(https://adm.duraskincentre.com/bannerweb/top_banner.jpg);background-size:cover;background-position:center;
	}
}
@media (max-width: 768px) {
	.home-banner{
		background:linear-gradient(0deg, rgba(249, 249, 249, 0.45), rgba(255, 255, 255, 0)),url(https://adm.duraskincentre.com/bannerweb/MOBILE_BANNER_HOME.jpg);background-size:cover;
		/* background-image:url(../images/top_banner.jpg);background-size:cover;background-position:70% 30% !important; */
	}
	.dez-bnr-inr-entry h1{
		text-align:center !important;
		margin-top:400px !important;
		font-weight:bold !important;
	}
	.dez-bnr-inr-entry p{
		text-align:center !important;
		font-weight:bold !important;
	}
	.dez-bnr-inr-entry a{
		margin-left: 30%  !important;
	}
	/*home logo*/
	.logo-promo{
		margin-top: -150px;
		width:30%;
		margin:auto;
	}
	.title-mobile{
		text-align:center;
		margin-top: -15px;
	}
	.promo-hp{
		padding: 0px 40px 0px 40px!important;
	}
	
	.bot-footer {
		margin-top: 20px !important;
	}
	
	/* detail shop */
	.back-butt-detail{
		margin-top: -50px;
		margin-bottom: 20px;
		background: #d3d4d4 !important;
		color:black !important;
	}
	.img-detail{
		width:100%
	}
	.post-title{
		margin-top: 20px;
	}
	.btn-buy-now{
		margin-top: 20px;
	}
	
}
@media (max-width: 576px) {
	
	.promo-title{
		text-align:center !important;
	}
}