/* 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:1216px}
.stores_box li, .history_box li{ width:12.5%}
.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%}
.topic_columns li{ width:25%}
.back_to_top{ display:none}
.merchant_key .gray{ display:none}
#responsive{ width:2143px }
.promo_content .deal_icon, .promo_content .coupon_icon{ display:none}
#hstores .stores_box li{width:10%;}

}

@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:912px}
.stores_box li, .history_box li{ width:16.666%} 
#hstores .stores_box li{width:16.6%;}
#hstores .stores_box li .stores{width:90%;}
.hs7, .hs6, .ss4{ display:none}
.love, .loved{ opacity:1}
.seasonal_wrap{ width:456px} 
.seasonal_stores li{ width:33.333%} 
.seasonal_banner{ width:440px}
.go_btn, .discounts li.store_data, .promo_wrapper_banner .promo_content:after, .promo_wrapper_banner .promo_content:before, .promo_content .more{ display:none}
.promo_content{ padding-right:3.5em}
.promo_content .deal_icon, .promo_content .coupon_icon{display: block;}
.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}
.description{ width:87.8%; width: -webkit-calc(100% - 56px); width: -moz-calc(100% - 56px); width: calc(100% - 56px) }
.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}
.banner .after_subscribe p, .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%}
.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%}
.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, .banner .couponalert_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 .bottom_form,  .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%}
}
/*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%}
#hstores .stores_box li{width:20%;}
.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, .banner article, .rotatey{ height:100px}
.jump_bottom ul li, .jump_bottom .history_item{ height:36px}
.stores_box li .add{line-height:100px}
#hstores .stores_box li{width:25%;}
.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 p{ 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} 
.description{ width:85%; width: -webkit-calc(100% - 56px); width: -moz-calc(100% - 56px); width: calc(100% - 56px) }
.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: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%}
}

@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}
 }
 @media (max-width: 375px) {
    .search_wrapper .search_icon{
        height: inherit;
    }
}
.topic_columns li,.topic_columns li *{box-sizing:border-box;}
.topic_content,.topic_content *{box-sizing:border-box;}
.topic_content a{padding:10%;height:100%;overflow:hidden;display: block;max-width: 100%;max-height: 100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.topic_content img{max-height: 100%;max-width: 100%;width:auto;}
.topic_content{height:200px;}
.topic_element{padding:10px}
.topic_title{padding:0;height:40px;}
.topic_title h3{font-weight:600;height:40px;color:#333;}
.topic-mername{font-size:14px;color:#666;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.topic-btn{display:inline-block;width:100%;padding:10px 0;background:#000;color:#fff;text-align:center;font-size:16px;font-weight:600;border-radius:3px;margin:6px 0;text-transform:uppercase}
.topic-terms{font-size:14px;padding:4px 0}
.topic-terms a{float:right;font-weight:500}
.topic-terms span{font-weight:500}
.wrapper .topic-h1{color:#333;font-weight: 600;margin-bottom: 20px;}
.topic-s-logo{display: none;}
.tag_topic{padding-bottom: 40px;}

    @media (max-width: 680px){
      .topic_content{height: 120px;padding:0;}
      .topic-terms,.topic-btn{display: none;}
    }
    @media (max-width: 460px){
      .topic-s-logo{display: block;}
      .topic-mername{display: none;}
      .topic_element{min-height: initial;}
    }
@media (max-width:414px){ 
.topic_content a{padding:0;}
.topic_title{height: 45px;}
.topic_title h3{height: 45px;}
}