@media only screen and (min-width: 601px) {
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 40px;
		line-height: 40px;
	}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 111px;
	}
	.top-bg {
		background-color: #1d1a1a;
		border-bottom: 1px solid #927363;
		box-shadow: none;
	}
}



@media only screen and (max-width: 1600px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 270px;}
}


@media only screen and (max-width: 1500px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 250px;}
}

@media only screen and (max-width: 1440px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 250px;}
}
@media only screen and (max-width: 1400px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 250px;}
}


@media only screen and (max-width: 1366px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 230px;}
}

@media only screen and (max-width: 1280px) {
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 220px;}
}


@media only screen and (max-width: 1275px) {
	.modalredeem {
    	max-height: 78%;
	}
	nav ul a {
		padding: 0 10px;  
	}
	nav .brand-logo img {
		/*width: 200px;*/
	}
	
	.nav-mt-23 {
		margin-top: 13px;
	}
	.login_btn.nav-mt-23 {
		margin-top: 26px;
	}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 111px;
	}
	.breadcrumb {
		margin-top: 111px;
	}
	.fh5co-nav {
		margin-top: 0px;
	}
	.social-container  .width-20 img{ height: 220px;}
}

@media only screen and (max-width: 1200px) {
	.store_txt {
		font-size: 17px;
		font-weight: 400;
	}
	.social-container  .width-20 img{ height: 180px;}
}
@media only screen and (min-width: 1024px) {
.fh5co-nav ul{ margin-top: 0px; }
}

@media only screen and (max-width: 1024px) {
	.stay_mail {
		white-space: normal;
	}
	.store_txt {
		font-size: 17px;
		font-weight: 400;
	}
	.shop-wrap {
		height: 489px;
	}
	#index-banner {
		padding-top: 85px;
	}
	.menu_product .col.s12.m3.mtop20 {
		width: 33%;
	}
	.storepic {
		width: 50%;
		max-height: none;
	}
	.store-det {
		width: 40%;
	}
	.store-map {
		width: 100%;
	}
	.profile_wrapper .storelocatorWrap .grid .grid-item {
		width: 50%;
	}
	.ddm-last {
		margin-left: 0px !important;
	}
	.social-container .width-20 { width:20% !important;}
	.social-container  .width-20 img{ height: 152px;}
}

@media only screen and (max-width: 1023px) {
	.fh5co-nav ul li span {
		display: block;
	}
	#fh5co-offcanvas ul li span {
		position: absolute;
		top: 15px;
		color: #fff;
		z-index: 9999;
		right: 20px;
		display: block;
}
	nav .brand-logo img {
		width: 180px;
	}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
		height: 88px;
	}.breadcrumb {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 980px) {
	.shop-wrap {
		height: 468px;
	}
	.inner_wrap {
		text-align: center;
	}
	nav a.button-collapse i {
		line-height: 80px;
	}
	.side-nav .nav-mt-23 {
		margin-top: 0px;
	}
	.side-nav {
		background-color: #0e0d0d;
	}
	.side-nav li a {
		color: #ebebeb;
		font-weight: 600;
		font-size: 1rem;
	}
	.side-nav li.login_btn {
		width: 80%;
		margin-left: 32px;
		top: 0px;
		margin-top: 10px;
		color: #b89d64;
		width: -webkit-calc(100% - 64px);
		width: -moz-calc(100% - 64px);
		width: calc(100% - 64px)
	}
	.side-nav li.login_btn a {
		color: #b89d64;
		text-align: center;
	}
	.side-nav li.login_btn a:hover {
		background-color: #b89d64;
		color: #fff;
	}
	.side-nav li.login_btn a i {
		display: inline-block;
		float: none;
		margin: 0px;
		width: 10px;
		color: #b89d64;
	}
	.side-nav li.login_btn a:hover i {
		color: #fff;
	}
	nav {
		background-color: #1d1a1a;
	}
	.tweet_wrap {
		width: 25% !important;
	}
	.quick_wrap {
		width: 17% !important;
	}
	.touch_wrap {
		width: 23% !important;
	}
	.footer-feedback {
		padding-right: 15px !important;
		width: 32% !important;
	}
	.side-nav li.active:after {
		display: none;
	}
	.side-nav li:hover:after {
		display: none;
	}
	.side-nav li:hover a {
		background-color: transparent;
		color: #b89d64;
	}
	.top-bg.fix-header .brand-logo {
		margin-top: 20px;
	}
	.storepic {
		width: 100%;
	}
	.store-det {
		width: 100%;
	}
	.store-map {
		width: 100%;
	}
	.storepic {
		position: relative;
	}
	.storepic img {
		width: 100%;
		height: auto;
	}
	.store-det {
		position: static
	}
	.modal{ overflow-y:auto }
	.enterpin input[type="text"], .enterpin input[type="password"]{ margin-right:8px; }
}
@media only screen and (max-width: 992px) {
nav .brand-logo {
    left: 0;
    -webkit-transform: translateX(-0%);
    transform: translateX(0%);
    position: relative;
}
	.lan{margin: 12px 30px 0 0;}
}
@media only screen and (max-width: 960px) {
	.profile_wrapper .feedback {
		padding-left: 0px;
	}
	.member_sign {
		display: inline-block;
		margin-top: 80px;
		width: 40%;
	}
	.member_wrap h1 {
		font-size: 50px;
	}
	.user_detail-wrap ul li a.locator span {
		padding-right: 60px;
	}
	.user_detail-wrap ul li a.zone span {
		padding-right: 60px;
	}
	.locator-icn {
		position: absolute !important;
		top: 23px;
		right: 20px;
	}
}

@media only screen and (max-width: 850px) {
	.member_wrap h1 {
		margin-top: 0px;
	}
	.store_txt {
		font-size: 15px;
		font-weight: 400;
	}
	.store_txt {
		padding: 0 15px;
	}
	.shop-wrap {
		height: 383px;
	}
	.menu_txt {
		font-size: 25px;
	}
	.profile_wrapper .myprofileWrap .col.m3.s12 {
		width: 100%;
	}
	.profilepic {
		overflow: hidden;
		position: relative;
		border-radius: 50%;
		width: 80%;
		max-width: 230px;
		margin: 40px auto;
	}
	.profile_wrapper .myprofileWrap .col.m9.s12 {
		width: 100%;
	}
	.offerUserLeft {
		width: 100%;
	}
	.offerUserRight {
		width: 100%;
		margin-top: 20px;
		float: left;
		display: inline-block;
	}
	.howitworks {
		text-align: left;
	}
	.offersGroup .col.s12.m3.mtop20 {
		width: 33%;
	}
	
	.social-container .width-20 { width:50% !important;}
	.social-container  .width-20 img{ height: 370px;}
}

@media only screen and (max-width: 768px) {
	.shop-wrap {
		height: 368px;
	}
	.width-20 {
		width: 50% !important;
	}
	.social-container .width-20 { width:50% !important;}
	.social-container  .width-20 img{ height: 335px;}
}

@media only screen and (max-width: 740px) {
.shop-wrap {
	height: 351px;
}
.tweet_wrap {
	width: 100% !important;
	text-align: center;
	margin-bottom: 25px;
}
.quick_wrap {
	width: 100% !important;
	text-align: center;
	margin-bottom: 25px;
}
.touch_wrap {
	width: 100% !important;
	text-align: center;
}
.footer-feedback {
	width: 100% !important;
	text-align: center;
	margin-bottom: 25px;
}
.page-footer h5 {
	margin-bottom: 15px;
}
.footer-copyright div {
	width: 100%;
	text-align: center;
}
.quick_wrap ul {
	margin: 0px;
}
.carousel-fixed-item .right a img, .carousel-fixed-item .left a img {
	height: 30px;
}
.profile_wrapper .myprofileWrap .col.m9.s12 {
	margin-top: 30px;
}
	

	.social-container .width-20 { width:50% !important;}
    .social-container  .width-20 img{ height: 310px;}
}

@media only screen and (max-width: 735px) {
.shop-wrap {
	height: 322px;
}
.width-50 {
	width: 100%;
	position: static;
}
.width-33 {
	width: 100%;
	position: static;
}
.width-17 {
	width: 100%;
	position: static;
}
.w_66 {
	width: 100%;
}
.w_33 {
	width: 100%;
}
.store-long-txt {
	position: static !important;
}
.shop-wrap ul li.item div {
	position: static;
}
.outer_50 {
	height: auto;
}
.outer_33 {
	height: auto;
}
.outer_66 {
	height: auto
}
.t-50 {
	position: static !important;
}
.store_txt {
	position: absolute;
}
.store-bg-light {
	min-height: 150px;
	position: relative !important;
}
.store-bg-dark {
	position: relative !important;
}
.shop-wrap ul li.m-mrg-10 {
	margin-top: -10px;
}
.m_w-100 {
	width: 100%;
}
.blank_block {
	display: none;
}
.xs-50 {
	width: 50%;
	display: inline-block;
	float: left;
}
.mx-320 {
	max-height: 317px;
}
.store_txt {
	font-size: 30px;
	font-weight: 300;
	padding: 0px 20px;
}
.menu_product .col.s12.m3.mtop20 {
	width: 50%;
}
.menusel ul li a {
	display: inline-block;
	color: #333;
	padding: 7px 20px;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	font-weight: 500;
}
.breadcrumb {
	padding: 15px 0px;
}
.breadcrumb-left .heading-txt::after {
	display: none;
}
.breadcrumb-left .heading-txt {
	font-size: 24px;
	font-weight: 400;
	color: #b89d64;
	padding-right: 0;
	display: block;
	float: left;
	position: relative;
	margin-right: 0;
	text-align: center;
	width: 100%;
}
.breadcrumb-left .small_txt {
	margin-top: 0px;
	font-size: 16px;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}
.breadcrumb-left, .breadcrumb-right {
	width: 100% !important;
}
.profile_wrapper .member_wrap h1 {
	font-size: 40px;
}
.offersGroup .col.s12.m3.mtop20 {
	width: 50%;
}
	
	
}


@media only screen and (max-width: 667px) {
	.social-container .width-20 { width:50% !important;}
	.social-container  .width-20 img{ height: 287px;}
}

@media only screen and (max-width: 640px) {
/*
	.social-container .width-20 { width:50% !important;}
	.social-container  .width-20 img{ height: 255px;}
*/
}

@media only screen and (max-width: 600px) {
.width-20 {
	width: 50% !important
}
.banner-main {
	max-width: 80%;
}
.page-wrapper h1 {
	font-size: 30px;
	line-height: 34px;
}
.page-wrapper {
	padding-top: 45px;
}
.page-wrapper.store_section {
	padding-top: 107px;
}
.page-wrapper.dark-bg {
	padding-top: 45px;
	padding-bottom: 20px;
}
.page-wrapper.dark-bg h1 {
	margin-bottom: 30px;
	font-size: 25px;
}
.page-wrapper.dark-bg h1 i {
	font-size: 35px;
}
.gap_50 {
	height: 30px;
}
.banner-main {
	width: 80%;
}
.menu_content {
	width: 100% !important;
	height: auto !important;
	min-height: 150px !important;
}
.profile_wrapper .myprofileWrap {
	margin-bottom: 30px;
}
.profile_wrapper .member_sign {
	margin-top: 40px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	height: 90px;
	width: auto;
	margin-bottom: 40px;
}
.profile_wrapper .myprofileWrap {
	margin-bottom: 30px;
}
.offerUserpane ul li {
	width: 100%;
	margin-bottom: 10px
}
}
.profile_wrapper .profilepic {
	width: 230px;
	margin: 40px auto;
}
.profile_wrapper .member_wrap .heading-bar {
	position: static;
}
.profile_wrapper .member_wrap h1 {
	text-align: center;
}

/*.profile_wrapper .member_sign{ margin-top: 40px; -webkit-transform: rotate(90deg);
    transform: rotate(90deg);    height: 90px;
    width: auto;
    margin-bottom: 40px;}
}*/




@media only screen and (max-width: 600px) {
	.social-container .width-20 { width:50% !important;}
	.social-container  .width-20 img{ height: 255px;}
}



@media only screen and (max-width: 575px) {
	.store_txt {
		font-size: 22px;
		font-weight: 300;
	}
	.menu_product .col.s12.m3.mtop20 {
		width: 100%;
	}
	.profile_wrapper .storelocatorWrap .grid .grid-item {
		width: 100%;
	}
	.offersGroup .col.s12.m3.mtop20 {
		width: 100%;
	}
	.social-container .width-20 { width:50% !important; }
	.social-container  .width-20 img{ height: 217px;}
	.lan label{display:none;}
}

@media only screen and (max-width: 480px) {
	.social-container .width-20 { width:100% !important; }
	.social-container  .width-20 img{ height: 418px;}
	
}
@media only screen and (max-width: 479px) {
	.social-container .width-20 { width:100% !important; }
	.social-container  .width-20 img{ height: 428px;}
}
@media only screen and (max-width: 420px) {
	.store_txt {
		font-size: 15px;
		font-weight: 300 !important;
	}
	.button-collapse {
		padding: 0px;
		margin: 0px !important;
	}
	.userinfo ul li {
		width: 100%;
		font-size: 24px;
	}
	.userinfo ul li:nth-child(2) {
		padding: 10px 0;
		margin: 10px 0;
		border-left: 0px solid #cfcfcf;
		border-right: 0px solid #cfcfcf;
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
	}
	.userinfo ul li:nth-child(3) {
		width: 100%;
	}
	.modalredeem .itempic {
		float: none;
		margin: 0 auto;
	}.item-det{ width: 100%; }
	.modal.modalredeem{ width: 92%; }
	.social-container  .width-20 img{ height: 325px;}
	.lan {
    margin: 0px 0px 0 0;
    position: absolute;
    top: -16px;
    right: 0px;
}
.lan a {
    
    font-size:10px;
}
}

@media only screen and (max-width: 360px) {
	.item-det{ width: 100%; }	
	.lan label{display: none;}
	.lan select{margin:5px 10px 0 5px}

}

@media only screen and (max-width: 320px) {
	.item-det{ width: 100%; }
	.social-container .width-20 { width:100% !important;}
}