@media screen and (max-width: 1280px) {
	#container #pages .pages_content.redeem .body .lists{
		width: 95%;
	}
	#container #pages .pages_content.redeem .body .lists .item{
		width: 29%;
		margin: 2.15%;
	}

}

@media screen and (max-width: 1024px) {
	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #000;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #000;
	   opacity:  1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #000;
	   opacity:  1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #000;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #000;
	}
	#container.member_info #left-nav.inactive .load-section.show {
		opacity: 0;
		height: 0;
		padding-top: 0;
	}
	
	#mobileWhiteBg {
		background-color: rgba(255, 255, 255, 0.8);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 70px;
		-webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		transition: all .5s ease-out;
	}
	#container.member_login #left-nav.inactive .load-section{
		height: 0;
		padding-top: 0;
	}
	#container.member_info #left-nav.inactive, #container.member_info #left-nav.inactive #mobileWhiteBg, #container.subpage #left-nav.inactive, #container.subpage #left-nav.inactive #mobileWhiteBg {
		/* width: 100%; */
		height: 0;
	}
	#left-nav.login-open #mobileWhiteBg {
		width: 50%;
	}
	#container #left-nav .left-nav-footer .lang-bar, #container #left-nav .left-nav-footer .social-media {
		margin-left: 0;
	}
	#container #main #header .site-logo {
		opacity: 0;
	}
	#container #left-nav .top .site-logo{
		width: 30%;
		max-width: 100px;
		min-width: 100px;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-left:;
	}
	#container #left-nav .nav-bar{
		/* float: left; */
		/* left: 0; */
		/* opacity: 0; */
		/* position: absolute; */
		/* visibility: hidden; */
		/* z-index: 1; */
		/* -webkit-transition: all .25s ease; */
		/* -moz-transition: all .25s ease; */
		/* -ms-transition: all .25s ease; */
		/* -o-transition: all .25s ease; */
		/* transition: all .25s ease; */
	}
	#container #left-nav .nav-bar.open{
		opacity: 1;
		top: 50px;
		visibility: visible;
	}
	#container #left-nav .top{
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
		padding-left: 0;
	}
	#container #main .content-box #status{
		width: 50%;
		/* height: 100%; */
		/* z-index: 99; */
		left: -50%;
	}
	#mobile-left-nav-groupLogo {
		width: 140px;
	}
	#container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin {
		visibility: visible;
		opacity: 1;
	}
	#container #main #header .site-logo{
		max-width: 176px;
		top: 26px;
		/* transition-delay: .5s; */
		width: 45%;
		margin-right: 10px;
	}
	#container.member_info #main .content-box #status {
		width: 100%;
		left: 0;
		height: 50px;
		z-index: 99999;
	}

	#container.member_info #mNav, #container.subpage #mNav {
		display: block;
		width: 30px;
		height: 20px;
		position: absolute;
		top: 0;
		left: 15px;
		bottom: 0;
		margin: auto 0;
		cursor: pointer;
	}

	#mNav>span {
		width: 30px;
		height: 2px;
		display: block;
		background: #000;
		position: absolute;
		left: 0;
		top: 10px;
		margin-bottom: 10px;
		transition: all 0.3s;
		transform: rotate(0deg);
	}

	#left-nav.inactive #mNav>span.mNavtop {
		transform: translateY(-9px);
		-ms-transform: translateY(-9px);
		-webkit-transform: translateY(-9px);
		-moz-opacity: translateY(-9px);
	}
	
	#left-nav.inactive #mNav>span.mNavmiddle {
		background-color: #000;
	}
	#left-nav.inactive #mNav>span.mNavbottom {
		transform: translateY(9px);
		-ms-transform: translateY(9px);
		-webkit-transform: translateY(9px);
		-moz-opacity: translateY(9px);
		margin-bottom: 0;
	}
	#left-nav #mNav>span.mNavtop {
		transform: rotate(-45deg) translateY(0px);
		-ms-transform: rotate(-45deg) translateY(0px);
		-webkit-transform: rotate(-45deg) translateY(0px);
		-moz-opacity: rotate(-45deg) translateY(0px);
	}
	#left-nav #mNav>span.mNavbottom {
		transform: rotate(45deg) translateY(0px);
		-ms-transform: rotate(45deg) translateY(0px);
		-webkit-transform: rotate(45deg) translateY(0px);
		-moz-opacity: rotate(45deg) translateY(0px);
	}
	#left-nav #mNav>span.mNavmiddle {
		background: rgba(255, 255, 255, 0); 
	}
	
	.mobile-group-logo{
		visibility: visible;
		opacity: 1;
		right: 10px;
		position: relative;
		max-width: 176px;
		top: 26px;
		transition-delay: .5s;
		width: 100px;
		left: 0;
	}
	#container.member_info #left-nav .left-nav-footer .mobile-group-logo{
		left: 24px;
	}
	#container #main{
		width: 100%;
		margin-left: 0;
	}
	#container #main.signup-open{
		width: 100%;
		margin-left: 0;
		opacity: 0.5;
	}
	#container #main .content-box #pages{
		width: 100%;
		margin-left: 0;
	}
	#container.mNavOpen #left-nav{
		background-color: rgba(255, 255, 255, 0.6);
	}
	#container #left-nav {
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		/* background-color: transparent; */
	}
	#container #left-nav.signup-open{
		width: 100%;
	}
	#container #left-nav.login-open{
		width: 100%;
	}
	#container #left-nav.login-open .join-our-club .table-desc .wrapper .btn-signup {
		margin-bottom: 17px;
	}
	#container #left-nav.login-open .join-our-club .table-desc .wrapper .btn-navLogin{
		display: none;
	}
	#container #main.login-open .content-box #status{
		left: 50%;
		width: 50%;
		z-index: 99999;
		background-color: rgba(0,0,0, 0.8);
	}
	#container #status .member-login{
		margin: 90px 15px 0;
	}
	#main.login-open #memberLoginCloseBtn{
		display: block;
	}
	#container #left-nav .join-our-club .table-desc .wrapper .btn-signup, #container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin{
		display: block;
	}
	#container #left-nav .join-our-club .title{
		text-align: left;
	}
	#container #left-nav .join-our-club .table-desc .wrapper .sub-title{
		text-align: left;
	}
	#container #left-nav .join-our-club .table-desc .wrapper{
		margin: 0;
		/* min-height: 300px; */
		width: 90%;
	}
	#container #left-nav .join-our-club{
		margin-left: 7%;
		width: 93%;
		-webkit-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		transition: all .5s ease-out;
	}
	#container #left-nav .signup .form-box .input-group.selectionbox {
		width: 200px;
	}

	#container #left-nav .signup .form-box .agreement .txt {
		width: calc(100% - 34px);
	}
	#container #left-nav.login-open .join-our-club{
		width: 42%;
	}
	#status.info #pullDown {
		position: absolute;
		width: 20px;
		height: 20px;
		/* background-color: yellow; */
		right: 10px;
		top: 14px;
		cursor: pointer;
		background-image: url(./../img/arrow.png);
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transition: all .5s ease-out;
		-ms-transition: all .5s ease-out;
		-moz-transition: all .5s ease-out;
		-o-transition: all .5s ease-out;
		transition: all .5s ease-out;
		transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		background-size: 100%;
	}
	#status.info.fullinfo #pullDown {
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
	}
	#container #status.info #helloTxt, #container #status.info #nameTxt {
		display: inline-block;
		margin-bottom: 0px;
		line-height: 30px;
		/* float: left; */
	}
	#status.info .otherInfo {
		display: none;
	}

	#container #status .member-info{
		margin: 10px;
		height: 30px;
		text-align: left;
	}
	#container #status.info #helloTxt {
		margin-right: 15px;
	}

	#container #status .member-info .title, #container #status .member-info .name {
		display: inline-block;
		margin-bottom: 0;
	}
	#container #main .content-box #status.fullinfo {
		height: 100%;
	}

	#container #main .content-box #status.fullinfo .otherInfo {
		display: block;
		text-align: center;
		padding-top: 30px;
	}
	/* Redeem */
	#container #pages .pages_content.redeem {
		padding-top: 60px;
	}

	#container #pages .pages_content.redeem .body>.title {
		padding-left: 0;
		text-align: center;
	}

	#container #pages .pages_content.redeem .body .nav {
		width: 100%;
		min-width: initial;
		margin: 0;
	}
	#container #pages .pages_content.redeem .body .lists{
		width: 75%;
	}
	#lightbox{
		width: 100%;
		left: 0;
	}
}

@media screen and (min-width: 1234px) {
	#container #pages .pages_content.redeem .body .lists {/* max-width: 840px; */} 
}

@media screen and (max-width: 800px) {
	#container #pages .pages_content.redeem .body .lists{
		width: 95%;
	}
}
@media screen and (max-width: 768px) {
	#container #pages .my_account .content .list_box .acc_list{
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	#container #pages .my_account .content .list_box{
		height: auto;
	}
	#container #pages .my_account .content .list_box .acc_list .none .none-box {
		position: relative;
		top: 0;
		left: 0;
		transform: auto;
		transform: initial;
		width: 100%;
	}
	#container #status .member-info .title{
		font-size: 13px;
	}
	#container #status .member-info .name{
		font-size: 17px;
	}
	#container #pages .pages_content{
		padding: 188px 22px 22px;
	}
	#container #pages .pages_content .body {
		padding: 22px;
	}
}

@media screen and (max-width: 640px) {
	#container #left-nav .join-our-club .table-desc .wrapper .desc {
		margin-bottom: 30px;
	}

	#container #left-nav .join-our-club .table-desc .wrapper .btn-signup {
		margin-bottom: 10px;
	}

	#container #left-nav .left-nav-footer .social-media {
		margin-bottom: 0;
	}

	#container #left-nav .join-our-club .table-desc .wrapper .nav .item:last-child {
		margin-bottom: 0;
	}

	#container #left-nav .join-our-club .table-desc .wrapper .sub-title {
		margin-bottom: 15px;
	}

	#container #left-nav .join-our-club .table-desc {
		height: auto;
		margin-bottom: 20px;
	}

	#container #left-nav .join-our-club .table-desc .wrapper {
		min-height: 250px;
	}

	a.mobile-group-logo {
		top: 10px;
		/* width: 80px; */
	}
	#mobile-left-nav-groupLogo{
		width: 95%;
	}
	#container.member_login #left-nav .load-section{
		padding-top: 20px;
	}
	#container #left-nav .load-section{
		height: calc(100% - 15px);
	}
	#container #left-nav .join-our-club{
		margin-left: 5%;
	}

	#container #pages .pages_content.redeem .body .nav .item {
		padding: 10px 20px;
		font-size: 15px;
	}
	#container #pages .pages_content.redeem .body .lists{
		padding-top: 30px;
	}
	#container #pages .pages_content.redeem .body .lists .item{
		width: 45%;
		margin: 2.5%;
	}
	#container #pages .pages_content .body.faqs .lists .group .item .answer {
		padding-right: 0;
		font-size: 13px;
	}
	#container #pages .pages_content .body.faqs .open-answer, #container #pages .pages_content .body.faqs .lists .group.show .item {
		width: 95%;
		display: block;
	}
	#lightbox .redemption.alert-box{
		padding: 22px 14px;
		width: 80%;
	}
	#lightbox .redemption.alert-box .body, #lightbox .contact_us.alert-box .body, #lightbox .change_password.alert-box .body{
		margin: 20px 0;
		font-size: 14px;
	}
	#container.member_info #left-nav .nav-bar .table-desc {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 580px) {
	#container #left-nav .top .site-logo {
		min-width: 80px;
		width: 19%;
	}
	#container #main {
		padding-top: 60px;
	}
	#container #main #header{
		height: 60px;
	}
	#mobileWhiteBg {
		top: 60px;
	}
	#container #pages .pages_content .body.faqs .icon_msg{
		margin-right: 10px;
		width: 28px;
	}
	#container #pages .pages_content .body.faqs .title{
		width: calc(100% - 48px);
		font-size: 15px;
	}
	#container #pages .pages_content .body.faqs .lists .group .title{
		font-size: 13px;
	}
	#lightbox .redemption .body .img {/* margin-bottom: 34px; */width: 150px;height: 150px;margin: 0 auto;margin-bottom: 34px;}
	#lightbox .redemption .body .col-2{
		width: 100%;
	}
	#lightbox .redemption .body .col-2 .wrapper{
		left:0;
		right: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 480px) {
	#container #pages .pages_content .body.contact-us .lists .group .col-2.name{
		margin-bottom: 30px;
	}
	#container #pages .pages_content .body.contact-us .lists .group .col-2{
		width: 90%;
	}
	#container #pages .pages_content.redeem .body .nav .item {
		padding: 10px 7px;
		/* font-size: 15px; */
	}
	#container #pages .pages_content{
		padding: 188px 12px 12px;
	}
	#container #pages .pages_content .body{
		padding: 22px 22px;
	}
	#container #pages .pages_content.redeem .body .lists .item{
		width: 200px;
		margin: 2.5%;
	}
	#container #pages .pages_content.redeem .body .lists{
		text-align: center;
	}
	#lightbox .forget_password, #lightbox .change_password{
		padding: 30px 20px;
	}
	#lightbox .forget_password>.title .icon, #lightbox .change_password>.title .icon{
		width: 31px;
		height: 26px;
	}
	#lightbox .forget_password>.title, #lightbox .change_password>.title{
		font-size: 16px;
		padding-left: 38px;
	}
}
@media screen and (max-width: 400px) {
	#container #pages .pages_content.redeem .body .nav .item {
		font-size: 13px; 
	}
}