bƒody{
	color:  rgba(0,0,0,.68) !important;
	padding: 0;
	margin: 0;
}

.container{
	position: relative;
	font-family: 'Rubik', sans-serif; !important;
}

a{
	color: rgba(0,0,0,.68) !important;
}

a:hover{
	text-decoration: none !important;
	color: rgba(0,0,0,.68) !important;
}

a:active{
	text-decoration: none !important;
	color: rgba(0,0,0,.68) !important;
}

a:focus{
	text-decoration: none !important;
}

.animate-in {
    -webkit-animation: fadeIn .5s ease-in;
    animation: fadeIn .5s ease-in;
}

.animate-out {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.top-header{
	position: relative;
	width: 100%;
	height: 156px;
	background: #fff;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	transition: .3s ease;
	box-shadow: 0px 2px 5px 0px rgba(77,145,217,1);
}

.top-header.active{
	box-shadow: 0px 0px 5px 0px rgba(52,152,219,1);
}

.logo-container{
	position: relative;
	display: flex;
	align-items: center;
	height: 156px;
}

.logo-container img{
	height: 120px;
}

.login-container{
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
}

.login-container a{
	color: rgba(0,0,0,.68)
}

.login-container a:hover{
	text-decoration: none;
	color: rgba(0,0,0,.68)
}

.top-header-item{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: -5px;
	padding: 10px;
	height: 35px;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;
	transition: .3s ease;
}

.top-header-item:hover{
	color: #3498DB;
}

.your-profile-btn i{
	position: relative;
	left: 1px;
}

.header-cart-item i{
	position: relative;
	font-size: 18px;
	bottom: 3px;
}


.your-profile-container{
	position: absolute;
	top: 35px;
	width: 159px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 1;
	display: none;
}

ul#profile-item{
	margin: 0;
	padding: 0;
}

ul#profile-item li{
	padding: 5px;
	list-style-type: none;
	letter-spacing: 1px;
	
}

ul#profile-item li a{
	transition: .3s ease;
}

ul#profile-item li:hover a{
	color: #3498DB !important;
	text-decoration: none;
}

.signin-btn.active{
	background: #fff;
	border-bottom: 1px solid #fff;
	z-index: 2;
}

.signin-form-container{
	position: absolute;
	right: -1px;
	top: 35px;
	width: 224px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: #fff;
	z-index: 1;
	display: none;
}

.signin-form-container.active{
	display: block;
}

.signin-form-header{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 1px;
	color: #3498DB;
}

.signin-form-note{
	letter-spacing: 1px;
	color: #333;
	font-size: 12px;
}

.signin-tb{
	position: relative;
	width: 100%;
	height: 35px;
	margin-top: 10px;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	padding-left: 5px;
	letter-spacing: 1px;
}

.signin-tb::-webkit-input-placeholder{
	letter-spacing: 1px;
	color: #ccc;
}

.forgot-password-label{
	position: relative;
	margin-top: 10px;
	color: #bbb;
	font-size: 11px;
}

.forgot-password-label:hover{
	color: #aaa;
}

#forgot-password-wrapper{
	display: none;
}

.forgot-password-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .8);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
}

.forgot-password-container{
	position: relative;
	background: #fff;
	max-width: 400px;
	width: 100%;
	padding: 15px;
	text-align: left;
}

.validation-note{
	margin-top: 5px;
	font-size: 14px;
	color: #C7314F;
	display: none;
}

.section-header-forgot{
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #3498DB;
    font-family: 'Roboto', sans-serif;
}

.reset-pass-btn, .reset-cancel-btn{
	margin-top: 15px;
	position: relative;
	padding: 10px 15px;
	border: none;
	font-weight: 600;
	border-radius: 3px;
}

.reset-pass-btn{
	background: #16ab39;
	color: #fff;
}

.close-forgot-password{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
    background: #E74C3C;
    font-size: 20px;
    color: #fff;
    border: none;
    text-align: center;
}

.submit-signin-btn{
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 35px;
    background: #3498DB;
    border: 1px solid #3498DB;
    color: #fff;
	font-size: 14px;
    font-weight: bold;
    transition: .3s ease-out;
    border: none;
    border-radius: 3px;	
}

.submit-signin-btn:hover{
	background: #fff;
	border: 1px solid #3498DB;
	color: #3498DB;
}

.join-form-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, .6);
	z-index: 998;
	display: none;
}

.join-form-container{
	position: relative;
	margin: 0 auto;
	margin-top: 60px;
	width: 100%;
	max-width: 600px;
	padding: 25px;
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(52,152,219,1);
}

.join-form-header{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 2px;
	color: #3498DB;
	line-height: 1.1;	
}

.join-form-header-note{
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	color: #333;
}

.required-note{
	font-size: 12px;
	font-style: italic;
	margin-bottom: 12px;
}

.red-*-{
	color: #E74C3C;
}

.join-form-label{
	letter-spacing: 2px;
	font-size: 18px;
	color: #3498DB;
}

.join-form-tb{
	position: relative;
	margin-top: 3px;
	width: 100%;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 0 10px;
	background: #f9f9f9;
	letter-spacing: 1px;
}

.join-form-tb:focus{
	outline: none;
}

.agreement-container{
	position: relative;
	letter-spacing: 1px;
	padding-left: 28px;
}

.checkbox-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	padding-top: 1px;
	cursor: pointer;
	color: #ddd;
	transition: .3s ease;
}

.checkbox-container.checked{
	background: #3498DB;
	color: #fff;
}

.submit-container{
	position: relative;
}

.submit-form-btn{
    position: absolute;
    margin-top: 0px;
    right: 0px;
    top: 0px;
    width: 150px;
    height: 40px;
    background: #3498DB;
    border: 1px solid #3498DB;
    color: #fff;
    font-weight: bold;
    transition: .3s ease-out;
    border: none;
    border-radius: 3px;	
}

.submit-form-btn:hover{
	background: #fff;
	border: 1px solid #3498DB;
	color: #3498DB;
}

.close-form-btn{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
	color: #aaa;
	transition: .3s ease;
}

.close-form-btn:hover{
	color: #333;
}

.header-container{
	position: relative;
	width: 100%;
	padding: 0 0 20px 0;
	margin-top: 35px;
	border-bottom: 1px solid #ddd;
}

ul#navbar{
	position: absolute;
	bottom: 0;
	left: 170px;
	padding: 0;
	margin: 0;
}

ul#navbar li{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}

ul#navbar li a{
	height: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	transition: .3s ease;
}

ul#navbar li a:hover{
	color: #3498DB !important;
}

ul#navbar-supp{
	position: absolute;
	bottom: 0;
	right: 0px;
	padding: 0;
	margin: 0;
}

ul#navbar-supp li{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}

ul#navbar-supp li a{
	height: 40px;
	display: flex;
	align-items: center;
	font-size: 14px;
	transition: .3s ease;
}

ul#navbar-supp li a:hover{
	color: #3498DB !important;
}

.header-search-container{
	position: relative;
	bottom: 10px;
	width: 300px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff;
	color: rgba(0,0,0,.68);
}

.header-search-container i{
	position: relative;
	top: 6px;
	left: 5px;
	background: #fff;
	font-size: 24px;
	text-align: center;
}

.header-search-tb{
	position: absolute;
	top: 0;
	left: 35px;
	width: 263px;
	height: 38px;
	background: #fff;
	border: none;
}

.header-search-tb:focus{
	outline: none;
}

.container{
	position: relative;
}

.logo-img-container{
    width: 130px;
    margin-top: 15px;	
}

.logo-img{
	width: 100%;
}

.logo-img-small{
	position: absolute;
	top: -50px;
	left: 15px;
	width: 90px;
	transition: .3s ease;
}

.logo-img-small.active{
	top: 3px;
}

#content{
	padding: 60px 0;
}

.welcome-container{
	position: absolute;
	top: 45px;
	right: 0;
}

.welcome-note{
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: 2px;
	text-align: right;
}

.signin-note{
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
}

.signin-label{
	color: #3498DB;
	font-weight: bold;
	transition: .3s ease;
	cursor: pointer;
}

.menu-section{
	position: relative;	
	background: #3498DB;
	color: #fff;
	z-index: 1;
	height: 50px;
}

ul#menu{
	margin: 0;
	padding: 0;
}

ul#menu li{
	position: relative;
	padding-top: 15px;
	display: inline-block;
	vertical-align: top;
}

ul#menu li:not(:first-of-type){
	margin-left: -4px;
}

ul#menu li.active{
	padding: 5px 0 !important;
}

ul#menu li a{
	padding: 16px;
	color: #fff !important;
	transition: .3s ease;
	letter-spacing: 1px;
}

ul#menu li a:hover{
	color: #fff !important;
	text-decoration: none;
	background: #2980B9;
}

.slider-container{
	position: relative;
	width: 100%;
	height: 400px;
	margin: 15px 0;
}

.slider-item{
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
}

.bar-line-container{
	position: relative;
	height: 5px;
}

.bar-line{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	background: rgba(0,0,0, 0.5);
	animation: test 3.5s infinite;
}

#slider-container-2{
	width: 100%;
	max-width: 1170px;
	margin: 15px auto;
}

@keyframes test{
	0%{width: 0%;}
	100%{width: 100%;}
}

.banner-container{
	position: relative;
	transition: .3s ease;
	background: #fff;
}

.banner-img{
	width: 100%;
	height: 100%;
}

.banner-img-test{
	float: left;
	width: auto;
	height: 400px;
}

.slider-content-left{
	float: left;
	padding-top: 120px;
	padding-left: 150px;
	font-size: 40px;
	letter-spacing: 2px;
	font-family: 'Quicksand', sans-serif;
}

.slider-content-right{
	float: left;
	padding-top: 120px;
	font-size: 40px;
	letter-spacing: 2px;
	font-family: 'Quicksand', sans-serif;
}

.slider-fom-btn{
	width: 170px;
	height: 40px;
	font-family: 'Rubik', sans-serif;
	background: #4D91D9;
	color: #fff;
	font-size: 16px;
	border: none;
	border-radius: 3px;
	margin-left:1em;
	margin-bottom:2em;
	padding:1em;
	margin-top:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#slider-vpoints-logo{
	float: right;
	margin-top: 50px;
	margin-right: 190px;
	height: 300px;
}

.button-container{
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1170px;
	transition: .3s ease;
}

.prev-btn-container, .prev-btn-container-gallery{
	position: absolute;
	top: 180px;
	left: 0;
	z-index: 1;
}

.next-btn-container, .next-btn-container-gallery{
	position: absolute;
	top: 180px;
	right: 0;
	z-index: 1;
}

.prev-btn-container-gallery, .next-btn-container-gallery{
	top: 48px;
}

.prev-btn,
.next-btn{
	width: 40px;
	height: 70px;
	background: rgba(0,0,0,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	color: #fff;
	font-size: 20px;
	transition: .3s ease;
}

.prev-btn:hover,
.next-btn:hover{
	background: rgba(0,0,0,0.8);
}

#section-1, #section-3, #section-5{
	position: relative;
	padding: 35px 0;
}

#section-4{
	position: relative;
	background: linear-gradient(to bottom, rgba(0,0,0, 0.50) 0%, rgba(0,0,0, 0.50) 100%), url(../img/sect-4-bg.jpg);
	background-size: cover;
	background-position: center center;
	color: #fff;
	padding: 10px 0;
}

.section-header{
	position: relative;
}

.section-header-big{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #3498DB;
	font-family: 'Roboto', sans-serif;
}

.section-header-small{
	font-size: 14px;
	letter-spacing: 1px;
}

.noPadding{
	padding: 0;
}

.top5{
	margin-top: 5px;
}

.top10{
	margin-top: 10px;
}

.top15{
	margin-top: 15px;
}

.top20{
	margin-top: 20px;
}

.top30{
	margin-top: 30px;
}

.top60{
	margin-top: 60px;
}


.section-content-label{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.section-content-label i{
	position: relative;
	top: 6px;
	font-size: 35px;
}

.reward-container{
	position: relative;
	bottom: 0;
	margin: 0 3px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 15px;
	border: 1px solid #ddd;
	transition: .3s ease-out;
	cursor: pointer;
}

.reward-container:hover{
	bottom: 10px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0, .25);
}

.reward-img-container{
	position: relative;
	text-align: center;
}

.reward-img{
	margin: 0 auto;
	width: 172px;
}

.reward-name{
    display: block;
    display: -webkit-box;
    max-width: 400px;
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	cursor: pointer;
	color: #333;
	text-align: left;
}

.reward-price{
	margin-top: 3px;
	font-weight: bold;
	font-size: 16px;
	color: #333;
	text-align: left;
}

.get-offer-btn{
	position: relative;
	width: 150px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: -5px;
	padding: 7px;
	background: #16ab39;
	color: #fff;
	cursor: pointer;
	transition: .3s ease;
	text-align: left;
	letter-spacing: 1px;
	border-radius: 3px;
}

.redeem-btn{
	position: relative;
	margin-top: 10px;
	padding: 7px;
	background: #16ab39;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	transition: .3s ease;
}

.redeem-btn:hover, .get-offer-btn:hover{
	background: #198f35;	
}

.sect-4-container{
	position: relative;
	color: #fff;
	line-height: 1.5;
	font-size: 18px;
}

.sect-4-left{
	float: left;
	padding-top: 95px;
	width: 70%;
}

.sect-4-right{
	float: left;
	width: 30%;
}

.sect-4-left hr{
	border-color: #fff;
}

.delivery-label-big{
	font-size: 30px;
	letter-spacing: 1px;
	color: #65cfe9;	
}

.promo-header-big{
	font-family: 'Quicksand', sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	color: #fff;	
	font-weight: 600;
}

.delivery-label-small{
	margin: -2px 0 2px 0;
	font-size: 24px;
	font-weight: 600;
}

.promo-header-small{
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
}

.promo-header-md{
	margin-top: 10px;
	line-height: 1.5;
	font-family: 'Quicksand', sans-serif;
	font-size: 25px;
	letter-spacing: 1px;
	color: #fff;	
}

.indulge-pict{
	width: 100%;
	box-shadow: 0px 0px 8px 1px rgba(255,255,255,1);
}

.promo-worth{
	color: #d6b735;
	font-weight: 800;
}

.partner-col-left{
	padding-right: 8px !important;
}

.partner-col-center{
	padding: 0 8px !important;
}

.partner-col-right{
	padding-left: 8px !important;
}

.partner-container{
	border: 1px solid #ddd;
	padding: 30px 15px;
	text-align: center;
	cursor: pointer;
	transition: .3s ease;
	border-radius: 3px;
}

.partner-container:hover{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0, .25);
}

.partner-img-container{
	position: relative;
	margin: 0 auto;
	width: 150px;
	height: 150px;
}

.partner-img{
	width: 100%;
}

.partner-name{
	margin-top: 15px;
	height: 35px;
	font-weight: bold;
	font-size: 14px;
}

.partner-offer-point{
	margin: 0 auto;
    margin-top: 25px;
    padding: 7px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    background: #7F8C8D;
    width: 150px;
	border-radius: 3px;
}

.partner-offer-value{
	margin: 15px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
    line-height: 1.2;
	letter-spacing: 1px;
	color: #3498DB;
}

.more-offer-container{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0, .2);
	padding: 15px;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	cursor: pointer;
	color: #fff;
	transition: .3s ease;
	background: linear-gradient(to bottom, rgba(0,0,0, 0.50) 0%, rgba(0,0,0, 0.50) 100%), url(../img/vniaga-offer-img.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
}

.more-offer-container:hover{
	box-shadow: 0px 0px 5px 0px rgba(52,152,219,1);
	color: #3498DB;
}

.number-value{
	font-size: 16px;
}

a .show-more-partner{
	margin-top: 10px;
	color: #333;
	font-size: 16px;
	letter-spacing: 1px;
}

a .show-more-partner i{
	position: relative;
	font-size: 20px;
	top: 4px;
}

#section-2{
	position: relative;
	width: 100%;
	height: 400px;
	padding: 60px 0;
	background: linear-gradient(to bottom, rgba(0,0,0, 0.50) 0%, rgba(0,0,0, 0.50) 100%), url(../img/vniaga-banner.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	color: #fff;
	font-weight: 600;
	font-size: 35px;
	letter-spacing: 3px;
	display: flex;
	align-items: center;
}

#footer{
	position: relative;
	padding: 35px 0;
	background: #3498DB;
	color: #fff;
	letter-spacing: 1px;
}

.footer-header-label{
	font-size: 16px;
	font-weight: 600;
}

ul#footer-item{
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

ul#footer-item li{
	padding: 3px 0;
	list-style-type: none;
	font-size: 14px;
}

ul#footer-item li a{
	color: #fff !important;
	transition: .3s ease;
}

ul#footer-item li a:hover{
	color: #fff !important;
}

#copyright{
	background: #2980B9;
}

.copyright-box{
    padding: 15px 0 12px 0;
    letter-spacing: 1px;
	font-size: 12px;
	color: #fff;
}	

.msc-logo{
	position: relative;
	width: 100px;
}

.seperator-content{
	position: absolute;
	left: 0;
	bottom: -165px;
	font-family: 'Quicksand', sans-serif !important
}

.tnc-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	padding: 60px 0;
	background: rgba(0,0,0, .6);
	z-index: 1000;
	display: none;
}

.tnc-content-container{
	position: relative;
	width: 100%;
	max-width: 1170px;
	height: 100%;
	margin: 0 auto;
	padding: 25px;
	box-shadow: 0px 0px 5px 0px rgba(52,152,219,1);
	background: #fff;
}

.tnc-content{
	height: 94%;
	overflow-y: auto;
	margin-bottom: 10px;
}

.tnc-item{
	position: relative;
	margin: 5px 0;
}

.close-tnc{
	width: 200px;
	margin: 0 auto;
	padding: 10px 0;
    font-family: 'Rubik', sans-serif;
    background: #4D91D9;
    color: #fff;
    font-size: 16px;
    border: none;
	border-radius: 3px;
	text-align: center;
}

@media(min-width: 768px){

#slider-mobile{
	display: none;
}

#mobile-button-container{
	display: none;
}
}

@media(max-width: 767px){
	#desktop-button-container{
		display: none;
	}

	#slider-desktop{
		display: none;
	}

	#slider{
		padding-top: 70px;
	}

	#slider-mobile{
		display: initial;
	}

	.wrapper{
		position: relative;
		left: 0;
		transition: .3s ease;
		z-index: 2;
		background: #fff;
	}

	.tnc-bg{
		padding: 0;
	}
	
	.wrapper.active{
		left: 100px;
	}
	
	.top-header{
		display: none;
	}
	
	.menu-section{
		display: none;
	}
	
	.header-mbl{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		text-align: center;
		background: #fff;
		box-shadow: 0px 2px 5px 0px rgba(77,145,217,1);
		z-index: 2;
		transition: .3s ease;
	}
	
	.header-mbl.active{
		left: 100px;
	}
	
	.logo-mbl{
		position: relative;
		top: 10px;
		width: auto;
		height: 40px;
	}
	
	.hamburger{
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	
	#hamburger-icon{
	  width: 35px;
	  height: 26px;
	  position: relative;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .3s ease-in-out;
	  -moz-transition: .3s ease-in-out;
	  -o-transition: .3s ease-in-out;
	  transition: .3s ease-in-out;
	  cursor: pointer;
	}

	#hamburger-icon span{
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 100%;
	  background: rgba(0,0,0,.68);
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .3s ease-in-out;
	  -moz-transition: .3s ease-in-out;
	  -o-transition: .3s ease-in-out;
	  transition: .3s ease-in-out;
	}

	#hamburger-icon span:nth-child(1) {
	  top: 0px;
	}

	#hamburger-icon span:nth-child(2), #hamburger-icon span:nth-child(3) {
	  top: 12px;
	}

	#hamburger-icon span:nth-child(4) {
	  top: 24px;
	}

	#hamburger-icon.open span:nth-child(1) {
	  top: 12px;
	  width: 0%;
	  left: 50%;
	}

	#hamburger-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#hamburger-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#hamburger-icon.open span:nth-child(4) {
	  top: 18px;
	  width: 0%;
	  left: 50%;
	}
	
	.sidebar-wrapper{
		position: fixed;
		top: 0;
		left: 0;
		width: 100px;
		height: 100%;
		background: #2B2C2E;
		transition: .3s ease;
		z-index: 1;
	}

	.sidebar-container{
		position: relative;
		width: 50%;
		height: 100%;
		left: -100%;
		background: #fff;
		transition: .5s ease;
	}
	
	.sidebar-container.active{
		left: 0;
	}
	
	ul#sidebar{
		padding: 0;
		margin: 0;
	}
	
	ul#sidebar li{
		list-style-type: none;
		padding: 3px 0;
	}
	

	.slider-container{
		margin: 70px 0 15px 0;
		height: 335px;
	}


	
	#img1, #img2{
		height: 200px !important;
		margin: 0 auto !important;
		float: none !important;
	}

	.slider-content-right, .slider-content-left{
		padding: 15px;
		font-size: 25px;
		text-align: center;
		float: none;
	}

	#slider-vpoints-logo{
		display: none;
	}

	.prev-btn-container, .next-btn-container{
		top: 75px;
	}
	
	.slick-dots{
		right: 44% !important;
	}
	
	#section-1, #section-3, #section-5{
		padding: 15px 0;
	}
	
	.section-header{
		text-align: center;
	}
	
	.section-header-big{
		font-size: 20px;
	}

	.seperator-content{
		position: relative;
		left: 0;
		bottom: 0;
		font-size: 20px !important;
		font-family: 'Quicksand', sans-serif !important
	}

	.partner-offer-value{
		height: auto;
		font-size: 14px;
	}

	.number-value{
		font-size: 14px;
	}
	
	.top30{
		margin-top: 15px;
	}
	
	.reward-container{
		margin-bottom: 10px;
		padding: 10px;
	}
	
	.reward-img{
		width: 100%;
	}
	
	.reward-name{
		font-size: 13px;
		height: 38px;
	}
	
	.reward-price{
		font-size: 14px;
	}
	
	a:nth-child(3) .reward-container{
		margin-top: 10px;
	}
	
	a:nth-child(4) .reward-container{
		margin-top: 10px;
	}
	
	a:nth-child(5) .reward-container{
		display: none;
	}
	
	.reward-container:hover{
		bottom: 0;
	}
	
	#section-2{
		height: 150px;
	}

	.partner-img-container{
		width: auto;
		height: auto;
	}

	.partner-name{
		margin-top: 0;
	}
	
	.partner-col-left, .partner-col-center, .partner-col-right{
		padding-right: 0;
	}
	
	#partner-one-mbl, #partner-three-mbl{
		padding-right: 5px;
	}
	
	#partner-two-mbl, #partner-four-mbl{
		padding-left: 5px;
	}
	
	#partner-three-mbl, #partner-four-mbl{
		margin-top: 10px;
	}
	
	.partner-container{
		padding: 15px;
		margin-bottom: 15px;
	}

	.sect-4-left{
		position: relative;
		float: none;
		width: 100%;
		padding-top: 0;
	}

	.sect-4-right{
		float: none;
		margin: 15px auto;
		width: 80%;
	}

	.promo-header-big{
		font-size: 25px;
	}

	.promo-header-md{
		font-size: 18px;
	}

	.promo-header-small{
		font-size: 12px;
	}

	#partner-section{
		padding: 60px 0 35px 0 !important;
	}
	
	.partner-offer-point{
		margin-top: 5px;	
		width: 100%;
		font-size: 11px;
	}

	.slider-item-2{
		height: 175px;
	}

	#slider-container-2{
		margin-top: 60px;
		height: 175px;
	}

	.contactus-sect-left, .contactus-sect-right{
		float: none;
		width: 100% !important;
	}

	.contactus-sect-right{
		margin-bottom: 15px;
	}

	.submit-message{
		width: 100% !important;
	}

	#send-message{
		padding: 15px !important;
	}

	.contactus-detail{
		padding: 75px 0 35px 0 !important;
	}
	
	.section-content-label{
		margin-top: 10px;
		text-align: center;
		font-size: 18px;
	}
	
	.section-content-label i{
		font-size: 25px;
	}
	
	a .show-more-partner{
		margin-top: 5px;
		font-size: 14px;
	}
	
	a .show-more-partner i{
		font-size: 18px;
		top: 5px;
	}
	
	.get-offer-btn{
		width: 100%;
		text-align: center;
	}
	
	.sect-4-container{
		text-align: center;
		font-size: 16px;
	}
	
	.get-vpoints-label-big, .delivery-label-big{
		font-size: 22px;
	}
	
	.get-vpoints-label-small, .delivery-label-small{
		font-size: 16px;
		margin: 0;
	}
	
	#footer{
		padding: 15px 0 0 0;
	}
	
	.footer-header-label{
		font-size: 14px;
	}
	
	ul#footer-item li{
		font-size: 12px;
	}
	
	.copyright-box{
		font-size: 10px;
	}
}

@media(max-width: 320px){
	.partner-name, .partner-offer-point{
		font-size: 12px;
	}
	
	.partner-offer-value{
		font-size: 14px;
	}
	
	.slider-container, .slider-item{
		height: 190px;
	}
	
	.prev-btn-container, .next-btn-container{
		top: 70px;
	}
}

@media(min-width: 768px){
	.header-mbl, .sidebar-wrapper{
		display: none;
	}

	#img2{
		display: none;
	}

	.mbl-menu-bg, .mbl-signin-bg, .mbl-signout-bg{
		display: none;
	}
}

@media(min-width: 768px) and (max-width: 1024px){
	#section-2{
		height: 300px;
	}

	.seperator-content{
		bottom: -115px;
	}

	.sect-4-left{
		padding-top: 65px;
	}

	.partner-img-container{
		width: auto;
		height: auto;
	}

	.promo-header-md{
		font-size: 22px;
	}

	.prev-btn-container, .next-btn-container{
		top: 115px;
	}

	a:nth-child(3) .reward-container, a:nth-child(4) .reward-container{
		margin-top: 0;
	}
	
	a:nth-child(5) .reward-container{
		display: none;
	}
	
	.reward-img{
		width: 100%;
	}
	
	.partner-offer-point{
		width: 100%;
	}
	
	.partner-container{
		padding: 15px;
	}
	
	.partner-offer-point{
		font-size: 14px
	}
	
	.partner-col-left-tablet{
		padding-right: 8px !important;
	}

	.partner-col-center-tablet{
		padding: 0 8px !important;
	}

	.partner-col-right-tablet{
		padding-left: 8px !important;
	}
}


/** Start Reward Gallery Page **/
	.user-label{
		font-weight: bold;
	}
	
	.logo-img-container-small{
		position: relative;
		display: inline-block;
		width: 100px;
		margin-top: 15px;	
	}
	
	#quick-search{
		position: absolute;
		display: inline-block;
		right: 20px;
		top: 70px;
	}
	
	.option-container{
		padding: 0 8px;
		height: 40px;
		border: 1px solid #ddd;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
		background: #f9f9f9;
	}
	
	.quick-search-tb{
		margin-left: -3px;
		width: 500px;
		height: 40px;
		padding: 0 10px;
		border: 1px solid #ddd;
		border-left: none;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	select.option-container:focus, .quick-search-tb:focus{
		outline: none;
	}
	
	.submit-search-btn{
		position: absolute;
		top: 5px;
		right: 5px;
		width: 55px;
		height: 30px;
		background: #3498DB;
		color: #fff;
		border: #3498DB;
		border-radius: 3px;
		transition: .3s ease;
	}

	.submit-search-btn:hover{
		background: #2980B9;
		border: #ccaf36;
	}
	
	.submit-search-btn i{
		position: relative;
		top: 3px;
	}
	
	.current-point-label{
		font-weight: bold;
	}
	
	.total-cart{
		padding: 2px 10px;
		background: #3498DB;
		color: #fff;
		text-align: center;
		border-radius: 5px;
	}
	
	.section{
		position: relative;
		padding: 35px;
	}
	
	#weekly-deals, #recommendation{
		background: #f2f2f2;
	}
	
	.weekly-deals-label{
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		letter-spacing: 2px;
	}
	
	.weekly-deals-container{
		position: relative;
		background: #fff;
		border: 1px solid #ddd;
		cursor: pointer;
	}
	
	.weekly-deals-img-container{
		width: 100%;
		height: 130px;
		border-bottom: 1px solid #ddd;
	}
	
	.weekly-reward-product:nth-child(1) .weekly-deals-container .weekly-deals-img-container{
		background: #fad6e2;
	}
	
	.weekly-reward-product:nth-child(2) .weekly-deals-container .weekly-deals-img-container{
		background: #add8e6;
	}
	
	.weekly-reward-product:nth-child(3) .weekly-deals-container .weekly-deals-img-container{
		background: #fffde6;
	}
	
	.weekly-reward-product:nth-child(4) .weekly-deals-container .weekly-deals-img-container{
		background: #d6def9;
	}
	
	.weekly-deals-detail{
		padding: 10px;
	}
	
	.gallery-wrapper{
		border-top: 5px solid #d6b735;
		position: relative;
		width: 100%;
		background: #fff;
	}
	
	.gallery-container{
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	
	.gallery-category{
		width: 35%;
		height: 598px;
	}
	
	.gallery-wrapper:nth-child(1) .gallery-category{
		background: url(../img/gallery-category-5.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.gallery-wrapper:nth-child(2) .gallery-category{
		background: url(../img/gallery-category-2.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.gallery-wrapper:nth-child(3) .gallery-category{
		background: url(../img/gallery-category-3.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.gallery-wrapper:nth-child(4) .gallery-category{
		background: url(../img/gallery-category-4.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.gallery-content{
		margin-left: -4px;
		width: 65%;
	}	
		
	.gallery-product-container{
		position: relative;
		float: left;
		padding: 15px;
		width: 25%;
		border: 1px solid #ddd;
		background: #fff;
	}
	
	.wishlist-btn{
		position: absolute;
		right: 10px;
		top: 5px;
		font-size: 25px;
		color: #C0392B;
		cursor: pointer;
	}
	
	.weekly-deals-container:hover, .gallery-product-container:hover, .recommendation-container:hover{
		box-shadow: 0px 0px 5px 0px rgba(52,152,219,1)
	}
	
	.gallery-product-img{
		width: 100%;
	}
	
	.gallery-category-label{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 30px;
		text-align: center;
		background: #000;
		color: #d6b735;
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	
	.see-more-category-btn{
		position: relative;
		top: 3px;
		font-size: 14px;
		color: #fff;
	}

	.recommendation-container{
		position: relative;
		padding: 10px;
		background: #fff;
		border: 1px solid #ddd;
	}
	
	.payment-method-container{
		position: relative;
		width: 100%;	
	}
	
	.payment-method-img{
		float: left;
		margin-right: 6px;
		width: auto;
		height: auto;
	}
	
	#delivery-shipping{
		background: #3498DB;
	}
	
	.delivery-container{
		position: relative;
		color: #fff;
		line-height: 1.5;
		font-size: 18px;
		padding-left: 230px;
		font-family: 'Quicksand', sans-sans-serif;
	}
	
	.delivery-icon-container{
		position: absolute;
		top: 12px;
		left: 0;
		width: 200px;
	}
	
	.delivery-icon-img{
		width: 100%;
	}
	
@media(max-width: 767px){
	.section{
		padding: 15px;
	}
	
	.weekly-deals-label{
		text-align: center;
		font-size: 20px;
	}
	
	.weekly-reward-product-mbl:nth-child(1), .recommendation-container-mbl:nth-child(1){
		padding-left: 0;
		padding-right: 5px;
	}
	
	.weekly-reward-product-mbl:nth-child(2), .recommendation-container-mbl:nth-child(2){
		padding-right: 0;
		padding-left: 5px;
	}
	
	.weekly-reward-product-mbl:nth-child(3), .recommendation-container-mbl:nth-child(3){
		margin-top:  10px;
		padding-left: 0;
		padding-right: 5px;
	}
	
	.weekly-reward-product-mbl:nth-child(4), .recommendation-container-mbl:nth-child(4){
		margin-top: 10px;
		padding-right: 0;
		padding-left: 5px;
	}
	
	.gallery-category{
		width: 100%;
		height: 280px;
	}
	
	.gallery-category-label{
		padding: 10px;
		font-size: 14px;
	}
	
	.gallery-content{
		width: 100%;
		margin: 0;
	}
	
	.gallery-product-container{
		width: 50%;
	}
	
	.delivery-container{
		padding: 0;
		text-align: center;
		font-size: 14px;
	}
	
	.delivery-icon-container{
		position: relative;
		top: 0;
		width: 100%;
	}
	
	.delivery-icon-img{
		width: 50%;
		margin-bottom: 10px;
	}
	
	.payment-method-container .payment-method-img:nth-child(n+4){
		margin-top: 10px;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	.section{
		padding: 20px 0;
	}
	
	.top-header-item{
		padding: 3px;
	}
	
	.quick-search-tb{
		width: 385px;
	}
	
	.gallery-category{
		height: 452px;
	}
	
	.delivery-container{
		padding-left: 210px;
	}
	
	.delivery-icon-container{
		top: 25px;
		width: 170px;
	}
	
	.payment-method-img{
		margin-top: 10px;
	}
	
	.top30{
		margin-top: 15px;
	}
}

@media(min-width: 992px) and (max-width: 1200px){
	.payment-method-img{
		margin-top: 10px;
	}
}

/** End of Gallery Page **/

/** Start of User Profile Page **/
	#user-profile{
		background: #fff;
		padding: 30px 0;
	}	

	.user-profile-wrapper{
		position: relative;
	}
	
	.user-profile-menu{
		width: 200px;
		margin-right: 20px;
		background: #fff;
		border: 1px solid #ddd;
	}
	
	.user-profile-content{
		width: 100%;
		overflow: hidden;
	}
	
	.manage-profile-label{
		padding: 8px 10px 0 10px;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
		font-size: 18px;
		letter-spacing: 1px;
	}
	
	.manage-profile-line{
		margin-top: 10px;
		margin-bottom: 5px;
		width: 30px;
		border: 2px solid #3498DB;
	}
	
	.vpoint-logo{
		position: relative;
		width: 30px;
	}
	
	.menu{
		padding: 8px 10px;
		letter-spacing: 1px;
		cursor: pointer;
		transition: .3s ease;
	}
	
	.menu:hover{
		color: #3498DB;
	}
	
	.menu.current{
		color: #3498DB;
	}
	
	.buy-point-btn{
		position: relative;
		padding: 8px 10px;
		letter-spacing: 1px;
		background: #333;
		color: #fff;
		cursor: pointer;
	}
	
	.buy-point-btn i{
		position: absolute;
		color: #d6b735;
		top: 7px;
		left: 95px;
		font-size: 20px;
	}
	
	.content{
	  display: none;
	}

	.content.current{
	  display: inherit;
	}
	
	.profile-detail-container{
		position: relative;
		float: left;
		width: 25%;
		background: #fff;
		border: 1px solid #ddd;
	}
	
	.profile-img-container{
		display: inline-block;
		vertical-align: top;
		width: 100%;
		border: 1px solid #fff;
	}
	
	.user-img{
		width: 100%;
	}
	
	.profile-info-detail-wrapper{
		display: inline-block;  
		vertical-align: top;
		letter-spacing: 1px;
	}
	
	.profile-name-container{
		width: 100%;
		padding: 11px;
	}
	
	.profile-name-label{
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		font-weight: 600;
		text-transform: capitalize;
	}
	
	.profile-current-point{
		font-weight: 800;
	}
	
	.profile-info-detail-container{
		clear: both;
		margin-top: 15px;
		width: 100%;
		border: 1px solid #ddd;
		background: #fff;
	}
	
	.profile-info-current-point{
		position: relative;
		padding-left: 70px;
		height: 57px;
	}
	
	.profile-info-current-point img{
		position: absolute;
		left: 8px;
		top: -2px;
		width: 50px;
	}
	
	.user-info-detail-container{
		position: relative;
		width: 100%;
		background: #f9f9f9;
		display: flex;
		align-items: center;
	}
	
	ul#info-detail{
		position: relative;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	ul#info-detail li{
		list-style-type: none;
		float: left;
		vertical-align: top;
		width: 25%;
		padding: 15px 0;
		text-align: center;
		letter-spacing: 1px;
		font-size: 12px;
		line-height: 1.3;
	}
	
	ul#info-detail li:not(:first-of-type){
		border-left: 1px solid #ddd;
	}
	
	.info-detail-number{
		font-size: 20px;
		color: #d6b735;
	}
	
	#personal-detail-container{
		position: relative;
		float: left;
		margin-left: 2%;
		width: 66%;
		padding: 15px;
		border: 1px solid #ddd;
		background: #fff;
	}

	.input-tb{
		width: 100%;
		height: 40px;
		border: 1px solid #ddd;
		padding-left: 5px;
	}
	
	#recently-view-item-container{
		position: relative;
		margin-top: 25px;
		clear: both;
		width: 100%;
		border: 1px solid #ddd;
		background: #fff;
	}
	
	.gallery-recently-view, .recommend-wishlist{
		float: left;
		padding: 5px;
		width: 20%;
		border: 1px solid #ddd;
		background: #fff;
	}
	
	.personal-detail-content{
		position: relative;
	}
	
	.personal-detail-item{
		position: relative;
		padding: 10px 0;
		display: flex;
		align-items: center;
		padding-left: 132px;
		letter-spacing: 1px;
	}
	
	.detail-label{
		position: absolute;
		top: 22px;
		left: 0px;
	}
	
	.double-dot{
		float: right;
	}

	.recently-view-label-container, .personal-detail-label-container, .redeem-recommend-label-container{
		position: relative;
		margin-bottom: 10px;
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.go-to-gallery{
		width: 170px;
		height: 40px;
		margin-top: 1em;
		margin-bottom: 2em;
		font-family: 'Rubik', sans-serif;
		background: #4D91D9;
		color: #fff;
		font-size: 16px;
		border: none;
		border-radius: 3px;
		transition: .3s ease;
	}
	
	.go-to-gallery i{
		position: relative;
		top: 1px;
		left: 0;
		color: #d6b735;
		transition: .3s ease;
	}
	
	.go-to-gallery:hover i{
		left: 3px;
	}
	
	#recent-view-item-slider{
		position: relative;
	}
	
	.item-slider-container{
		position: relative;
		width: 100%;
		height: 300px;
	}
	
	.item-slider{
		position: relative;
		width: 100%;
		padding: 10px;
		cursor: pointer;
	}
	
	.item-slider:not(:first-of-type){
		border-left: 1px solid #ddd;
	}
	
	.item-prev-btn-container{
		position: absolute;
		top: 110px;
		left: 0;
		z-index: 1;
	}

	.item-next-btn-container{
		position: absolute;
		top: 110px;
		right: 0;
		z-index: 1;
	}

	.prev-btn,
	.next-btn{
		width: 25px;
		height: 50px;
		background: rgba(0,0,0,0.5);
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		color: #fff;
		font-size: 12px;
		transition: .3s ease;
	}

	.prev-btn:hover,
	.next-btn:hover{
		background: rgba(0,0,0,0.8);
	}
	
	#history-container{
		position: relative;
	}
	
	.header-tab-label{
		border-left: 5px solid #3498DB;
		padding-left: 5px;
		margin-top: 10px;
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.history-filter-container{
		position: relative;
		margin-top: 10px;
		padding: 15px;
		background: #fff;
		border: 1px solid #ddd;
		font-size: 12px;
	}
	
	.history-filter-item{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 290px;
		padding-left: 100px;
		letter-spacing: 1px;
	}
	
	.filter-item-label{
		position: absolute;
		left: 0;
		top: 8px;
	}	
	
	.redeem-tb{
		margin-left: 5px;
		width: 170px;
		height: 35px;
		border: 1px solid #ddd;
		background: #fff;
		padding-left: 5px;
	}
	
	.redeem-tb:focus{
		outline: none;
	}
	
	.history-filter-btn{
		display: inline-block;
		vertical-align: top;
		width: 100px;
	}
	
	.search-history-btn{
		width: 100px;
		height: 35px;
		text-align: center;
		border: none;
		background: #3498DB;
		color: #fff;
		font-weight: 800;
		letter-spacing: 1px;
		transition: .3s ease;
	}
	
	.search-history-btn:hover{
		background: #2980B9;
	}
	
	.more-filters-label{
		position: relative;
		top: 10px;
		left: 10px;
		cursor: pointer;
	}
	
	#redeem-more-filters, #transaction-more-filters, #refund-item-filters{
		display: none;
		margin-top: 15px;
	}
	
	.history-detail-container {
		position: relative;
		height: auto;
		max-height: 675px;
		overflow-y: scroll;
		margin-top: 25px;
		background: #fff;
		border: 1px solid #ddd;
	}
	
	.no-data-note{
		position: relative;
		margin-top: 25px;
		padding: 50px 0;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		font-weight: 600;
		letter-spacing: 1px;
		background: #fff;
		border: 1px solid #ddd;
		display: none;
	}
	
	.history-redeem-now{
		width: 200px;
		margin: 0 auto;
		margin-top: 20px;
		padding: 12px 30px;
		font-size: 18px;
		background: #3498DB;
		color: #fff;
		cursor: pointer;
		transition: .3s ease;
	}
	
	.history-redeem-now:hover{
		background: #ccaf36;
		box-shadow: 0px 0px 5px 0px rgba(52,152,219,1)
	}
	
	.history-header{
		padding: 15px;
		background: #f9f9f9;
	}
	
	.history-item-container{
		padding: 15px;
	}
	
	.history-item-container:not(:last-of-type){
		border-bottom: 1px solid #ddd;
	}
	
	.history-content-label{
		display: inline-block;
		vertical-align: top;
		letter-spacing: 1px;
	}
	
	.history-content-label:not(:first-of-type){
		margin-left: -4px;
	}
	
	.history-content-label.product-img{
		width: 100px;
		
	}
	
	.history-content-label.product-detail{
		width: 340px;
		padding-left: 15px;
	}
	
	.history-content-label.total-spend, .history-content-label.order-status, .history-content-label.point-need, .history-content-label.refund-status{
		width: 150px;
		text-align: center;
	}
	
	.history-content-label.order-date, .history-content-label.store-name, .history-content-label.total-price, .history-content-label.total-earn, .history-content-label.refund-date{
		width: 120px;
		text-align: center;
	}
	
	.history-content-label.store-name{
		text-align: left;
	}
	
	.history-item-container{
		position: relative;
	}
	
	.redeem-img-container{
		position: relative;
		width: 100px;
		height: 100px;
		border: 1px solid #ddd;
	}
	
	.redeem-img{
		width: 100%;
	}
	
	.bill-id-label, .order-id-label, .product-detail-note{
		font-size: 12px;
		color: #7F8C8D;
	}
	
	.product-detail-note{
		margin-top: 5px;
	}
	
	.redeemed-label, .point-status-enough{
		color: #27AE60;
	}
	
	.awaiting-label{
		color: #F1C40F;
	}
	
	.denied-label, .point-status-less{
		color: #E74C3C;
	}
	
	.recently-view-container, .redeem-recommend-container{
		position: relative;
		margin-top: 25px;
		background: #fff;
		border: 1px solid #ddd;
	}
	
	.recently-view-container{
		clear: both;
		margin-top: 15px;
	}
	
	.recently-view-label-container, .redeem-recommend-label-container{
		border-bottom: none;
	}
	
	.history-store-name{
		transition: .3s ease;
		text-align: left !important;
	}
	
	.history-store-name:hover{
		color: #3498DB;
	}
	
	.wishlist-redeem-btn{
		position: absolute;
		right: 15px;
		bottom: 15px;
		padding: 7px 20px;
		background: #27AE60;
		color: #fff;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		transition: .3s ease;
	}
	
	.wishlist-redeem-btn:hover{
		background: #2ECC71;
	}	
/** End of User Profile Page**/

/** Start Partner Page **/

	#partner-section{
		position: relative;
		padding: 35px 0;
	}
	
	.partner-header-container{
		padding-bottom: 15px; 
		border-bottom: 1px solid #eee;
	}
	
	.partner-filter-container{
		margin-top: 25px;
		padding: 10px 0;
	}
	
	.partner-filter-item{
		display: inline-block;
		margin-right: 15px;	
		text-align: left;
	}
	
	.partner-filter-item:not(:first-of-type){
		margin-left: -4px;
	}
	
	.partner-filter-opt{
		margin-top: 3px;
		width: 325px;
		height: 35px;
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 3px;
		padding: 0 5px;
	}
	
	.partner-filter-opt-bonus{
		margin-top: 3px;
		width: 240px;
		height: 35px;
		border: 1px solid #ddd;
		background: #fff;
		border-radius: 3px;
		padding: 0 5px;
	}
	
	.submit-partner-filter{
		position: relative;
		bottom: 1px;
		background: #16ab39;
		color: #fff;
		border: none;
		width: 100px;
		height: 35px;
		transition: .3s ease;
		border-radius: 3px;
	}
	
	.submit-partner-filter:hover{
		background: #198f35;
	}
	
	.partner-wrapper{
		position: relative;
		bottom: 0;
		border: 1px solid #ddd;
		cursor: pointer;
		transition: .3s ease-out;
		border-radius: 3px;
	}
	
	.partner-wrapper:hover{
		bottom: 5px;
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25)
	}
	
	.partner-detail-img{
		position: relative;
		width: 100%;
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #ddd;
	}
	
	.partner-detail-img img{
		width: 100%;
	}
	
	.partner-point-earn{
		position: relative;
		padding: 10px 0;
		text-align: center;
		background: #065B98;
		color: #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.partner-detail{
		position: relative;
		padding: 10px;
	}
	
	.partner-detail-name{
		font-size: 16px;
		height: 45px;
		display: flex;
		align-items: center;
		letter-spacing: 1px;
		font-weight: bold;
		color: rgba(0,0,0,.85);
	}
	
	.partner-detail p{
		margin-top: 5px;
		font-size: 14px;
		color: #555;
		display: block;
		display: -webkit-box;
		max-width: 400px;
		height: 82px;
		line-height: 1.5;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		color: rgba(0,0,0,.68);
		text-align: left;
	}
	
	.more-detail-btn{
		margin-top: 10px;
		width: 110px;
		height: 35px;
		text-align: center;
		color: #fff;
		background: #16ab39;
		border: none;
		transition: .3s ease;
		border-radius: 3px;
	}
	
	.more-detail-btn:hover{
		background: #198f35;
	}
	
	ul#menu li a.active{
		color: #fff !important;
		background: #2980B9;
	}
	
	.partner-rating{
		position: relative;
		border-top: 1px solid #eee;
		padding: 8px;
		font-size: 12px;
		color: rgba(0,0,0,.4);
	}
	
	.review-container{
		position: absolute;
		top: 0;
		right: 10px;
		height: 34px;
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #aaa;
	}
	
	ul#pagination{
		margin: 0;
		padding: 0;
		margin-top: 30px;
	}
	
	ul#pagination li{
		display: inline-block;
		vertical-align: top;
		margin: 0 3px;
		border: 1px solid #ddd;
		color: #787878;
		padding: 5px 15px 2px 15px;
		cursor: pointer;
		transition: .3s ease;
	}
	
	ul#pagination li:hover{
		background: #3498DB;
		color: #fff;
	}
	
	.page.active{
		background: #3498DB;
		color: #fff !important;
	}
	
	.rating {
	  margin: 0;
	}

	.rating i {
	  display: inline-block;
	  width: 0;
	  height: 1.5em;
	  border-width: 0 0.8em;
	  border-style: solid;
	  border-color: #ccc;
	  border-radius: 50%;
	  color: white;
	  background: #eee;
	  font-style: normal;
	  line-height: 1.5em;
	  text-indent: -0.4em;
	  text-align: center;
	}
	
	.review-rating {
	  margin: 0;
	}

	.review-rating i {
	  display: inline-block;
	  width: 0;
	  height: 1.2em;
	  border-width: 0 0.6em;
	  border-style: solid;
	  border-color: #ccc;
	  border-radius: 50%;
	  color: white;
	  background: #eee;
	  font-style: normal;
	  font-size: 12px;
	  line-height: 1.2em;
	  text-indent: -0.4em;
	  text-align: center;
	}

	/** Colors */
	[data-rating^='1'] .star-1 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='1.5'] .star-2 {
	  border-left-color: #f1c40f;
	}

	[data-rating^='2'] .star-1 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='2'] .star-2 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='2.5'] .star-3 {
	  border-left-color: #f1c40f;
	}

	[data-rating^='3'] .star-1 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='3'] .star-2 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='3'] .star-3 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='3.5'] .star-4 {
	  border-left-color: #f1c40f;
	}

	[data-rating^='4'] .star-1 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='4'] .star-2 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='4'] .star-3 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='4'] .star-4 {
	  border-color: #f1c40f;
	  background: #f1c40f;
	}

	[data-rating^='4.5'] .star-5 {
	  border-left-color: #f1c40f;
	}

	[data-rating="5"] i {
	  background: #f1c40f;
	  border-color: #f1c40f;
	}

	/** Print */
	@media print {
	  .rating {
		-webkit-print-color-adjust: exact;
	  }
	  .rating i {
		text-shadow: none;
	  }
	}

	
@media(max-width: 767px){
	.partner-header-container{
		margin-top: 25px;
		text-align: center;
	}
	
	.partner-filter-item{
		margin-top: 5px;
		margin-left: 0;
		width: 100%;
	}
	
	.partner-filter-item:not(:first-of-type){
		margin-left: 0;
	}
	
	.partner-filter-opt{
		width: 100%;
	}
	
	.submit-partner-filter{
		display: inline-block;
		margin: 0 auto;
		margin-top: 15px;
		width: 49%;
	}
	
	.partner-detail-img{
		height: auto;
	}

	.partner-point-earn{
		font-size: 12px;
	}
	
	.partner-detail-name{
		font-size: 13px;
	}
	
	.more-detail-btn{
		width: 70px;
		height: 30px;
	}

	.store-detail-vpoint-small{
		width: 30px !important;
	}
	
	.filter-mobile-btn{
		margin-top: 10px;
		width: 100%;
		padding: 10px 0;
		text-align: center;
		border: 1px solid #3498DB;
		color: #fff;
		background: #3498DB;
		border-radius: 3px;
	}
	
	#filter-mbl{
		display: none;
	}
	
	.partner-filter-container{
		margin-top: 0;
		text-align: center;
	}
	
	.partner-filter-opt-bonus{
		width: 100%;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	#partner-section{
		padding: 15px 0;
	}
	
	.partner-filter-opt{
		width: 230px;
	}
	
	.submit-partner-filter{
		margin: 0 auto;
		margin-top: 15px;
	}
}

@media(min-width: 768px){
	.filter-mobile-btn{
		display: none;
	}
}

/** End Partner Page **/

/** Start Individual Page **/
	.individual-store-container{
		position: relative;
	}

	#individual-store-detail{
		padding: 35px 0;
	}
	
	.store-detail-container{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 30%;
		border: 1px solid #ddd;
		/* box-shadow: 0 3px 6px 0 rgba(51,51,51,.298039); */
	}
	
	.store-detail-img{
		position: relative;
		width: 100%;
		padding: 15px;	
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	
	.store-detail-img img{
		width: 100%;
	}
	
	.store-detail-content{
		padding: 10px;
	}
	
	ul#store-detail-list{		
		margin: 0;
		padding: 0;
	}

	ul#store-detail-list li{
		position: relative;
		list-style-type: none;
		padding: 7px 0;
		padding-left: 25px;
		color: rgba(0,0,0,.68);
		min-height: 30px;
	}
	
	ul#store-detail-list li > i{
		position: absolute;
		top: 9px;
		left: 0;
	}
	
	ul#store-detail-list li a{
		transition: .3s ease;
	}
	
	ul#store-detail-list li a:hover{
		color: #3498DB !important;
	}
	
	.store-content-container{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 69%;
		padding-left: 30px;
		color: rgba(0,0,0,.68);
	}
	
	.store-detail-name{
		position: relative;
		font-size: 30px;
		font-weight: 800;
	}
	
	.store-content-container p{
		line-height: 1.5;
	}
	
	.description{
		margin-top: 1em;
		max-height: 400px;
		overflow-y: scroll;
	}

	.store-what-we-do{
		font-size: 20px;
		font-weight: 800;
	}
	
	ul#what-we-do-point{
		margin: 0;
		padding-left: 15px;
	}
	
	ul#what-we-do-point li{
		list-style-type: circle;
		padding: 3px 0;
	}
	
	#store-gallery{
		position: absolute;
		bottom: 0;
		left: 30%;
		padding-left: 30px;
		width: 69%;
		border-top: 1px solid #ddd;
	}
	
	.store-category-container{
		margin-top: 15px;
	}
	
	.store-category-container a{
		color: rgba(0,0,0,.68) !important;
		transition: .3s ease;
	}
	
	.store-category-container a:hover{
		color: #3498DB !important;
		text-decoration: underline !important;
	}
	
	.gallery-label{
		margin: 10px 0;
		font-size: 25px;
		font-weight: bold;
		color: rgba(0,0,0,.68);
	}

	.store-gallery-container{
		position: relative;
		display: flex;
	}
	
	.store-gallery-img{
		position: relative;
		width: 100%;
		transition: .3s ease;
		opacity: 0.8;
	}
	
	.store-gallery-img:hover{
		opacity: 1;
	}
	
	.store-gallery-img img{
		width: 100%;
	}
	
	#store-map{
		clear: both;
	}
	
	.enlarge-img-btn-container{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: .3s ease;
		overflow: hidden;
	}
	
	.enlarge-img-btn-container:hover .enlarge-img-btn{
		bottom: 0;
	}
	
	.enlarge-img-btn{
		position: relative;
		bottom: 100%;
		width: 40px;
		height: 40px;
		background: #16ab39;
		color: #fff;
		transition: .3s ease;
		border-radius: 3px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
	}
	
	.enlarge-img-btn:hover{
		background: #198f35;
	}
	
	#store-img-preview{
		position: fixed;
		left: 0;
		top:0;
		width: 100%;
		height: 100%;
		padding: 50px;
		background: rgba(0,0,0, .6);
		z-index: 5;
		display: none;
	}
	
	.preview-img-container{
		position: relative;
	}
		
	.close-preview-img{
		position: relative;
		margin: 0 auto;
		width: 100%;
		max-width: 800px;
		margin-bottom: 10px;
		text-align: right;
	}
	
	.close-img-btn{
		padding: 5px 10px;
		background: #E74C3C;
		font-size: 20px;
		color: #fff;
		border: none;
		text-align: center;
	}
	
	.preview-img-content{
		width: 100%;
		max-width: 800px;
		background: #fff;
		margin: 0 auto;
	}
	
	.store-img{
		width: 100%;
	}
	
	.noscroll{
		overflow: hidden;
	}
	
	#contactus-section{
		position: relative;
	}
	
	.contactus-sect-left{
		width: 100%;
	}
	
	.contactus-sect-right{
		float: left;
		width: 65%;
	}
	
	#store-map{
		width: 100%;
		height: 400px;
	}
	
	#send-message{
		padding: 35px 50px;
		background: #f9f9f9;
	}
	
	.message-header{
		text-align: center;
		margin-bottom: 30px;
		font-size: 30px;
		font-weight: bold;
		color: rgba(0,0,0,.68);
	}
	
	.form-left, .form-right{
		display: inline-block;
		vertical-align: top;
	}
	
	.form-left{
		width: 30%;
	}
	
	.form-right{
		width: 69%;
	}
	
	.tb-container{
		position: relative;
		margin-top: 10px;
		width: 100%;
		height: 60px;
		border: 1px solid #ddd;
		border-radius: 3px;
		background: #fff;
	}
	
	.tb-container.active, .ta-container.active{
		border: 1px solid #3498db
	}

	.form-tb{
		position: relative;
		top: 25px;
		left: 4px;
		width: 100%;
		height: 30px;
		border: none;
		padding-left: 5px;
		background: transparent;
		z-index: 1;
	}

	.form-tb:focus{
		outline: none;
	}
	
	.ta-container{
		position: relative;
		margin-top: 10px;
		margin-left: 15px;
		width: 100%;
		max-width: 100%;
		height: 200px;
		max-height: 200px;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 3px;
		background: #fff;
	}
	
	.ta-container::placeholder{
		color: #bbb;
	}

	.form-label{
		position: absolute;
		top: 8px;
		left: 8px;
		font-size: 14px;
		color: #bbb;
	}
	
	.form-label.active{
		color: #3498DB;
	}
	
	.submit-message{
		margin-top: 15px;
		width: 200px;
		height: 60px;
		background: #16ab39;
		color: #fff;
		font-weight: 600;
		font-size: 20px;
		border: none;
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.05);
		transition: .3s ease;
	}
	
	.submit-message:hover{
		background: #198f35;
	}
	
	#store-review{
		clear: both;
		padding: 35px 0;
	}

	.store-review-header{
		position: relative;
		display:  flex;
	}

	.store-review-header-content{
		width: 50%;
	}
	
	.store-review-container{
		position: relative;
		margin-top: 30px;
		max-height: 450px;
		overflow-y: scroll;
	}
	
	.data-review-container{
		position: relative;
		margin-top: 10px;
		padding-left: 110px;
	}
	
	
	
	.average-review-total-big{
		font-size: 4.3em;
		font-weight: 800;
		line-height: 1;
	}
	
	.average-review-total-small{
		margin-top: 2px;
		color: #ccc;
	}
	
	.total-review-item{
		position: relative;
		margin-top: 3px;
		font-size: 12px;
		padding-left: 45px;
	}
	
	.total-review-item-label{
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.total-review-bar-container{
		position: relative;
		top: 1px;
		display: inline-block;
		margin: 0 5px;
		width: 200px;
		height: 13px;
		overflow: hidden;
		background: #e5e5e5;
	}
	
	.total-review-bar-fill{
		position: relative;
		left: -200px;
		height: 13px;
		background: #3498DB;
		transition: .3s ease;
	}
	
	#fivestars-bar{
		width: 150px;		
	}
	
	#fourstars-bar{
		width: 100px;		
	}
	
	#threestars-bar{
		width: 30px;		
	}
	
	#twostars-bar{
		width: 10px;		
	}
	
	#onestar-bar{
		width: 5px;		
	}

	.review-star-btn{
		border: 1px solid #ddd;
		background: none;
		border-radius: 3px;
		width: 100%;
		padding: 6px;
	}

	.review-star-btn:hover{
		border: 1px solid #3498DB;
		color: #3498DB !important;
	}

	.review-star-btn.active{
		background: #3498DB;
	}

	.review-star-btn.active a{
		color: #fff !important;
	}
	
	.total-review-bar-fill.active{
		left: 0;
	}
	
	.average-review-content{
		position: absolute;
		top: 0;
		left: 0;
		width: 90px;
		text-align: center;
	}
	
	ul#comment-review-filter{
		position: relative;
		padding: 0;
		margin: 0;
		margin-top: 25px;
	}
	
	ul#comment-review-filter li{
		list-style-type: none;
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
	}
	
	ul#comment-review-filter li a{
		padding: 10px;
		font-size: 12px;
	}
/* 	
	ul#comment-review-filter li a:hover{
		border: 1px solid #3498DB;
		color: #3498DB !important;
	} */
	
	/* ul#comment-review-filter li.active .review-star-btn{
		background: #3498DB;
		color: #fff !important;
	} */
	
	.comment-review-filter-item{
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		padding: 12px 20px 10px 20px;
		border: 1px solid #ddd;
		border-radius: 3px;
		cursor: pointer;
		transition: .3s ease;
	}
	
	.comment-review-filter-item:hover{
		border: 1px solid #3498DB;
		color: #3498DB;
	}
	
	.comment-review-filter-item.active{
		background: #3498DB;
		color: #fff;
	}
	
	.comment-review-item{
		position: relative;
		padding: 20px 0;
		padding-left: 110px;
		border-bottom: 1px solid #ddd;
	}
	
	.commenter-img{
		position: absolute;
		top: 20px;
		left: 0;
		width: 90px;
		height: 90px;
		border: 1px solid #ddd;
	}
	
	.review-title{
		margin-top: 6px;
		font-size: 20px;
		font-weight: 600;
	}
	
	.commenter-name-container, .responder-name-container{
		font-size: 14px;
		color: #7F8C8D;
		font-weight: 800;
	}
	
	.review-date, .responded-date{
		font-size: 14px;
		color: #bbb;
		font-style: italic;
	}
	
	.review-content, .review-respond{
		margin-top: 5px;
		line-height: 1.5;
	}
	
	.morecontent span{
		display: none;
	}
	
	.morelink{
		display: inline-block;
		color: #3498DB !important;
	}
	
	.morelink:hover{
		color: #3498DB !important;
	}
	
	.review-footer{
		position: relative;
	}
	
	.write-a-review-btn{
		position: absolute;
		top: -10px;
		right: 0;
		width: 150px;
		height: 40px;
		background: #3498DB;
		color: #fff;
		border: none;
		transition: .3s ease;	
	}
	
	.write-a-review-btn:hover{
		background: #2980B9;
	}
	
	.review-respond-container{
		margin-top: 15px;
		border-left: 3px solid #3498DB;
		padding-left: 20px;
	}
	
	#review-section{
		padding: 35px 0;
	}
	
	.review-form{
		position: relative;
		background: #fff;
		padding-right: 30px;
	}
	
	.review-form-header{
		position: relative;
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 2px;
		color: #3498DB;
		font-family: 'Roboto', sans-serif;
	}
	
	.review-form-item{
		position: relative;
	}

	.review-form-item.half{
		float: left;
	}
	
	.review-form-item-label{
		font-weight: bold;
	}
	
	.close-review-form{
		position: absolute;
		right: 0;
		top: 0;
		color: #bbb;
		transition: .3s ease;
		cursor: pointer;
	}
	
	.close-review-form{
		color: #aaa;
	}
	
	.star {
		position: absolute;
		left: 0;
		padding: 0; 
		margin: 0;
		margin-top: 5px;
	}
	.star li {
		float: right;
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		line-height: 1;
		padding-top: 3px;
		text-align: center;
		width: 30px;
		height: 30px;
		color: #ffffff;
		cursor: pointer;
		background: #eee;
		border-radius: 50%;
		margin: 0 5px 0 0;
	}
	.star li.one, .star li.two, .star li.three, .star li.four, .star li.five {
		transition: all 0.2s ease-in-out;
	}
	.star li.five:hover, .star li.four:hover ~ li, .star li.three:hover ~ li, .star li.two:hover ~ li, .star li.one:hover ~ li, .star li:hover.five, .star li:hover.four, .star li:hover.three, .star li:hover.two, .star li:hover.one {
		background: #f1c40f;
	}

	.review-form-tb{
		margin-top: 5px;
		width: 100%;
		height: 35px;
		padding: 0 5px;
		border: 1px solid #ddd;
		border-radius: 3px;
	}
	
	.review-form-ta{
		margin-top: 5px;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: 75px;
		min-width: 75px;
		max-height: 75px;
		padding: 5px;
		border: 1px solid #ddd;
		border-radius: 3px;
	}
	
	.submit-review-form{
		margin-top: 10px;
		width: 140px;
		height: 40px;
		background: #3498DB;
		color: #fff;
		border: none;
		font-weight: 600;
		font-size: 14px;
	}
	
	#vniaga-value{
		border-top: 1px solid #ddd;
		background: #fff;
	}
	
	.vniaga-value-note{
		padding: 50px 0;
		font-size: 22px;
		letter-spacing: 1px;
		text-align: center;
		background: #fff !important;
		
	}
	
	.vniaga-value-note label{
		font-size: 30px;
		font-weight: bold;
	}
	
	.go-to-vniaga{
		margin-top: 15px;
		width: 220px;
		height: 60px;
		background: #3498DB;
		color: #fff;
		font-weight: 600;
		font-size: 20px;
		border: none;
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.05);
		transition: .3s ease;
	}
	
	.go-to-vniaga:hover{
		background: #2980B9;
	}
	
@media(max-width: 767px){
	.mbl-menu-bg{
		position: fixed;
		top: 60px;
		width: 100%;
		height: 100%;
		z-index: 99;
		color: #fff;
		padding: 15px;
		background: rgba(0,0,0, .8);
		display: none;
	}

	ul#mbl-menu{
		position: relative;
		margin: 0;
		padding: 0;
	}

	ul#mbl-menu li{
		list-style-type: none;
		padding: 10px 0;
	}

	ul#mbl-menu li a{
		color: #fff !important;
	}

	.mbl-signin-bg, .mbl-signout-bg{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		color: #fff;
		padding: 15px;
		background: rgba(0,0,0, .8);
		display: none;
	}

	.mbl-signin-header{
		position:relative;
		font-size: 20px;
	}

	.mbl-signin-item{
		position: relative;
		margin-top: 20px;
	}

	.mbl-login-tb{
		position: relative;
		margin-top: 5px;
		width: 100%;
		height: 40px;
		padding-left: 5px;
		color: #333 !important;
	}

	.submit-login-btn-mbl{
		position: relative;
		margin-top: 15px;
		width: 100%;
		height: 40px;
		border: none;
		background: #4D91D9;
		color: #fff;
	}
	
	.store-detail-container{
		margin-top: 30px;
		width: 100%;
	}
	
	.store-content-container{
		margin-top: 20px;
		width: 100%;
		padding: 0;
	}
	
	.store-detail-name, .gallery-label, .message-header{
		font-size: 20px;
	}
	
	.store-content-container p{
		margin: 5px 0 10px 0;
	}
	
	.store-what-we-do{
		font-size: 18px;
	}
	
	.store-detail-img img{
		height: auto;
	}
	
	.store-gallery-img{
		width: 100%;
	}
	
	.store-category-container{
		margin-top: 10px;
	}

	#user-profile{
		padding: 75px 0 30px 0 !important;
	}

	.profile-detail-container{
		width: 100%;
	}
	
	.detail-label{
		padding: 0;
	}

	.double-dot{
		float: none;
	}

	#personal-detail-container{
		margin: 0;
		margin-top: 15px;
		width: 100%;
	}

	.personal-detail-item{
		padding: 15px;
		display: block;
	}

	.detail-label{
		position: relative;
		width: 100%;
	}
	
	#store-map{
		height: 200px;
	}
	
	.form-left{
		width: 100%;
	}
	
	.form-right{
		width: 100%;
	}
	
	.ta-container{
		margin-left: 0;
		height: 150px;
	}
	
	.submit-message, .go-to-vniaga{
		width: 175px;
		height: 40px;
		font-size: 16px;
	}
	
	.vniaga-value-note{
		padding: 20px 0;
		font-size: 16px;
	}
	
	.vniaga-value-note label{
		font-size: 20px;
	}

	#store-gallery{
		position: relative;
		border-top: none;
		left: 0;
		padding-left: 0;
		width: 100%;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	.store-detail-container{
		width: 40%;
	}
	
	.store-content-container{
		width: 58%;
	}
	
	.store-detail-img img{
		height: auto;
	}
	
	#store-map{
		height: 250px;
	}

	#banner-header-logo{
		top: 30px !important;
	}
}
/** End Individual Page **/

/** Start Bonus Offer Page **/
	#bonus-offer-section{
		position: relative;
		padding: 35px 0;
	}

	.bonus-offer-wrapper{
		position: relative;
		border: 1px solid #ddd;
		transition: .3s ease-out;
		border-radius: 3px;
		padding-left: 200px;
		height: 212px;
		color: rgba(0,0,0,.68);
	}

	.bonus-offer-left{
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 210px;
		border-right: 1px solid #ddd;
	}
	
	.bonus-offer-logo{
		width: 100%;
		padding: 0 10px;
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}
	
	.bonus-offer-logo img{
		width: 100%;
	}
	
	.bonus-offer-content{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 60px;
		border: 1px solid #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 14px;
		line-height: 1.2;
		letter-spacing: 1px;
		color: #fff;
		background: #3498DB;
		padding: 12px;
		text-align: center;
	}
	
	.bonus-value{
		font-size: 35px;
		font-weight: bold;
	}
	
	.bonus-offer-right{
		position: relative;
		padding: 15px;
		height: 200px;
	}
	
	.bonus-offer-detail{
		font-size: 14px;
		color: #555;
		display: block;
		display: -webkit-box;
		max-width: 400px;
		height: 82px;
		line-height: 1.5;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
	}
	
	.offer-time-validity{
		position: absolute;
		left: 15px;
		bottom: 0px;
		font-size: 12px;
	}
	
	.time-valid{
		color: #3498DB;
	}
	
	.get-bonus-offer-btn{
		position: absolute;
		bottom: 0;
		right: 15px;
		width: 100px;
		height: 35px;
		text-align: center;
		color: #fff;
		background: #16ab39;
		border: none;
		transition: .3s ease;
		border-radius: 3px;
		cursor: pointer;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
	}
	
	.get-bonus-offer-btn:hover{
	    background: #198f35;
	}

	
	#bonus-offer-detail-section{
		position: relative;
		padding: 35px 0;
	}
	
	.bonus-offer-detail-left{
		width: 60%;
		float: left;
	}
	
	.bonus-offer-detail-right{
		width: 40%;
		float: left;
	}
	
	.offer-detail-img{
		width: 100%;
		text-align: right;
	}
	
	.offer-detail-img img{
		width: auto;
		height: 120px;
	}
	
	.total-offer-label{
		font-size: 30px;
		font-weight: bold;
	}
	
	.offer-detail-validity{
		margin-top: 15px;
	}
	
	.total-offer-content{
		margin-top: 15px;
		line-height: 1.5;
	}
	
	.offer-more-info{
		margin-top: 15px;
	}
	
	.offer-more-info a{
		color: #3498DB !important;
	}
	
	#partner-tnc-section{
		padding: 35px 0;
		background: #f9f9f9;
	}
	
	.offer-tnc-label{
		text-align: center;
		font-size: 30px;
		font-weight: bold;
	}
	
	.offer-tnc-content{
		margin-top: 15px;
		line-height: 1.5;
	}
	
	#more-related-offer-section{
		padding: 35px 0;
	}
	
	.more-related-offer-label{
		font-size: 22px;
		font-weight: bold;
	}
	
@media(max-width: 767px){
	.bonus-offer-wrapper{
		position: relative;
		padding: 0;
		height: auto;
	}
	
	.bonus-offer-logo{
		height: auto !important; 
		padding: 10px 0;
	}
	
	.bonus-offer-left{
		position: relative;
		width: 100%;
		height: auto;
		border: none;
	}
	
	.bonus-offer-logo img{
		height: auto;
	}
	
	.bonus-offer-content{
		height: auto;
		position: relative;
	}
	
	.bonus-value{
		font-size: 25px;
	}
	
	.bonus-offer-right{
		padding: 10px;
		height: auto;
	}
	
	.offer-time-validity{
		position: relative;
		left: 0;
		bottom: 0;
		margin-top: 10px;
	}
	
	.get-bonus-offer-btn{
		position: relative;
		margin-top: 10px;
		width: 100%;
		bottom: 0;
		right: 0;
	}
	
	.left-offer{
		padding-right: 5px !important;
	}
	
	.right-offer{
		padding-left: 5px !important;
	}
	
	#bonus-offer-detail-section{
		padding: 15px 0;
		margin-top: 50px;
	}
	
	.bonus-offer-detail-left{
		width: 100%;
	}
	
	.bonus-offer-detail-right{
		width: 100%;
	}
	
	.detail-logo-mbl{
		text-align: center;
	}
	
	.detail-logo-mbl img{
		height: 150px;
	}
	
	.offer-detail-img{
		display: none;
	}
	
	.total-offer-label, .offer-tnc-label, .more-related-offer-label{
		font-size: 20px;
		text-align: center;
	}

	#individual-store-detail{
		padding: 50px 0 20px 0;
	}
}	
@media(min-width: 768px) and (max-width: 991px){
	.offer-time-validity{
		bottom: 58px;
	}
	
	.get-offer-btn{
		width: 100%;
	}
}

@media(min-width: 768px){
	.detail-logo-mbl{
		display: none;
	}
}
/** End Bonus Offer Page**/

/** Contact Us Page **/
.contactus-detail{
	padding: 35px 0;
}

.contactus-content{
	line-height: 1.5;
}

.contactus-item{
	position: relative;
	margin-top: 10px;
	padding-left: 20px;
}

.contactus-item i{
	position: absolute;
	left: 3px;
	top: 2px;
}
/** End Contact Us Page **/

/** Start Product Page**/
	#product-detail, #product-detail-menu-content{
		position: relative;
		padding: 35px 0;
		background: #fff;	
	}
	
	.product-page-wrapper{
		position: relative;
	}
	
	.img-selection{
		position: absolute;
		left: 0;
		top: 0;
		width: 100px;
	}
	
	.product-thumbnail:first-of-type{
	  margin-top: 0;
	}

	.product-thumbnail{
		margin-top: 10px;
		width: 120px;
		height: 120px;
		border: 1px solid #ddd;
		cursor: pointer;
		transition: .3s ease;
		opacity: .5;
		background: #fff;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.product-thumbnail img{
			height: 80px;
	}

	.product-thumbnail:hover{
		opacity: 1;
	}

	.product-thumbnail.selected{
		opacity: 1;
	}

	.big-img{
		position: relative;
		width: 380px;
		height: 380px;
		border: 1px solid #ddd;
		background: #fff;
		cursor: zoom-in;
		overflow: hidden;
		text-align: center;
		display: inline-block;
		vertical-align: top;
	}

	.big-img img.zoom{
		position: absolute;
		transition: width 0.2s ease-out, opacity 0.2s ease-out 0.2s; 
	}
	
	.display-img{
		width: 100%;
		height: 100%;		
	}
	
	.product-detail-container{
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-left: 15px;
		width: 741px;
		height: 380px;
		background: #fff;
		border: 1px solid #ddd;
		padding: 20px;
	}
	
	.product-detail-name{
		display: block;
		display: -webkit-box;
		font-size: 20px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		cursor: pointer;
		color: #333;
		text-align: left;
		height:auto;
		margin-bottom:5px;
	}
	
	.product-detail-item{
		position: relative;
		left: 1px;
		margin-top: 0px;
		padding-left: 120px;
	}
	
	.count-input {
	  position: relative;
	  display: inline-block;
	  width: 100%;
	  max-width: 100px;
	}
	.count-input input {
	  width: 100%;
	  height: 30px;
	  border: 1px solid #ddd;
	  border-radius: 2px;
	  background: none;
	  text-align: center;
	}
	.count-input input:focus {
	  outline: none;
	}
	.count-input .incr-btn {
	  display: block;
	  position: absolute;
	  width: 30px;
	  height: 30px;
	  color: #555e58;
	  font-size: 16px;
	  font-weight: 300;
	  text-align: center;
	  line-height: 30px;
	  top: 50%;
	  right: 0;
	  margin-top: -15px;
	  text-decoration:none;
	}
	.count-input .incr-btn:first-child {
	  right: auto;
	  left: 0;
	  top: 50%;
	}
	
	.product-detail-item-label{
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.product-detail-point-needed{
		position: relative;
		margin-top: 13px;
		font-size: 25px;
		font-weight: bold;
		color: #3498DB;
		padding-left: 33px;
	}
	
	.product-detail-point-needed img{
		position: absolute;
		left: 0;
		top: 4px;
		width: 25px;
	}
	
	.change-address-label{
		position: relative;
		bottom: 2px;
		left: 10px;
		background: #2C3E50;
		color: #fff;
		font-size: 11px;
		padding: 3px 10px;
		cursor: pointer;
		transition: .3s ease;
	}
	
	.product-detail-redeem-btn{
		position: absolute;
		bottom: 15px;
		right: 15px;
		width: 150px;
		height: 50px;
		font-size: 18px;
		font-weight: bold;
		background: #2ECC71;
		color: #fff;
		border: none;
		transition: .3s ease;
	}
	
	.product-detail-redeem-btn:hover{
		background: #27AE60;
	}
	
	.product-detail-description{
		position: relative;
		margin-top: 20px;
		border-left: 3px solid #F39C12;
		padding-left: 15px;
		line-height: 1.5;
	}
	
	.product-desc-header{
		margin-bottom: 3px;
		font-size: 16px;
		font-weight: bold;
	}
	
	.fail-redeem-alert-container{
		position: relative;
		margin-top: 15px;
		padding: 15px;
		width: 100%;
		border: 2px dashed #E74C3C;
		text-align: center;
		font-size: 25px;
		color: #E74C3C;
	}
	
	.checkout-confirmation-container{
		margin-top: 20px;
		background: #fff;
		padding: 15px;
		width: 100%;
		border: 1px solid #ddd;
	}
	
	.checkout-confirmation-header{
		font-size: 20px;
		font-weight: bold;
	}
	
	.checkout-confirmation-item{
		position: relative;
		width: 33.3%;
		float: left;
		padding: 10px;
	}
	
	.checkout-confirmation-label{
		margin-bottom: 5px;
	}
	
	.checkout-confirmation-item-half{
		position: relative;
		width: 50%;
		float: left;
		padding: 10px;
	}
	
	.checkout-tb{
		width: 100%;
		height: 45px;
		border: 1px solid #ddd;
		background: #fff;
		padding: 0 5px;
	}
	
	.checkout-tb::placeholder, .checkout-tb-half::placeholder{
		color: #ccc;
	}
	
	.checkout-ta{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: 45px;
		max-height: 45px;
		border: 1px solid #ddd;
		background: #fff;
		padding: 5px;
	}
	
	.checkout-btn-container{
		clear: both;
		position: relative;
		padding: 10px;
		text-align: right;
	}
	
	.reset-btn{
		width: 200px !important;
		background: #2C3E50 !important;
	}
	
	.confirm-checkout-btn{
		position: relative;
		margin-top: 15px;
		width: 150px;
		height: 50px;
		border: none;
		background: #2ECC71;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		transition: .3s ease;
	}
	
	.confirm-checkout-btn:hover{
		background: #27AE60;
	}
	
	@media(max-width: 767px){
		.big-img{
			width: 100%;
			height: auto;
			margin-top: 30px;
			display: block;
		}
		
		.product-detail-container{
			margin-left: 0;
			width: 100%;
			margin-top: 15px;
			height: auto;
		}
		
		.product-detail-name{
			font-size: 18px;
			height: 50px;
		}
		
		.product-detail-point-needed{
			font-size: 22px;
			margin-top: 6px;
		}
		
		.product-detail-redeem-btn{
			position: relative;
			width: 120px;
			font-size: 16px;
			bottom: 0;
			right: 0;
			margin-top: 15px;
			width: 100%;
		}
		
		.fail-redeem-alert-container{
			font-size: 22px;
		}
		
		.checkout-confirmation-header{
			font-size: 18px;
		}
		
		.checkout-confirmation-item, .checkout-confirmation-item-half{
			width: 100%;
		}
		
		.confirm-checkout-btn{
			width: 48%;
			font-size: 14px;
		}
		
		.reset-btn{
			width: 48% !important;
		}

		.store-review-header{
			display: block;
		}

		.message-header{
			margin-bottom: 15px;
		}
		.store-review-header-content{
			width: 100%;
		}

		.data-review-container{
			padding-left: 0;
		}

		.average-review-content{
			position: relative;
			margin: 0 auto;
			margin-bottom: 15px;
		}

		.total-review-item{
			padding-left: 12%;
		}

		.total-review-bar-container{
			width: 86%;
		}

		.review-form-item.half{
			float: none;
			width: 100%;
			text-align: left;
		}

		#mobile-submit-review{
			text-align: center !important;
		}

		.submit-review-form{
			margin-top: 60px;
			width: 155px;
			height: 40px;
		}

		ul#comment-review-filter{
			text-align: center;
		}

		.comment-review-item{
			padding-left: 0;
			padding-top: 0;
		}

		.commenter-img{
			position: relative;
			top: 20px;
			float: left;
			margin-right: 12px;
		}

		.review-title{
			font-size: 18px;
		}

		.commenter-name-container, .responder-name-container{
			display: block;
		}

		.prev-btn-container-gallery, .next-btn-container-gallery{
			top: 75px;
		}

		/* #desktop-prev-btn, #desktop-next-btn{
			height: 30px;
			font-size: 10px;
		} */

		#store-img-preview{
			padding: 0;
		}

		.review-star-rating{
			padding-top: 20px;
		}

		.review-date, .responded-date{
			padding-left: 100px;
		}

		ul#comment-review-filter li{
			margin-right: 0;
			width: 32%;
			margin-bottom: 5px;
		}

		.review-form{
			padding-right: 0;
			padding-bottom: 19px;
			border-bottom: 1px solid #eee;
		}

		.review-star-rating{
			padding-top: 10px;
		}

		.review-content, .review-respond{
			margin-top: 10px;
		}

		.review-rating i, .rating i {
			text-indent: -0.5em;
		  }
	  
	}
	
	@media(min-width: 768px) and (max-width: 1200px){
		.big-img{
			margin: 0 auto;
			display: block;
		}
		
		.product-detail-container{
			width: 100%;
			margin-left: 0;
			margin-top: 15px;
		}
	}
/** End Product Page**/

.user-detail{
	position: absolute;
	right: 10px;
	top: 30px;
	width: 300px;
	text-align: right;
}

/** New update CSS **/
.store-detail-vpoint{
	position: absolute;
	right: 10px;
	bottom: 8px;
	width: 55px;
	background: rgba(255,255,255, .8);
}

.store-detail-vpoint-small{
	position: absolute;
	left: 10px;
	bottom: 8px;
	width: 35px;
	background: rgba(255,255,255, .8);
}

.store-detail-vpoint img, .store-detail-vpoint-small img{
	width: 100%;
}

.star {
  line-height:32px;
  font-size:1.25em;
}


.star .fa-star{
	color: #fff;
    font-size: 12px;
    background: #f1c40f;
    padding: 8px;
    border-radius: 50%;
}

.img-gallery-container{
	position: relative;
	display: flex;
}

.img-gallery-content{
	width: 33%;
	margin-right: 10px;
	position: relative;
}

.img-gallery-content img{
	width: 100%;
}

.img-gallery-label{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
}

@media(max-width: 767px){
	.recently-view-label-container, .personal-detail-label-container, .redeem-recommend-label-container{
		text-align: center;
	}

	.personal-detail-item{
		padding: 0;
	}
	
	.detail-label{
		margin-bottom: 3px;
		top: 0;
	}

	.personal-detail-item{
		margin-bottom: 15px;
	}

	.go-to-gallery{
		width: 100%;
		margin: .5em 0;
	}

	.slider-fom-btn{
		margin-left: 0;
		width: 100%;
		margin: 0;
	}

	.store-detail-vpoint{
		width: 40px;
	}

	.img-gallery-container{
		display: block;
	}
	
	.img-gallery-content{
		position: relative;
		width: 100%;
		margin-right: 0px;
	}

	.img-gallery-content:not(:first-of-type){
		margin-top: 10px;
	}
}

@media(min-width: 768px) and (max-width: 991px){
	#store-gallery{
		left: 40%;
		width: 58%;
	}

	.prev-btn-container-gallery, .next-btn-container-gallery{
		top: 20px;
	}

	#desktop-prev-btn-gallery, #desktop-next-btn-gallery{
		height: 35px;
		font-size: 10px;
	}

	.total-review-bar-container{
		width: 160px;
	}

	ul#comment-review-filter li {
		margin-bottom: 5px;
		width: 32%;
	}

	.star{
		margin-top: 10px;
	}

	.submit-review-form{
		margin-top: 5px;
	}

	.profile-detail-container{
		width: 32%;
	}
}

@media(min-width: 992px) and (max-width: 1025px){
	ul#comment-review-filter li {
		margin-bottom: 5px;
		width: 27%;
	}
}