﻿/* menu,button,2 column, height:136px, nonscalable */
@media (max-width: 2143px) { 
.wrapper,.wrapper2, .map, .as_seen_on, .footer_tool, .as_seen_on:after, .footer_tool:before, .copyright{ width:1200px}
.stores_box, .history_box, .three_columns, .banner{ width:100%}
.stores_box li, .history_box li{ width:20%}
.hs8, .hs9, .hs10, .hs11{ display:none}
.seasonal_wrap{ width:608px} 
.seasonal_stores li{ width:25%}
.seasonal_stores .stores_discounts, .seasonal_promolist li{ width:100%} 
.three_columns li, .banner li, .stores_box .stores_discounts{ width:50%} 
.comment_list li{ width:inherit}
.discounts li{ width:16.666%}
.foot_stores_list li{ width:18%}
.aside_list li{width:50%;margin-right: 0;}
.long_tag_list li{
	width:33.333%;
	margin-right:0;
}
.topic_columns li{ width:25%}
.back_to_top{ display:none}
.merchant_key .gray{ display:none}
.column .merchant_key .gray{ display:inline-block;}
#responsive{ width:2143px }
.promo_content .deal_icon, .promo_content .coupon_icon{ display:none}
.container-main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.site-breadcrumbs{margin-top:10px;}
}

@media (max-width: 1526px) {
.back_to_top .wrapper{ width:100%}	
.to_top_icon{ right:44px; margin-right:0}	
}

/* menu, no button,2 column, height:136px, nonscalable  */
@media (max-width: 1256px){
#header .slogan{ font-size:1.25em; margin-top:26px}
#default #header .slogan{ font-size:40px; margin-left:-225px;  margin-top:15px}
.search_wrapper{ width:380px}
#default .search_wrapper{ width:500px; margin-right:-250px}
.wrapper,.wrapper2, .wrapper3, .map, .as_seen_on, .footer_tool, .as_seen_on:after, .footer_tool:before, .copyright{ width:896px}
.stores_box, .history_box, .three_columns, .banner{ width:100%}
.stores_box li, .history_box li{ width:16.666%} 
.hs7, .hs6, .ss4{ display:none}
.love, .loved{ opacity:1}
.seasonal_wrap{ width:456px} 
.seasonal_stores li{ width:33.333%} 
.seasonal_banner{ width:440px}
.discounts li.store_data, .promo_wrapper_banner .promo_content:after, .promo_wrapper_banner .promo_content:before{ display:none}

.promo_content{ padding-right:3.5em}
.promo_content .deal_icon, .promo_content .coupon_icon{display: none;}
.time_success{ padding-right:0}

.merchant_page .offer_none_test1 .go_btn{ display:block; right:1em}
.merchant_page .offer_none_test1 .hidden{ display:none;}
.merchant_page .offer_none_test1 .promo_content{ padding-right:8em}
.merchant_page .promo_content .deal_icon, .merchant_page .promo_content .coupon_icon{ display:none}

.discounts{ overflow:hidden}
.discounts li{ width:24%}
.discounts.infor li:nth-child(3){ display:none}
.discounts li.merchant_tab{ width:52%}
.coupon_detail, .form_wrapper{ margin-right:16px; width:auto}
.printable_container .coupon_detail{ max-width:720px}
.coupon_detail_pop .coupon_detail{ max-width:575px}
.coupon_detail_pop .closed_btn{ right:16px}
.banner .after_subscribe, .three_columns .after_subscribe{ top:3.5em}
.three_columns .after_subscribe p{ font-size:0.875em}
.banner article .img_banner{ background-size: auto 100%}
.promo_wrapper_banner .promo_content{ padding-left:9.5em}
.topic_img img{ max-width:400px}
.foot_stores_list li{ width:23%}
.aside_list li{width:50%;}
.long_tag_list li{width:33.333%;}
.public_media{ font-size:0.9em}
.footer_tool{ font-size:0.8em}
.map .m2 li { width:48%}
.topic_columns li{ width:33.333%}
.topic_img img{ max-width:400px}
.static_wrapper{ padding:3em 6.75em}
.coupon_p_filter .filer_btn{ display:block}
.coupon_p_filter .filter_lists{ max-height:2.5em; overflow:hidden; background-color:rgba(224,224,224,0.92)}
.coupon_p_filter .filter_lists.show{ max-height:1000px; overflow:inherit}
#responsive{ width:1256px}
}
/* menu, no button,2 column, height:136px, scalable */
@media (max-width: 1079px){ 
.breadcrumbs .breadcrumbs_item .b_item span{ max-width:0; padding:0}
.breadcrumbs .breadcrumbs_item .b_item:before, .breadcrumbs .breadcrumbs_item .b_item:after{ left:50%; margin-left:-6px}
.breadcrumbs .breadcrumbs_item .b_item.active:before{ margin-left:-1px}
.breadcrumbs .breadcrumbs_item .b_item.active:after{ margin-left:-11px}
.breadcrumbs .breadcrumbs_item.last .b_item span{ padding:0 16px; max-width:200px} 
.breadcrumbs .breadcrumbs_item.last .b_item:before, .breadcrumbs .breadcrumbs_item.last .b_item:after{ left:16px; margin-left:inherit}
.breadcrumbs .breadcrumbs_item.last .b_item.active:before{ margin-left:inherit; left:19px}
.breadcrumbs .breadcrumbs_item.last .b_item.active:after{ margin-left:inherit; left:9px}
#header .slogan{ font-size:0; opacity:0}
#default #header .slogan { font-size:30px; margin-left:-150px; margin-top:20px; opacity:1}
#default .search_wrapper {  margin-right:-220px; width:400px}
.search_wrapper, .search_wrapper.focused{ width:400px}
.search_default li a{ padding:0 1.125em}
.wrapper, .map, .right_filter{ width:auto; margin-left:16px}
.wrapper2, .wrapper3, .map, .see_more, .static_wrapper, .right_filter, .top_title{ width:auto; margin-right:16px}
.h_free_shipping .title{ padding-right:4em}
.static_wrapper{ padding:2em 3em}
#verify_container .static_wrapper{ margin-right:0}
.footer_wrapper{ padding:1.25em 16px 0 16px}
.as_seen_on, .footer_tool, .as_seen_on:after, .footer_tool:before, .copyright{ width:100%; margin-left:0; margin-right:0}
.stores_box, .history_box, .three_columns, .banner{ width:100%}
.stores_box .color, .history_box .history_item, .stores, .rotatey{ margin-right:16px; width:auto}
.tips_signin{ width:90%; width:-webkit-calc(100% - 16px); width: -moz-calc(100% - 16px); width: calc(100% - 16px)}
.seasonal_wrap{ width:50%; margin-right:0} 
.seasonal_banner{ margin-right:16px; width:47.5%; width: -webkit-calc(50% - 16px); width: -moz-calc(50% - 16px); width:calc(50% - 16px); font-size:1em;}
.seasonal_banner img{ width:100%; height:auto}
.promo_wrapper_banner .offer{ display:none}
.coupon_detail_pop .coupon_detail{ width:80%}
.coupon_detail_pop .closed_btn{ right:0}
.wrapper2 .title{ margin:0 1.125em}
.shopping_tips, .foot_stores_list{ padding-left:1.75em; padding-right:1.75em}
.foot_stores_list li, .stores_list a{ width:31.333%; margin-right:2%}
.aside_list li{width:50%;margin-right:0;}
.footer_tool{ padding:0}
.footer_tool li{ width:50%; border-right:none; position:relative; padding:0.8em 0}
.footer_tool li.one:after, .footer_tool li.three:after{ content:""; position:absolute; width:0; height:3.85em; top:0.8em; right:0; border-right:1px solid rgba(0,0,0,0.12)}
.footer_tool li.one, .footer_tool li.two{ border-bottom:1px solid rgba(0,0,0,0.12)}
.footer_tool .social li{ padding:0; height:2.25em; width:25% }
.m2{ display:none}
.m1{ width:50%; margin-bottom:1em} 
.stores_ads ul li{ width:33.333%}
.copyright p{ font-size:1em}
#verify_container, .printable_container{ width:auto; margin:0 100px}
.toppic_banner{ max-width:inherit; margin-right:16px}
.toppic_banner img{ width:100%}
.topic_wrapper{height:100%;}
.add_alert_stores{ width:592px; margin-left:-296px}
.backtoschool_banner{ max-width:inherit; margin-right:16px}
.add_alert_stores{ width:auto; margin:0; left:16px; right:16px}
.add_alert_style{left: 0;right: 0;margin: 15px 16px 15px 0;}
#responsive{ width:1079px}
.product_box{ margin-right:16px;}
}
@media (max-width: 1023px){ 
.label{display: none;}
}
@media (max-width: 927px ) and (min-width: 769px){ 
.fun_description .color_button{ display:none}
.banner .newsletter_wrap, .three_columns .newsletter_wrap, .three_columns .couponalert_wrap{ font-size:0.9em; padding-left:6.5em}
.three_columns .coupon_detail .couponalert_wrap{ padding:0}
.newsletter_wrap i, .couponalert_wrap i{ width:80px; font-size:3.5em}
.coupon_detail .couponalert_wrap i{ width:112px}
.banner .after_subscribe, .three_columns .bottom_form,  .three_columns .after_subscribe{ width:auto; width: -webkit-calc(100% - 7.5em); width: -moz-calc(100% - 7.5em); width: calc(100% - 7.5em)}
.c_coupons p a{ font-size:0.95em; line-height:1.3}
.history_item.color .title{ font-size:1.75em}
.discounts li{ width:33%}
.discounts.infor li{ width:25%}
.discounts.infor li.merchant_tab{ width:75%}
.discounts.infor li:nth-child(2){ display:none}
.merchant_btn{ font-size:0.9em}
.merchant_btn li a{ font-weight:400}
}
/* merchant page right filter css*/
@media (max-width: 819px){
.mer_p_filter .filer_btn{ display:block}
.mer_p_filter .filter_lists{ max-height:2.5em; overflow:hidden; background-color:rgba(224,224,224,0.92)}
.mer_p_filter .filter_lists.show{ max-height:1000px; overflow:inherit}
}

/* menu, button, 1 column, height:136px, scalable */
@media (max-width: 768px){
.breadcrumbs .breadcrumbs_item, .breadcrumbs .breadcrumbs_item.last .b_item:before, .breadcrumbs .breadcrumbs_item.last .b_item:after{ display:none}
.breadcrumbs .breadcrumbs_item.last .b_item{ padding-left:0}
.breadcrumbs .breadcrumbs_item.last ul li a{ padding:0 16px}
.breadcrumbs .breadcrumbs_item.last .b_item span{ max-width:224px}
.breadcrumbs .breadcrumbs_item.last, .breadcrumbs .breadcrumbs_item.prev { display:inline-block}
.breadcrumbs .breadcrumbs_item.prev .b_item:before{ -moz-transform:rotate(120deg); -ms-transform:rotate(120deg); -o-transform:rotate(120deg); -webkit-transform:rotate(120deg); transform:rotate(120deg)}
.breadcrumbs .breadcrumbs_item.prev .b_item:after{ -moz-transform:rotate(-120deg); -ms-transform:rotate(-120deg); -o-transform:rotate(-120deg); -webkit-transform:rotate(-120deg); transform:rotate(-120deg)}
.breadcrumbs .breadcrumbs_item.prev .b_item.active:before, .breadcrumbs .breadcrumbs_item.prev .b_item.active:after{ -moz-transform:rotate(150deg); -ms-transform:rotate(150deg); -o-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg)}
.breadcrumbs .breadcrumbs_item.prev .b_item.active:after{ -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg)}
.search_wrapper .search_icon{ display:inline-block}	
.search_wrapper, .search_wrapper .search_icon{ overflow:hidden; width:56px}
.search_wrapper form{ opacity:0}
.search_wrapper.focused{ top:56px; width:100%; right:0; border-top:1px solid rgba(0,0,0,0.12); box-shadow: 0px 3px 8px rgba(0,0,0,0.39)}
.search_input input:focus ~ .placeholder, .logo_wrapper .coun_flag{ display:none}		
.stores_box li, .history_box li, .stores_list a, .stores_ads ul li{ width:33.333%}
.seasonal_banner{ width:auto; margin-right:16px; display:none}
.seasonal_wrap{ width:100%}
.form_wrapper{ padding:1.25em}
.coupon_detail{ padding:1.25em 1.25em 0 1.25em}
.code_wrap, .deal_wrap{ width:100%; margin-top:25px}
.mer_coupon_content, .coupon_detail .couponalert_wrap, .coupon_d_similar{ margin: 0 -1.25em}
.coupon_detail .couponalert_wrap_tips{ margin:0}
.app_banner{ margin:-1.25em -1.25em 1.25em -1.25em}
.tools{ margin:0 -1.25em -1.25em -1.25em; padding: 16px;}
.tools_test{ margin:0 -1.25em -1.25em -1.25em; padding: 8px 16px;}
.banner article .img_banner{ background-size:100% auto}
.three_columns li, .banner li, .stores_box .stores_discounts{ width:100%}
.c_coupons p a{ font-size:0.95em; line-height:1.3}
.discounts li{ width:16%}
.discounts.infor li:nth-child(3){ display:inherit}
.discounts li.store_data{ display:inline-block}
.discounts li.merchant_tab{ width:50%}
.merchant_btn li{ width:3em; overflow:hidden; white-space:nowrap}
.merchant_btn li a{ padding:0; width:100%; }
.merchant_btn li i{ width:100%; margin-right:0; text-align:center}
.foot_stores_list li{ width:45%; margin-right:5% }
.public_media{ font-size:0.75em}
.footer_tool{ font-size:0.6em }
.copyright p{ text-align:left}
.couponalert_pop_up{ width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: calc(100% - 32px); margin-left:16px;}
#verify_container, .printable_container{ width:auto; margin:0 16px}
.faq li{ width:100%; margin-right:0}
.mer_select{ width:100%}
.mer_select .left, .mer_select .right{ width:auto; float:none; box-shadow:none; border:none} 
.mer_select .left{ border-bottom:1px solid #d0d0d0}
.left ul, .left ul li, ul.select_result{ width:auto}
.public_media span{ font-size:2.5em}
#feedback_box{ margin-right:16px; width:85%; width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px)}
#feedback_box.feedback_pop, .tips_container{ left:16px; margin-left:0; margin-right:0; width:auto; box-sizing:border-box; right:16px}
.topic_banner{ max-width:inherit; margin-right:16px}
.topic_columns li{ width:50%}
.back_to_top{ display:block}
#responsive{ width:768px}
/*community css */
.community_wrapper{ width:96.666%; width: -webkit-calc(100% - 16px); width: -moz-calc(100% - 16px); width: calc(100% - 16px)}
#share_coupon_form input#coupon_img_text, #coupon_img_text{width: calc(100% - 3em); margin:0}
.spacing{left:42%}
.location{left:44.5%}
.contributions_box button{margin-right:1.8em}
.activity_process ul li .text_composition{margin-left:10%}
.time_success span.votenums{
		display: none;
	}
.btm-btn{display: none;}	
.gomct-link{right:10px;}
}
/*show button*/
@media (max-width: 768px) and (min-width: 545px){
.stores_box li, .history_box li, .seasonal_stores li, .couponalert_wrapper .stores_lists li{ width:25%}
.hs7, .hs6, .ss4, .go_btn, .promo_wrapper_banner .offer, .promo_content .more{ display:inherit}
.time_success{ padding-right:20px}
.discounts li{ width:16%}
.promo_content{ padding-right:7.625em}
.promo_content .deal_icon, .promo_content .coupon_icon{ display:none}
}
@media (max-width: 750px ){
.c_explanation i, .c_explanation_c i{ font-size:0.5em}
.c_explanation_c li{ width:90%; width:-webkit-calc(100% - 2.625em); width: -moz-calc(100% - 2.625em); width: calc(100% - 2.625em); height:13.5em; margin-top:-1px}
.c_explanation_c .ex_c{ height:9.5em}
.c_explanation_c p.title, .c_explanation_c p.title.last{ min-height:inherit; font-size:1.75em}
.c_explanation li .tips_wrapper{ width:100px; box-shadow:0 0 30px rgba(0,0,0,0.4); left:50%; margin-left:-65px; top:7.875em}
.contributions_box button{margin-right:1.35em;}
.jump_bottom .history_item{font-size:0.875em}
.work{ display:none}
.work_succeedrate{ width:100%; margin:0; left:0}
.succeedrate{ width:100%; text-align:center}

}
@media (max-width: 600px ) and (min-width: 545px){ 
.discounts li{ width:24%}
.discounts.infor li:nth-child(3){ display:none}
.discounts li.store_data{ display:none}
.stores_list a{ width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.aboutus_icon{ font-size:0.875em}
.history_item.color .title{ font-size:1.8em}
/*community css */
.cost_num{ display:none}
.shared_savings .promo_content{ padding-right:6.875em}
.contributions_box button{margin-right:0.85em}
}
@media (max-width: 600px ){
.facebook_wrapper .title{ line-height:1.2; float:inherit; margin-bottom:8px}
}
@media (max-width: 645px ) and (min-width: 545px){ 
.banner article .img_banner{ background-size:auto 100%}
.save_box .save_box_item{ width:100%; padding:0!important}
}

/* menu, no button,1 column, height:100px, scalable */
@media (max-width: 544px){
body{ min-width:305px; font-size:0.8em; overflow-x:hidden}
.logo_wrapper{ font-size:1.25em} 
.breadcrumbs .next, .breadcrumbs .breadcrumbs_item.prev, .feedback_help, .feedback_icon, .help_icon, .topic_sidebar{ display:none}
.breadcrumbs .breadcrumbs_item.last .b_item:before, .breadcrumbs .breadcrumbs_item.last .b_item:after{ display:inline-block}
.breadcrumbs .breadcrumbs_item.last .b_item{ padding-left:24px}
.breadcrumbs .breadcrumbs_item.last ul li a{ padding:0 40px}
.breadcrumbs .breadcrumbs_item.last .b_item span{ max-width:200px}
.stores_box{ height:116px}
.couponalert_wrapper .stores_lists li{ width:33.333%}
.couponalert_wrapper .stores_lists .add{line-height:100px}
.couponalert_wrapper .stores_lists li{ height:100px}
.has_img{ min-height:120px}
.stores_box li, .history_box li, .h_free_shipping .white_bg, .h_category, .stores_box .color, .history_box .history_item, .stores, .promo_wrapper, .discounts, .three_columns .color, .rotatey{ height:100px}
.jump_bottom ul li, .jump_bottom .history_item{ height:36px}
.stores_box li .add{line-height:100px}
.merchant_wrap .merchant_logo, .merchant_wrap .stores, .category_wrap .h_category{ width:100px; height:100px}
.tips_signin{ top:114px}
.merchant_wrap, .category_wrap{ padding-left:9em}
.history_item.color .title{ font-size:1.9em}
.h_category i { margin:1em 0 0.375em}
.sp_label span, .fb_label span, .cm_label span{ top:-78px}
.promo_content{ padding-top:1.5em; padding-right:3.5em; padding-left:8em}
.merchant_page .promo_content{ padding-left:1em}
.promo_wrapper .promo_title{ height:50px}
.promo_wrapper p{ height:50px; line-height:1.125em}
.promo_wrapper.offer_none_test1 .promo_content{ padding-top:1.25em}
.promo_wrapper.offer_none_test1 .promo_title h3{ height:58px}
.promo_wrapper.offer_none_test1 .promo_title{ height:58px}
.promo_wrapper.offer_none_test1 .time_success{ margin-top:0}
.merchant_page .promo_show_all .promo_content { height:100px}
.promo_show_all{ height:auto}
.promo_content .deal_icon,.promo_content .coupon_icon{ top:22px} 

.offer{ margin-top:0.5em; margin-right:1em}
.discounts .offer{ margin:1.7em auto}
.discounts .offer:hover{ margin:1.3em auto}
.merchant_information{ padding-top:1.7em; height:6.15em; padding-left:8em}
.couponcodes:after, .printablecoupon:after, .deals:after{ width:70px}
.c_coupons p a{ font-size:1.2em; line-height:1.3}
.more_topic_img{ width:100px}
.img_logo{ width:100px; height:100px}
.news_img{ width:100px}
.newsletter_wrap i, .couponalert_wrap i{ line-height:100px; width:90px!important}
.coupon_detail .couponalert_wrap_tips i{ width:70px!important}
.banner article .img_banner{ background-size: auto 125%}
.m1,.stores_list a{ width:48%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.page{ width:80%}
.to_top_icon{ right:16px}
.c_coupons p a{ font-size:1.2em; line-height:1.3}
.mode{ display:none}
.ranked{ width:2.5em}
.ranked span{ font-size:1.75em; font-weight:400; width:0.625em; overflow:hidden; display: inline-block; letter-spacing:1px; margin-left:-5px}
.filter_lists .right_space{ width:4.375em !important}
.all_categories .history_box.less{ max-height:114px}
.topic_wrapper{ height:100%}
.save_box .save_box_item{ width:100%; padding:0!important}
.holiday_c_alert, .newsletter_wrapper .title{ width:100%; margin-right:0}
.unsubscribe_pop .radio_box{margin-top:0.25em}
.merchant_key .gray{ display:block; float:left; margin:2px 5px 0 0}
.couponalert_wrap input{ line-height:1em; padding-left:0.65em!important}
#responsive{ width:544px}
}
@media(max-width:740px){
	.offer-anchor{
		display: none;
	}
	.offer-content{
		padding-left:20px;
	}
	.offer-logo .offer-anchor{
		display: inline-block;
	}
	#main_content ul.three_columns li[data-block="coupon"] .promo_content{
		padding-left:20px;
	}
	.column .white-block{
		padding:10px;
	}
	#main_content ul.three_columns li[data-block="coupon"] .promo_content{
		padding-bottom: 46px;
		padding-right:20px;
	}
	.go_btn{
		bottom:12px;
		top:initial;
		-webkittransform:none;
		-moz-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.cse-wrapper{
		min-height: 140px;
	}
	.csetxt-wrapper{
		padding-right:12px;
	}
	.cse-logo-wrapper{
		width:6em;
	}
	
}
@media (max-width: 645px ){
	.deal-wrapper .product-imgwrapper{width:180px;}
	.txt-wrapper{width:calc(100% - 190px);}
}
@media (max-width: 544px){
	.side-alert .newsletter_wrap i, .side-alert .couponalert_wrap i{
		width:auto!important;
	}
	.site-img{
		width:100px;
	}

}
@media (max-width:480px ){
	.product-wrapper .left-img{width:30%;min-height: initial;}
	.product-wrapper .right-txt{width:68%;}
	.right-txt .post-time{margin-top:4px;}
}
@media (max-width:460px ){
	.deal-wrapper .product-imgwrapper{width:140px;}
	.txt-wrapper{width:calc(100% - 150px);}
}
@media (max-width:460px ){
.promo_wrapper_banner .offer{ display:none}
.succeedrate{top: 6em;}
.share_box a, .share_box span{margin-right: 0.1em;font-size: 0.875em;}
.social a, .side_function i {width: 20px;height: 20px;display: inline-block;border-radius: 50%;font-size: 0.875em;color: rgba(0,0,0,0.26);line-height: 20px;text-align: center;z-index: 1;}
.discounts.infor li:nth-child(3){ display:none}
.discounts li.store_data{ display:none}
.banner article .img_banner{ background-size: auto 100%}
.fun_description .color_button, .mobile_app span{ display:none}
.newsletter_wrap, .couponalert_wrap{ font-size:0.9em; padding-left:6.5em}
.newsletter_wrap i, .couponalert_wrap i{ width:64px!important; font-size:3.5em!important}
.newsletter_wrap .bottom_form, .couponalert_wrap .bottom_form, .after_subscribe{ width:auto; width: -webkit-calc(100% - 7.5em); width: -moz-calc(100% - 7.5em); width: calc(100% - 7.5em)}
.coupon_detail .couponalert_wrap_tips .after_subscribe{ margin-bottom:16px}
.c_coupons p a{ font-size:0.95em; line-height:1.3}
.public_media span{ font-size:2em }
.stores_ads ul li{ width:50%}
.cd_banner i{ font-size:0.8em; right:2.25em}
.cd_banner{ padding-right:9.25em}
.topic_element{ padding-left:0}
.topic_element .s_logo{ height:32px; width:100%; top:-32px; background-color:transparent }
.topic_element .s_logo img, .topic_element .s_logo .img_mask{ display:none}
.topic_element .s_logo .store_name{ height:32px; box-sizing:border-box; padding:0 1em; max-height:100%; opacity:1; width:100%}
.topic_element .s_logo .store_name p{ line-height:32px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.unsubscribe_pop .unsubscribe_share .social{ width:100%}
.promo_content .deal_icon, .promo_content .coupon_icon{display: none;}
.merchant_page .offer_none_test1 .go_btn{
	display: none;
}
.go_btn{
	display: none;
}
.container-main{padding:0 8px;}
#main_content ul.three_columns li[data-block="coupon"] .promo_content{
	padding-bottom: 0;
}
#main_content ul.three_columns .ctg-deal-list li[data-block="coupon"] .promo_content{padding-bottom: 0;padding-left:8em;}
.three_columns li, .banner li{
	margin-bottom: 8px;
}
}

@media (max-width: 375px ){ 
.breadcrumbs .breadcrumbs_item.last{ display:none}
.breadcrumbs .breadcrumbs_item:nth-last-child(2){ display:inline-block} 
.breadcrumbs .breadcrumbs_item.last .b_item span{ max-width:0; padding:0}
.breadcrumbs .breadcrumbs_item.last .b_item.active:before, .breadcrumbs .breadcrumbs_item.last .b_item:before{ -moz-transform:rotate(150deg); -ms-transform:rotate(150deg); -o-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg); margin-top:0; left:50%; margin-left:-1px}
.breadcrumbs .breadcrumbs_item.last .b_item.active:after, .breadcrumbs .breadcrumbs_item.last .b_item:after{ -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); -webkit-transform:rotate(30deg); transform:rotate(30deg); margin-top:0; left:50%; margin-left:-11px}
.breadcrumbs ul li a, .breadcrumbs .breadcrumbs_item.last ul li a{ padding:0 1.25em}
.coupon_detail_pop .coupon_detail{ width:auto; margin:16px}
.search_wrapper, .search_wrapper .search_icon{ width:36px}
.logo_wrapper{ width:14.375em; font-size:1em}
.logo_wrapper .logo_icon{ height:2.563em; width:1.563em; left:1em; top:11px}
.color_header .logo_wrapper .logo_icon, .static_header .logo_wrapper .logo_icon { height:41px; left:7px; top:8px; width:25px}
.logo_wrapper .logo_promo { height:1.25em; left:2.625em; top:28px; width:5.75em; background-size:5.75em 2.813em}
.logo_wrapper .logo_pro{ background-position:0 -1.563em; height:1.25em; left:8.375em; top:28px; width:3.125em; background-size:5.75em 2.813em}
.logo_wrapper .suffix{ left:18.375em; top:28px;}
.color_header .logo_wrapper .suffix, .static_header .logo_wrapper .suffix{ font-size:0.625em}
.discounts li{ width:33.33%}
.discounts.infor li{ width:25%}
.stores_list a{ width:100%; margin:0 0 1em 0}
.discounts.infor li.merchant_tab{ width:75%}
.discounts.infor li:nth-child(2){ display:none}
.aboutus_icon{ font-size:0.875em}
.cost_num{ display:none}
}
/* UI button test */
@media (max-width: 1256px){
.merchant_page .offer_none_test1 .promo_content {padding-right:0;}

}
@media (max-width: 544px){
    .promo_wrapper{height:120px;}
    .topic_wrapper{height:100%;}
}
@media (max-width: 768px) and (min-width: 545px){
	.promo_content {padding-right: 1.25em;
	}
}
@media (min-width: 2143px) {
	.promo_content .deal_icon, .promo_content .coupon_icon{ display:none}
 }
/* newsite test */
@media (max-width: 2143px){
	.column .wrapper{
		width:100%;
	}
	.column .white-block{
		width:auto;
	}
	.column .three_columns,.banner{
		width:100%;
	}
	.three_columns li,.banner li{
		width:100%;
	}
}
@media (max-width: 1256px){
	.wrapper, .wrapper2{
		width:100%;
	}
	.column .stores_box li, .column .history_box li{
		width:25%;
	}
}
@media (max-width: 1256px) and (min-width: 960px){
	.column .logo_wrapper{
		margin-left:20px;
	}
}
@media (max-width: 960px){
	.column #main_content.main{
		width:100%;
		padding:0;
	}
	.anchor-section{display: none;}
	.side-alert{display: none;}
	.column aside{
		float:none;
		width:100%;
		padding-top:20px;
	}
	.related-stores .store-wrapper{
		width:23%;
		margin:8px 1%;
	}
	.store-list a:nth-child(2n) {
    float: none;
	}
	.store-list{
		font-size:0;
		max-height: initial;
	}
	.aside_list li{
		width: 31.333%;
	}
	.related-stores .load-more{
		display: none!important;
	}
	#main_content .wrapper:first-of-type.merchant_key{
		margin-top:20px;
	}
	.deal-wrapper .product-imgwrapper{
		width:280px;
	}
	.txt-wrapper{
		width:calc(100% - 310px);
	}
	.wrapper{margin-left:0;}
	.promo_wrapper{margin-right:0;}
	.resp-menu{display: block;}
	header .header-menu{
		position: absolute;
		top:100%;
		left:0;
		background: #fff;
		border-radius: 2px;
		display: none;
	}
	.header-menu li{
		display: block;
	}
	header .header-menu .menu-item{
		color:#333;

	}
	.sub-menu-wrapper{
		top:0;
		left:100%;
	}
	.menu-item i{
		transform:rotate(-90deg);
	}
	.header-menu li:hover{
		background:#eaeaea;
	}
	.header-menu.show{
    display: block;
    box-shadow:0px 7px 21px rgba(0,0,0,0.42);
}
.fix-width{
	max-width: 320px;
}
}

@media (min-width: 830px){
	.search_input:-moz-placeholder { 
    color: #ccc;  
}

.search_input::-moz-placeholder { 
    color: #ccc;
}

.search_input input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

.search_input input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}
.color_header .search_wrapper form{
	opacity: 1;
}	
.color_header .search_wrapper .search_icon{
	display: none;
}
.color_header .strech{
    width:360px;
    display: inline-block;
    border:0;
    border-radius: 2px;
    right:20px;
}
.strech .search_input{
    height:44px;
    margin-top:5px;
    border-radius: 2px;

}
.strech form{
    height: auto;
}

.color_header .search_wrapper input[type="text"]{
    height:100%;
    box-sizing: border-box;
    width:100%;
    background:#fff;
    border-radius: 2px;
    padding:4px 66px 4px 10px;
    color:#666;
}

.color_header .search_wrapper button{
    background:#ff9700;
    line-height: 44px;
}
.c_green .search_input .bar, .c_green .search_input .highlight{
    background:#ff9700;
    top:7px;
}
.color_header .strech button{
    height:44px;
}
}
@media (min-width: 1120px){
	.color_header .strech{
    width:380px;
}
}

@media(max-width:320px){
	.deal-wrapper .product-imgwrapper{width:100%;}
	.txt-wrapper{width:100%;}
	.txt-wrapper h3{margin-top:16px;}
}
@media (max-width: 1386px){
	.color_header .strech{width:300px;}
	
}
@media (width: 1024px){
	.color_header .strech{width:240px;}
	.header-menu li{padding:8px 10px;}
	.nav-hol img{width:30px;height: 30px;}
}
@media (width: 768px){
	.holiday-768 {display: inline-block;}
}