/*
Author:Manish Kumar Singh
*/

@media all and (max-width:1500px) {
.stepfrm1-inner { width: 95%; }

}

@media all and (max-width:1400px) {
.userform-inner-sec {  padding: 10px 0px 20px 40px;}
.mall-app-page { background-size: 80%;}
}

@media all and (min-width:1280px) and (max-width:1500px) {
	.eventdetails .event-wrapper .comment-wrapper { margin:0px 0px 0px 70px; }
	.eventdetails .event-wrapper .rightside-wrapper { margin-left:8px; width:calc(100% - 678px); }

}





@media all and (max-width:1300px) {

.card-like {padding: 10px 0 20px 0px;}
.gtng-strtd-left {padding: 40px;}
.cstmcheck .form-group label {font-size: 15px;}
.cstmcheck label a{font-size: 15px;}
.group label {font-size: 13px;}
.wizard .usr-already small {font-size: 14px;}

.userform-inner-sec {  padding: 10px 0px 20px 30px;}
.user-form-left {padding: 50px 30px;}
.stepfrm2-inner{width:90%;}

}

@media all and (max-width:1200px) {
footer#footer {float: none; width: 95%; display: table; margin: 0 auto;}
.unused-deals-row p {
    font-size: 12px;
}


}

@media screen and (min-width: 767px) and (max-width: 1024px){
.logo {width:100%; text-align:center; padding-bottom: 25px;}
.userform-inner-sec {width: 100%; padding: 0;}
.card-like {padding: 0;}
.user-form-left {padding: 20px;}
.landing-page-caption { background-color: #FFFF;padding: 4% 3%;left: 0; }

}

@media all and (max-width:1024px) {
.stores-page-box { width:calc(33.3% - 14px);}
.download-app{}
.download-app {width: 145px;}
.download-app a {font-size: 16px;}
.search-bar { width: 65%;}
.product-row {width:50%;}

ul.before-login-menu li {     padding: 0 6px; }

.unused-deals-row {
    padding-top: 30px;
}



.unused-deals-box .unused-deals-row {
    background-image: none;
		background-color: #b2b2b2;
		position: relative;
    margin-bottom: 12px;
		webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);;
	  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);;
	  box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);;
}
.unused-deals-box .unused-deals-row:after {
	content: "";
	position: absolute;
	left: -11px;
	top: 50%;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	background-color: #fff;
  transform: translateY(-50%);
}
.unused-deals-box .unused-deals-row::before {
	content: "";
	position: absolute;
	right: -11px;
	top: 50%;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	background-color: #fff;
  transform: translateY(-50%);
}
.unused-deals-box .unused-deals-row {
    height: auto;
    padding-bottom: 10px;
}

.unused-deals-box .expired, .expired  {
    left: -5px;
		font-size: 10px;
}
.unused-deals.unused-deals-box .unused-deals-row {
    flex-basis: calc(100% / 4 - 12px);
    max-width: calc(100% / 4 - 12px);
    margin-bottom: 16px;
    min-height: auto;
    padding: 15px;
}



	}


@media all and (max-width:900px){

.header-before-login ul li a {font-size: 16px;}
.header-before-login ul li {padding: 0 7px; font-size: 16px;}
.download-app {width:115px; height: 38px; line-height: 38px;}
.download-app a {font-size: 14px;}

}


@media all and (min-width:768px) {
.mobview{display: none;}
.game_change_box.game-box a { left: 8px; }

}


@media  (min-width:768px) and (max-width:991px) {

	.download-left img { max-width: 85%;text-align: left;padding-left: 0px;}
	.download-left {justify-content: left;}
}



@media all and (max-width:767px) {
.unused-deals-row p {
    font-size: 11px;
}
.page-wrapper {margin-top: 57px;}
.navigation-bar{display: none; position: absolute; top:54px; background: #fff; left: 0; width: 100%; max-height:80vh; overflow: auto;}
.header-before-login ul {width: 100%;}
.header-before-login ul li { display: inline-block; padding: 10px 15px; font-size: 15px; width: 100%; border-top: 1px solid #eeeeee;border-bottom: none; }
.header-before-login ul li:last-child{border-bottom:1px solid #f0f0f0; padding: 10px 0;}
.header-before-login ul li:last-child a {padding: 0 15px; }
.header-before-login ul li a {display: block;}
.header-before-login ul li a i {float: right;}

.help-page {     margin-top: 20px; }
.help-title {     font-size: 20px;     padding: 30px 0 13px; }

.product-details-page .exclusive-row { clear: both; height: auto; float: left; }
.sticker-social-icon { clear: both; height: auto; float: left; width: 100%; }

/* .main-header { width: 100%; background: #fff; padding: 5px 20px;} */
.main-header { width: 100%; background: #fff;}
.header-before-login ul li.more-nav{position:relative;}
.header-before-login ul li.more-nav.collapsed{padding: 10px 0px;}
.header-before-login ul li.more-nav.collapsed a{padding: 0 15px;}
.header-before-login ul li.more-nav.collapsed .sub-menu { padding:0px;}
.header-before-login ul li.more-nav.collapsed .sub-menu li{padding:14px 15px !important;}
.header-before-login ul li.more-nav.collapsed .sub-menu li a{padding: 0px;}
.sub-menu li{background: #f8f8f8;}
.sub-menu {position: relative;  right: 0; width: 100%; top: 10px; padding:0px; box-shadow: none;}
.sub-menu i {position: relative; right: 0; top: 0;}
.download-app {width: 96%; margin: 0 auto; display: table; margin-top: 20px; margin-bottom: 20px;}
.membership-popup-detail {width: 90%;}
.psw-popup-detail {width: 90%;}
.notify-popup-detail {     width: 90%; }

.page-wrapper.home-bg .page-container {     padding: 0 0px; }
.page-wrapper.home-bg footer#footer .page-container {
    padding: 23px 0 32px;
}

.refer-box > span {width: 100%; }
.refer-box p:after {left: 0;}
.refer-box > p {padding-top: 70px; }
.geting-ftr p {font-size: 12px;    line-height: 1.56; }
.refer-code {     width: 100%; }

.frgtrow {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;width: 100%;flex-wrap: nowrap;flex-direction: column-reverse; }


/*sign up css*/
.logo {width:100%; text-align:center; padding-bottom: 25px;}
.userfrm-img-right {display: none;}
.user-form-left{width:100%; padding: 40px;}
.user-form-left.logo a img {min-height: 50px;}
.userform-inner-sec {width: 100%; padding: 0;}
.card-like {padding: 0;}
.stepfrm1-inner {width: 100%;}
.stepfrm2-inner {width: 100%;}
.step .row { margin-right: -5px; margin-left: -5px; }
.stores-page-box {width: calc(50% - 14px);}
.search-bar { width: 100%; margin-top: 15px;}
.stores-top-bar h1 {font-size: 25px;}
.product-details-wrapper{padding:0;}


.frgtrow button {width: 100%;}
.frgtrow {  padding-bottom:10px;}
.methodlogin button.lgn-fb {width: 100%;    background-position: 8%;}
.userfrm-header h1 {font-size: 25px;}
.userfrm-header p {font-size: 15px; line-height: 1.4;}
.resetpsw-pg .frm-btn button {width: 100%;}
.prf-brth {width: 100%; margin-bottom: 15px;}
.prf-member {width: 100%;}
.prf-heading-top h2 {font-size: 25px;}
.save-btn {width: 100%;}
.left-fv-conct {  width: 100%; margin-bottom: 40px;}
.chng-psw {width: 100%;}
.product-img > img {height: auto;}

.date-location ul { display: block;}
.date-location li {width:100%; float: left;}
.redeem-this span {width: 100%;}

.stores-filter-midd { width: 95%;max-height: calc(100vh - 150px); overflow-y: auto; }
.notifications-row {padding: 12px 0;}
.notifications-top h1 {font-size: 25px;}
.notifications-top p {font-size: 14px;}
.notifications-selected a {font-size: 16px;}
.page-smlar-title h2 {font-size: 25px;}
.tellus-col {width: 100%; margin-bottom: 50px;}
.tellus-col:last-child{margin-bottom: 0;}
.tellus-col a{width: 100%;}
.tellus-col button {width: 100%;}
.tellus-col h3 {font-size: 16px; max-width: 255px;}
.tellus-col figure {margin-bottom: 15px;}
.date-location li i img { width: 18px;}
.mall-carpark-box {width: calc(50% - 16px); margin-bottom:20px;}
.mall-carpark-box img {width: 100%;}
.mall-carpark h1 {font-size: 25px;}
/*.notifications-row-right {vertical-align: top;}*/


.landing-page {height:auto; background-image: none !important;    margin-top: 57px}
.landing-page-caption {position: relative; transform: translate(0); top: 40px; left: 0; padding: 0px 20px;}
.landing-page-caption h1 {font-size: 30px; line-height: 1.20;}
.landing-page-caption p {font-size: 16px; line-height: 1.40;}
.account-btn a {font-size: 18px;}
.landing-page-footer {position: relative;  float: left;}
.mob-landing-page-image{width: 100%; float: left; padding: 25px; margin-top: 35px;}
.mob-landing-page-image img{width:100%;}
.landing-page-footer-right {float: left;}
.landing-page-footer-right a {margin-left:0px; margin-right: 15px; margin-top:15px;}
.landing-page-footer p {line-height: 17px;}


.mall-app-page {height:auto; background-image: none !important;}
.mall-app-caption {    position: static;     transform: translate(0);     top: 0;     left: 0;     padding: 40px 20px 0;}
.download-left {     display: none; }
.mall-app-page-image.mobview {     width: 100%; }
.mall-app-page-image.mobview img {     max-width: 100%; }


.mall-app-caption h1 {font-size: 30px; line-height: 1.20;}
.mall-app-caption p {font-size: 16px; line-height: 1.40;}
.mall-app-footer {position: relative;  float: left;}
.mob-mall-app-page-image{width: 100%; float: left; padding: 15px; margin-top: 35px;}
.mob-mall-app-page-image img{width:100%;}
.mall-app-footer-right {float: left;}
.mall-app-footer-right a {margin-left:0px; margin-right: 15px; margin-top:15px;}
.mall-app-footer p {line-height: 17px;}

.basic_card {width: 90%; max-width: 336px; height: 155px; top: 45px;}
.basic_card_info > p {font-size: 25px;}
.basic_card_info_row {font-size: 10px;}
.game_change_row {display: block;}
.game_change_page {  padding: 0; }
.game_change_row {display: block;}
.game_change_box {max-width: 100%; border-right: none; border-bottom: 20px solid #fff; padding: 15px 20px;    float: left;clear: both;   width: 100%;}

.game_change_box:last-child{border-bottom:none;}
.vouchers-box-row {  width: calc(50% - 16px); max-width: calc(50% - 16px);}
.unused-deals-row {max-width: calc(100% / 2);flex-basis: calc(100% / 2);}
.unused-deals.unused-deals-box .unused-deals-row {
    flex-basis: calc(100% / 2 - 12px);
    max-width: calc(100% / 2 - 12px);
		margin-bottom: 16px;
		min-height: auto;
		padding: 15px;
}

.game_change_box a {     position: relative;     margin: 0;     float: right;     top: 8px;     right: 0; }


.product-footer {padding-left: 15px; padding-right: 15px;}
.footer-right { width: 100%; float: left;}
.footer-right a {margin-left: 0px; float: left; margin-right: 12px; margin-top: 15px;}
.footer-left p {line-height: 16px;}
.wizard .wizard-header .steps {     position: relative;     top: 10px; }


.collapse_m_mall h2 {     font-size: 16px;     padding: 15px 0;     padding-right: 41px; }
span.collapse_plus {     top: 19px;  right:0;}
.collapse_content {     padding-right: 10px;     line-height: 1.6;     overflow-y: auto;}


/*****************homepage banner********/

/*.hero-banner {display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex;  -webkit-flex-direction: row-reverse;  -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between;   -webkit-align-items: center;  -ms-align-items: center; align-items: center; }

div#circle-custom-round {transform:translateY(0); }
.point-bnr-title {top: 0%;transform: translateY(0%); }*/
div#circle-custom-round {transform:translateY(11%); }
.mobile-banner-gold {height: 200px; }
.mobile-banner-basic{height: 200px; }
.mobile-banner-birthday{height: 200px; }
.mobile-banner-birthday-gold{height: 200px; }


.onboarding-sec { width: 95%; height: calc(100vh - 100px); overflow-y: auto; }
.tab-content {     height: calc(100vh - 296px); }
.popup_tab_wrap { width: 90%; min-height: calc(100vh - 150px); }


.purchase-listing li span { font-size: 16px; }
.purchase-wrapper .purchase-inner h5 { font-size: 14px; }
.wallet-status_card, .agreed-popup {width: 90%;}
.popup_tab_wrap_user { width: 90%;}
.product-detail-img-box:after { -webkit-box-shadow: inset 0px -45px 45px rgba(0,0,0, 1); -moz-box-shadow: inset 0px -45px 45px rgba(0,0,0, 1); box-shadow: inset 0px -45px 45px rgba(0,0,0, 1); }
.redeem-this { height: auto; padding-bottom:20px; }


.stp2-msg p:before { /*height: 45px;*/ }

.points_heading p { font-size: 13px; }
.points_heading code { right: 7px; top: 2px; }
.stores-description { min-height: 76px; }

.gold-page .point-bnr-title{display:none;}
.point-bnr-title.point-bnr-title-mobile{display:block;}
.point-bnr-title.point-bnr-title-mobile { display: block; top: 0%; transform: translateY(0%); float: left; padding: 15px 10px; width: 100%; margin: 0; }
.gold-page .hero-banner { float: left; width: 100%; }
.point-bnr-title.point-bnr-title-mobile strong { float: left; }
.point-bnr-title.point-bnr-title-mobile strong + strong { float: right; }
.cart-nxtbtn { width: 280px; }

#unused-vouchers .popup_heading { margin-bottom: 15px; }
#unused-vouchers .app-description span { padding-left: 13px; }
#unused-vouchers .wallet-status, .popup_tab_wrap_user, .popup_tab_wrap { padding-bottom: 20px; }
.purchase-wrapper .purchase-summery { margin: 20px auto; padding: 20px; width:90%; }


.profil-form-sec .trms-chck.cstmcheck { margin-top: 15px; }
.profil-form-sec button#save-changes { margin-top: 15px; }
.wallet-onboarding-popup-custom .onboarding-sec { width: 90%; }
.notifications-check { top: 50%; transform: translateY(-50%); }
a.more-nav i img { width: 24px; }
.header-before-login li a span { vertical-align: middle; line-height: 24px; }


/*******page not found****/

.page-not-found-box .page-not-found-image:after {     background-size: 70px; }
.page-not-found-box .page-not-found-image { font-size: 160px;}
.page-not-found-box .page-not-found-text {     font-size: 18px;     margin: 20px 0 10px 0;     color: #484848; }
.page-not-found-box .page-not-found-btn .download-app {     height: 45px;     line-height: 45px; }
/*******end of page not found****/

.mlt-timing li {
    padding: 10px 9px;
}

/** Result popup css start **/
.entris-result{max-height: none; overflow:hidden;}
.result-category-accord {max-height: 212px; overflow: auto;}



.unused-deals-row svg {
    display: none;
}
.unused-deals-row{
	background-image: url(../images/unused-bg.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

/********tab css**************/

.flash-deal-container-inner .product-row{
	width: 100%;
    padding-top: 0;
    padding-bottom: 12px;
    margin: 0;
}
.flash-deal-container-inner .product-row a{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.flash-deal-container-inner .product-row .product-img{
	width:120px;
}
.flash-deal-container-inner .product-row .product-img img{
	height:100%;
}
.flash-deal-container-inner .product-row .product-capcation{
	width:calc(100% - 120px);
	padding-top:0;
	padding-left:15px;
}
.m-price.flash-deal-spark {

    padding-top: 10px;
}
.m-price.flash-deal-spark p:after {
    top: 13px;
}
.flash-deal-strike {
    margin: 6px 0 0 0;
}
.m-price.flash-deal-spark p {
    padding-top: 5px;
}
/********end of tab css**************/
}



@media all and (max-width:600px) {
.user-form-left {padding: 40px 20px; }
.user-form-left.logo a img {min-height: 50px;}

.mall-carpark-box {width: 100%; margin-bottom:20px;}
.mall-carpark-box {margin: 0; margin-bottom: 20px;}

}

@media all and (max-width:500px) {

.product-title {font-size: 14px; padding: 11px 15px;}
.product-title h2 {line-height: 24px;}
.salling-fast {font-size: 15px;}
.out-of-stock {font-size: 15px;}
.m-points p {font-size: 15px;}
.istrtn_pw li { padding-right:18px; font-size: 12px;}

.cstmcheck .form-group label {font-size: 12px;}
.cstmcheck label a {font-size: 12px;}
.profil-form-sec .cstmcheck label a, .profil-form-sec .cstmcheck .form-group label {font-size: 15px;}

/*.main-logo a img {width: 40px;}*/
/* .main-logo a img {width: 60px; margin-top: 10px; min-height: 50px;} */
.main-logo {top:0px !important;}
.main-logo a img {width: 70px; min-height: 50px;}
.user-form-left.logo a img {min-height: 50px;}

.notifications-selected a {width: 48%; font-size: 15px;}
.notifications-selected a:first-child {margin-left: 0;}

.point-bnr-title {margin-left: 10px;}
.point-bnr-title strong {line-height: 25px; font-size: 19px;}

.unused-deals-row p {font-size: 12px;}
.unused_row a {font-size: 12px;}
.unused_heading {width: 50%;}
.unused_heading h3 {font-size: 14px;}
.vouchers-date-price p{font-size: 25px;}
.vouchers-date-price span {font-size: 11px;}
.vouchers-box-row { height: 110px;}


.mall-detail .mall-detail-right {white-space: nowrap;}

.gwp-stock-data .mlt-timing li { display: flex; align-items: center;}
.gwp-stock-data .mlt-timing li span{flex:1;}
.gwp-stock-data .mlt-timing li p{ flex: 1 0 0; justify-content: flex-end; display: flex;text-align: right;}


}

@media all and (max-width:400px) {
.istrtn_pw li { padding-right: 10px;}

.mall-app-caption h1 {font-size: 25px;}

.spclbirth_msg {
    font-size: 10px;
}

.user-form-left {
    padding: 40px 10px;
    min-height: 50px;
}

.landing-page-caption h1 {
    font-size: 24px;
}
.mall-detail-left h2 {font-size: 18px;}
.mall-detail-left span {line-height: 16px;}
.mall_accord .left-catdetail { padding-right: 7px;}

.unused-deals-row {
    background-image: url(../images/unused-bg-mobile.svg);
		padding: 14px;
}


.unused-deals-row {
    max-width: 100%;
    padding: 16px;
    padding-bottom: 0;
    padding-right: 20px;
}
.unused-deals-row {
    line-height: 1.2;
}
.unused-deals-row:nth-child(2n+2) {
    margin-right: 0;
}
.unused-deals-row:nth-child(2n+1) {
    margin-left: 0;
}
}


@media (min-width:768px) and (max-width:899px){

.header-before-login ul li { padding: 0 5px; }
.header-before-login ul li a { font-size: 14px; }
.header-before-login ul li a i { padding-left: 7px; }

}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.cstmcheck label a{font-size:13px;}
}

@media all and (max-width:320px) {

.unused-deals-row p {
    font-size: 10px;
}

.unused-deals-row span {
    font-size: 10px;
    color: #484848;
}
}

@media (width:320px) and (height:568px){

	.unused-deals .unused-deals-row {
    padding-top: 25px;
}

}

@media (width:375px) and (height:667px){

	.unused-deals .unused-deals-row {
    padding-top: 35px;
}

}

@media (width:414px) and (height:736px){

	.unused-deals .unused-deals-row {
    padding-top: 30px;
}

}

/*25-05-2020*/
@media (max-width: 767px){
	.member-msg p:before {
	    height: 115px;
	}
}
/*25-05-2020*/