@charset "utf-8";
/* CSS Document */
-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; /*zoom:1.0; */}
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

@media (max-width:360px) {
	.categoryInnerContainer .storeImageBox{width:50%;}
	.spclEvntPge .evntImgBx{width:100%; padding: 0 10px;}
}
@media (min-width: 360px) and (max-width:480px) {
	.categoryInnerContainer .storeImageBox{width:33.33%;}
	.spclEvntPge .evntImgBx{width:50%; padding: 0 10px;}
}
@media (max-width:480px) {
	.dealSubSec .dealDtlSec .buttonsWrapper .pricTab{padding: 0; width:100%; margin: 0px 0 15px; text-align: center;}
	.dealSubSec .dealDtlSec .buttonsWrapper .DealButton{width: 100%; padding: 0;}
	.footerNavigation{padding: 30px;}
	.footerNavigation .footerNav{display: block;}
	.contactScreen h1{font-size: 22px; padding: 0 20px;}
	.BlogBox img{width:100%; margin :0 auto 20px !important;}
	.BlogBox .blogDescr p, body{font-size: 14px;}
	.blogTile .blogCaption h1, .Blogs_Container h2, .BlogBox .blogDescr h1, .blogDetails .blogCaption h1, .customerReviews h3, .leaveComment h3{font-size: 18px;}
	.blogDetails .blogCaption h4, .blogDetails .contentDetails h2{font-size: 16px;}
	.blogTile .blogCaption h4{font-size: 14px;}
	.overlayWrapper .overlayContainer .closeOverlay i{margin:5px 0 0 0;}
	.allcategoriesScreen .cloumn2 .categoryName{font-size: 18px;}
	.allcategoriesScreen .column1{width: 25%;}
	.allcategoriesScreen .cloumn2{width:75%;}
	.allcategoriesScreen .cloumn2 .equalColumns{width:100%;}
	.popstores .storeImageBox{width:33.33%;}
	.categoryBoxWrapper .equalColumns{width:100%;}
	.eventScreen .storeLogWrapper .storeImageBox{width: 33.33%;}
	.storeIntroWrapper .storeDescription h1{font-size: 18px;}
	.topStoreSection .storeLogWrapper .storeImageBox{width: 50%;}

}
@media (min-width: 481px) and (max-width:640px) {
	.BlogBox img{width:60%;}
	.blogTile .blogCaption h1, .Blogs_Container h2, .BlogBox .blogDescr h1{font-size: 20px;}
	.blogTile .blogCaption h4{font-size: 16px;}
	.allcategoriesScreen .column1{width: 20%;}
	.allcategoriesScreen .cloumn2{width:80%;}
	.allcategoriesScreen .cloumn2 .equalColumns{width:50%;}
	.categoryInnerContainer .storeImageBox{width:25%;}
	.categoryBoxWrapper .equalColumns{width:50%;}
	.eventScreen .storeLogWrapper .storeImageBox{width: 22%;}
	.storeIntroWrapper .storeDescription h1{font-size: 20px;}
	.topStoreSection .storeLogWrapper .storeImageBox{width: 33.33%;}
}
@media (max-width:640px) {
	.blogDetails .contentDetails, .disTyp, .deskview{display: none;}
	.mobview{display: block; padding-bottom: 20px;}
	.mobview h1{color: #363636; margin-bottom: 10px; font-size: 20px;}
	.storeScreen .standardCouponBox .storeDesc .des_btn p{display: block; height: auto;}
	.featuredSection .ProductBox .offerDescr, .recentSection .ProductBox .offerDescr{height: auto;}
	.dealDetails .topdtlSec .dealDtlSec{min-height: auto;}
	.dealDetails .topdtlSec .buttonsWrapper{position: relative; left: 0; right: 0;}
	.dealSubSec .dealDtlSec{padding: 0;}
	.dealSubSec .prdImg{width: 100%; float: none; margin:0px auto 20px;}
	.dealSubSec .dealDtlSec{width: 100%; float: none;}
	.spclEvntPge .evntImgBx{padding: 0 5px;}
	.formWrapper .halfColumn{width:100%;}
	.standardCouponBox .logo_offer{float: none; margin:0 auto 20px; width:112px;}
	.standardCouponBox .storeDesc{width: 100%; padding: 0;}
	.standardCouponBox .storeDesc .des_btn .buttonsWrapper{clear:both; float: none; margin:10px auto;}

	.storeIntroWrapper .storeLogo{padding: 10px; width: 122px; margin:20px auto; float: none;}
	.storeIntroWrapper .storeDescription{padding: 0; width:auto; float: none; text-align: center;}
	.storeIntroWrapper .storeDescription .buttonBar{position: relative; /*width: 210px;*/ top: initial; right: initial; margin: 10px auto;}
	.featuredSection .ProductBox, .recentSection .ProductBox, .dealSection .ProductBox{width: 100%;}
	.sliderWrapper{display: none;}
	.mainWrapper{
		width: 100%;
		height: 100%;
	}
	.headerSection .navigationBar{
		position: fixed;
		right: -250px;
		width:250px;
		height: 100%;
		min-height: 500px;
		top: 0;
		-webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
		box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.15);
	}
	.menu{display: block;}
	.navigationBar .innerContainer{
		padding: 0;
	}
	.headerSection .navigationBar .socialWrapper{
		position: absolute;
		bottom: 20px;
		padding: 0 20px;
		display: block;
	}
	.navigationBar .socialWrapper span{
		display: block; float: none;
	}
	.socialWrapper .socialIcon{
		margin: 10px 10px 0 0;
	}
	.navigationBar .navLinks{
		display: block;
		float: none;
		clear: both;
		height: 45px;
		line-height: 45px;
	}
	.navigationBar .navEvent{
		float: none;
		margin:0px;
		padding: 0 10px;
	}
	.topBar{text-align: center;}
	.headerSection .topBar .logo{margin-bottom: 10px; width: 212px;}
	.searchPanel{width:280px; margin:8px auto; float: none;}
	.searchPanel input{width:250px;}
}
@media (min-width: 641px) and (max-width:720px) {
	.topStoreSection .storeLogWrapper .storeImageBox{width: 25%;}
	.sliderNavWrapper .sliderNav .navslides span{font-size: 14px;}
}
@media (min-width: 641px) and (max-width:760px) {
	.searchPanel{width:330px; margin-right: 0;}
	.searchPanel input{width:300px;}
}
@media (min-width: 641px) and (max-width:860px) {
	.categoryBoxWrapper .equalColumns{width:33.33%;}
	.storeIntroWrapper .storeDescription h1{font-size: 24px;}
}
@media (min-width: 641px) and (max-width:960px) {
	.categoryInnerContainer .storeImageBox{width:20%;}

	.allcategoriesScreen .column1{width: 10%;}
	.allcategoriesScreen .cloumn2{width:90%;}
	.allcategoriesScreen .cloumn2 .equalColumns{width:33.33%;}
	.popstores .storeImageBox{width:15%;}
	.eventScreen .storeLogWrapper .storeImageBox{width: 16%;}
	.storeIntroWrapper .storeLogo{padding: 10px; width: 122px; margin:0 20px 20px 0;}
	.storeIntroWrapper .storeDescription{padding: 0 20px; width:auto; float: none;}
	.storeIntroWrapper .storeDescription .buttonBar{position: relative; top: initial; right: initial; margin-top: 10px;}

	.featuredSection .ProductBox, .recentSection .ProductBox, .dealSection .ProductBox{width: 50%;}
}
@media (min-width: 720px) and (max-width:960px) {
	.BlogBox img{margin-right: 20px;}
}
@media (min-width: 720px) and (max-width:1030px) {
	.topStoreSection .storeLogWrapper .storeImageBox{width: 16.66%;}
}
@media (max-width:720px) {
	.BlogBox img{margin: 20px auto; float: none;}
	.BlogBox .blogDescr{text-align: center;}
	.standardCouponBox .storeDesc .des_btn p{width:100%; margin:10px 0 20px;}
	.breadCrumbs, .breadCrumb, .rdfa-breadcrumb, .breadcrumb.breadcrumbs{display: none !important;}
	.storeIntroWrapper, .allcategoriesScreen, .allwords,
	.eventScreen, .blogSlider_container, .blogDetails{margin-top: 30px;}
}
@media (min-width: 760px) and (max-width:960px) {
	.searchPanel{width:330px;}
	.searchPanel input{width:300px;}
}
@media (max-width:760px) {
	.socialWrapper{display: none;}
}
@media (max-width:780px) {
	.dealSubSec .dealDtlSec{min-height: auto;}
	.blogSlider .blogTile img{width:100%; float: none;}
	.blogSlider .blogTile .blogCaption{position: relative; top: initial; width: initial; right: initial; transform: translateY(0);}
}
@media (max-width:960px) {
	.formWrapper{padding:0 10px;}
	.BlogBox .blogDescr{padding: 10px;}
	.detailcolumn, .rightcolumn, .column_short, .column_wide{float: none; width:100%; padding: 0;}
	.detailcolumn{margin:0 0 20px;}
	.blogDetails .contentDetails{padding: 15px;}
	.customerReviews, .leaveComment{padding: 0 10px 10px;}
	.sidebarImage{display: none;}
	.allcategoriesScreen .column1 img{max-width: 74px; width: 100%;}
	.storeIntroWrapper .storeDescription .buttonBar{text-align: center;}
	.storeIntroWrapper .storeDescription .buttonBar a{margin:0 10px 0 0px; float: none; display: none; vertical-align: top;}

	.featuredSection, .recentSection{padding:20px 0;}
}
@media (min-width: 960px) and (max-width:1200px) {
	.popstores .storeImageBox, .categoryBoxWrapper .equalColumns{width:33.33%;}
	.dealSubSec .dealDtlSec{min-height: auto;}
}
@media (max-width: 1030px){
	.topStoreSection .storesNav nav{display: none;}
	.topStoreSection .storeLogWrapper{padding: 10px;}
}
@media (max-width: 1200px){
	.Blogs_Container .innerContainer{padding: 0 20px;}
	.innerContainer{padding: 0 20px;}
}