/*** mobile + tablet ***/
.nondesktop-show { display: none !important; }
.device-mobile .desktop-show { display: none !important; }
.device-mobile .nondesktop-show { display: block !important; }

/*** width of banner width ***/
@media (max-width: 1532px) {
	#debug-responsive { background: red; }
	.promoitem { height: 448px; background-size: auto 100%; }
	.promowide-secondary .promoitem { background-size: 100% auto; }
	
}
@media (max-width: 1382px) {
	#debug-responsive { background: black; }
	
	#pagebanner-hiw { background-size: auto 100%; }
	
	#user-block .userpoints .tooltip .tooltip-inner { left: auto; right: 0; }
}
@media (max-width: 1344px) {
	/*.home-sections .owl-nav, #box-offers.with-carousel .owl-nav { display: none !important; }*/
}
/*** width on full screen ***/
@media (max-width: 1276px) {
	#debug-responsive { background: orange; }

	#page-merchant.with-banner #merchant-single #leftcol { top: -350px; }
	
	/*** user block ***/
	#user-block .usertitle span.username { display: block; font-size: 13px; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
}

/*** LG -> MD ***/
@media (max-width: 1200px) {
	#debug-responsive { background: lime; }

	#logo { top: 22px; }
	#logo a > img { width: 450px; }
	
	#page-merchant #box-merchant-recommended .merch-list .merch-wrapper:nth-of-type(n+4) { display: none; }
	
	/*** hiw ***/
	.hiw-step { padding: 20px 15px; }
	.hiw-step .hiw-step-title { font-size: 22px; }

	/*** campaign: panels ***/
	.panel-merchant .merch-summary { padding-left: 15px; }
	
}
@media (max-width: 1155px) {
	#debug-responsive { background: blue; }

	#logo { top: 24px; }
	#logo a > img { width: 350px; }

	/*** user block ***/
	#user-block .usertitle span.username { max-width: 160px; }

	.promowide-secondary .promomerch-cnt { height: 300px; }

	#page-merchant.with-banner #merchant-single #leftcol { top: -320px;}
	#merchant-single #leftcol { width: 35%; }
	#merchant-single .rightcol, #box-merchant-recommended { margin-left: 37%; width: 63%; }

	/*** campaign: panels ***/
	.panel-item { padding-bottom: 1px; }
	.panel-merchant { padding: 30px 20px 25px; text-align: center; }
	.panel-item .panel-description { font-size: 13px; }
	.panel-merchant .merch-banner { margin-left: auto; margin-right: auto; padding: 0 0 15px; float: none; }
	.panel-merchant .merch-summary { padding: 0; margin-left: 0; text-align: center; }

	.footer-nav { float: none; text-align: center; margin-bottom: 10px; }
	.footer-nav a { margin-right: 20px; }
	.copyright { float: none; text-align: center; margin-bottom: 20px; width: auto; }
}



@media (max-width: 1055px) {
	#debug-responsive { background: green; }

	/*** search ***/
	#header-triggers, #search-trigger { display: block; }
	#header #search-wrapper, #search-close { display: none; }
	#header-triggers { position: relative; padding-top: 7px; }
	#header-triggers:before { position: absolute; top: 20px; left: 0; display: block; width: 1px; height: 36px; background: var(--BORDER_COLOR); content:""; }
	#search-trigger { color: var(--BLUE_COLOR); }
	
	#search-wrapper { width: 100%; }
	#search-wrapper .navbar-form { padding: 8px 0; }
	#search-wrapper .navbar-form input { height: 32px; font-size: 14px; }
	#search-wrapper .navbar-form label em { line-height: 32px; }
	#search-wrapper .navbar-form label { font-size: 15px; }
	#search-wrapper .navbar-form button, #search-wrapper .navbar-form button em { font: 16px; height: 32px; line-height: 32px; }
	#search-wrapper .navbar-form button { top: 8px; }

	
	#page-merchant.with-banner #merchant-single #leftcol { top: -270px;}

	/*** hiw ***/
	.hiw-step { padding: 20px 10px; }
	.hiw-step .hiw-step-title { font-size: 22px; }

}




@media (max-width: 1024px) {
	#debug-responsive { background: white; }

	
	.container { padding-left: 15px; padding-right: 15px; }
	.row { margin-left: -7.5px; margin-right: -7.5px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding-left: 7.5px;
		padding-right: 7.5px;
	}
	.merch-list .merch-wrapper, .voucher-list .voucher-item, #box-offers .box-cnt .column .merch-item { margin-bottom: 15px; }
	
	#page-merchant.with-banner #merchant-single #leftcol { top: -270px;}
	
	.filter-theme-btns .fldst-orderby { width: 50%; }

	#page-az .filter-theme-btns .filter-block#az-letters, #page-az .filter-theme-btns .filter-block { width: 48.5%; padding: 0; }
	#page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group .btn, .filter-btns .bootstrap-select.btn-group .btn { display: block; height: 38px; padding: 8px 15px; border-color: #404040; }
	#page-az .filter-theme-btns .filter-block#az-letters div.dropdown-menu, .bootstrap-select.btn-group .dropdown-menu { display: none !important; position: absolute; top: 40px; border: 1px solid #404040; }
	#az-letters .bootstrap-select.btn-group .btn .filter-option { position: static; }
	#page-az .filter-theme-btns .filter-block#az-letters .open div.dropdown-menu, .bootstrap-select.btn-group.open .dropdown-menu { display: block !important; z-index: 1000; }
	#az-letters ul li { width: 10%; }
	#az-letters ul li:first-child { width: 20%; }
	.filter-theme-btns .bootstrap-select.btn-group { overflow: inherit; }
	.filter-btns .dropdown-menu ul li { float: none; border: none; border-top: 1px solid #ccc; }
	.filter-btns .dropdown-menu ul li:first-child { border: none; }
	.filter-btns .dropdown-menu ul li a { width: 100%; text-align: left; padding-left: 15px; }
	
	 
	#search-block { width: 210px;}

	#page-vouchers .filter-block .bootstrap-select { width: 100% !important; }
	
	/*** hiw ***/
	#page-hiw-instore .hiw-steps { padding-top: 15px; }
	
	/*** popup ***/
	#regions-popup h3, #hiw-popup h3 { font-size: 36px; }

}

/*** col-sm ***/
@media (max-width: 991px) {
	#debug-responsive { background: yellow; }
	
	#mainmenu .container { padding: 0; }
	body #header-categories { left: 0; }

	#mainmenu ul.nav > li > a, #mainmenu ul.nav > li > a:visited { padding: 0 20px; }
	.header-trigger.with-dropdown em.fa-chevron-down { right: 0; }

	.banner-on-page-home .promoitem .promobanner-text .promomerch-title { font-size: 50px; }
	
	.leftpanel .box .box-hdr h1 { margin: 10px 0; }
	.logged-out #merchant-single .shopnow .btn { font-size: 15px; }

	/*** home ***/
	#box-new .merch-wrapper.item-4, #box-new .merch-wrapper.item-5 { display: none; }
	

	#page-merchant #box-merchant-recommended .merch-list .merch-wrapper:nth-of-type(1n+4){ display: none; }
	#page-merchant.with-banner #merchant-single #leftcol { top: -230px;}
	
	/*** tiers ***/
	.merchant-tiers-rates .tiers-item { padding: 15px 0; display: block; }
	.merchant-tiers-rates .tiers-item:after { clear: both; display: block; content:""; }
	.merchant-tiers-rates .tiers-item .tiers-col { float: left; width: 55%; padding: 0; display: block; border: none; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow { float: right; width: 45%; margin: -30px 0 0; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow .btn { font-size: 13px; }

	/*** hiw ***/
	#page-hiw-instore .hiw-step .hiw-step-title { font-size: 20px; height: 70px; }
	#page-hiw-instore .hiw-step .hiw-step-image { width: 125px; }
	.hiw-step .hiw-step-text { font-size: 17px; }
	
}


@media (max-width: 860px) {
	#debug-responsive { background: blue; }
	
	/*** header ***/
	#header-top, #header-switchers, #mainmenu, #user-block, #fav-block, #header-triggers:before { display: none; }
	#menu-trigger, #menu-user-trigger, a#user-mobile-link, #header-triggers { display: block; }
	#header { border-bottom: 1px solid var(--LBORDER_COLOR); }
	#search-trigger { color: var(--TEXT_COLOR); }
	
	.home-sections { padding-bottom: 0; }
	.merch-item a .merch-rates { font-size: 15px; }
	#page-tracking .merchant-rate { font-size: 20px; }

	/*** merchant ***/
	#merchant-single { padding-top: 0; }
	#merchant-single:after { clear: both; display: block; content:""; }
	#merchant-single #leftcol { width: 37%; float: left; max-width: none; position: relative !important; top: 0 !important; margin: 0 !important; }
	.merchant-icons { padding: 0; }
	#merchant-single .rightcol { margin-left: 40%; width: auto; }
	#page-merchant.with-banner #merchant-single #leftcol, #merchant-single #leftcol.affix, #page-merchant.with-banner #merchant-single #leftcol.affix { top: -15px !important; }
	#merchant-single #leftcol .merch-item { padding-bottom: 10px; }
	#merchant-single #leftcol .merch-icons br {display: block; }
	#box-merchant-vouchers, #box-merchant-recommended { margin-left: 0; position: relative; padding-bottom: 20px; width: 100%; }
	
	#page-merchant #box-merchant-recommended .merch-list .merch-wrapper:nth-of-type(1n+4){ display: block; }
	#page-merchant #box-merchant-recommended .merch-list .col-sm-4 { width: 25%; }

	/*** tiers ***/
	.merchant-tiers-rates .tiers-item { padding: 15px 0; display: block; }
	.merchant-tiers-rates .tiers-item:after { clear: both; display: block; content:""; }
	.merchant-tiers-rates .tiers-item .tiers-col { float: none; width: 100%; padding: 0; display: block; border: none; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow { float: none; width: 100%; margin: 10px 0 0; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow .btn { font-size: 13px; }
	

	.voucher-list .voucher-item .item-txt .voucher-txt { font-size: 16px; }
	
	/*** hiw ***/
	.hiw-step .hiw-step-title { font-size: 22px; }
	.hiw-step .hiw-step-text { font-size: 15px; }
	
	/*** user page ***/
	.user-table table th span { display: none; }
	
}


/*** iPad exactly ******************************************************************/
@media (max-width: 768px) {
	#debug-responsive { background: orange; }
		
	.box .box-hdr, #page-home .box .box-hdr { padding-top: 30px; padding-bottom: 20px; }
	.home-sections { padding-top: 0; }
	#box-offers { margin-bottom: 60px; }


	/*** banner ***/
	.promowide { height: 336px; }
	.promoitem { height: 336px; }
	.promowide .promomerch { width: 324px; height: 296px; }
	.promomerch-banner { padding: 0 0 10px; }
	.promowide .promomerch-banner img { padding: 0; }
	.promowide .promomerch-cnt { padding: 20px; }
	
	.promomerch-title { font-size: 18px; line-height: 1.1; }
	.promomerch-rate-was { margin-bottom: 0; }
	.promomerch-link a { padding: 10px 20px !important; }
	.promomerch-link a em { top: 14px; }

	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 30px;}
	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 30px; }
	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 30px; }
	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-text { font-size: 14px; }

	/*** secondary ***/
	.promowide-secondary .promowide .promomerch { width: auto; height: auto; }
	.promowide-secondary .promomerch-cnt { height: 250px; }
	
	.static-page__padding .page-inner { padding: 0; }
	.voucher-list .voucher-item .item-txt .voucher-code strong { display: block; }
	
	#box-popular .btns { padding: 10px 0 0; }
	
	/*** merchant ***/
	#merchant-single { padding-top: 15px; }

	#merchant-single #merchant-banner {padding: 10px 0;}
	#merchant-single .shopnow { margin: 10px auto 20px; max-width: 300px;}
	#merchant-single .merch-icons { margin: 0px 0 5px; }
	#merchant-single .merch-icons{ text-align: center;}
	#merchant-single .merch-icons a, #merchant-single .merch-icons > span { display: inline-block; width: auto; }
	
	#page-merchant #box-merchant-recommended .merch-list .col-sm-4 { width: 50%; }

	.langJP.logged-out #merchant-single .shopnow .btn { font-size: 12px; }
	
	/*** faqs ***/
	#help-faqs #faqs-list li a { font-size: 18px; }
	#help-faqs .tab-content { padding-left: 5%; }
	
	/*** footer ***/


}

/*** MOBILE ***/
@media (max-width: 767px) {
	#debug-responsive { background: yellow; }

	/*** header ***/
	#search-trigger { display: block; }
	

	/*** user ***/
	#user-block { float: left; font-size: 13px; width: 100%; padding-right: 50px; }
	#user-trigger, #fav-trigger, #fav-trigger .fa-heart, #user-trigger em { line-height: 60px; height: 60px; }
	#fav-number { top: 7px; }
	#favblock-dropdown { top: 56px; }
	#submenu-user { top: 40px; right: 10px; }
	#user-trigger small { top: 37px; }
	
	/*** banner ***/
	.promowide-block { margin-bottom: 10px; }
	.promowide-top .promowide-block { margin-bottom: 30px; }
	.promomerch-banner { padding-top: 0; }
	.promomerch-title { font-size: 18px; }
	.promomerch-text, .promomerch-rate-was, .promomerch-until  { font-size: 12px; }
	.promomerch-rate { font-size: 24px; }
	.promomerch-link a { padding: 7px 10px; }
	.promomerch-link a em { top: 11px; }
	
	.promomerch-link a { padding: 8px 15px !important; }

	.promobanner-secondary .banner-text { padding: 50px 0; float: none; width: auto; text-align: center; }
	.promobanner-secondary .promoitem { height: auto; }
	.promowide-secondary .promomerch-title { font-size: 40px; }

	/*** secondary ***/
	.promowide-secondary .promomerch-cnt { height: 200px; }
	.banner-on-page-home .promoitem .promobanner-text .promomerch-title { font-size: 35px; }
	.promowide-secondary .promomerch-title { font-size: 40px; }
	
	
	
	#page-home #box-panels .box-hdr { margin-bottom: 0; }
	#page-home #box-panels #offers-1 .box-hdr { margin-bottom: 20px; }
	
	/*** home carousel ***/	
	.home-sections { padding-bottom: 0; padding-top: 0; }
	.box h1, #page-home .box-hdr h1, #page-home .box-hdr h2, .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2 { font-size: 26px; }
	#merchant-single h2, #box-merchant-recommended h2 { font-size: 26px; }
	.leftpanel .box .box-hdr h1 { margin: 10px 0; }
	#box-vouchers { padding-bottom: 30px; }
	
	/*** carousel: mobile ***/
	.carousel-mobile .owl-dots { padding: 0 0 19px; }
	.carousel-mobile .merch-item { margin-bottom: 15px; }
	#box-offers.with-carousel .owl-dots { padding-top: 5px; }
	
	.leftpanel .merch-list .merch-wrapper { padding: 0 7.5px; margin-bottom: 15px; }
	.leftpanel .merch-list .row { margin-left: -7.5px; margin-right: -7.5px; }

	.voucher-list .voucher-item .voucher-getoffer { bottom: 65px; }
	.voucher-list .voucher-item a .item-txt .voucher-tc { bottom: 15px; }
	.voucher-list .voucher-item a .item-txt .voucher-tc span { padding-top: 15px; }
	
	#box-popular .btns { padding: 0; }
	#box-offers.with-carousel .owl-controls { bottom: 0; }
	#box-offers { margin-bottom: 30px; }
	.home-sections .owl-nav, #box-offers.with-carousel .owl-nav { display: none !important; }
	#box-offers.with-carousel .owl-dots { display: block !important; }
	
	.bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { width: 100% !important; }
	
	.filter-theme-btns .fldst-orderby { width: 100%; }
	
	#user-missingpoints h2 { font-size: 20px;}
	#user-missingpoints h2 a { position: relative; padding-right: 25px; }
	#user-missingpoints h2 a em { font-size: 20px; color: #d6083b; position: absolute; top: 0px; right: 0; }

	.user-filter.block4filters{ padding:10px 0; }
	.user-filter .filter-form { margin-left: -15px; margin-right: -15px; }
	.user-filter .filter-form .form-group{ float: left; width: 50%;  padding-left: 15px; padding-right: 15px;}
	.user-filter .bootstrap-select.btn-group, .user-filter .bootstrap-select.btn-group[class*="span"] { min-width: 0; }
	.user-table { padding-top: 0px;}
	.user-table .trans-details { text-align: left;}
	
	/*** filter ***/
	#page-az .filter-theme-btns .filter-block#az-letters, #page-az .filter-theme-btns .filter-block { width: 100%; margin: 0 0 10px; float: none; }
	#page-az .filter-theme-btns .filter-block#az-letters:after, #page-az .filter-theme-btns .filter-block:after { clear: both; display: block; content:""; }

	.tabs ul li a { padding: 10px 20px; } 

	/*** merchant ***/
	#merchant-single #leftcol { float: none; width: 100%; max-width: none; position: relative !important; top: -25px !important; }
	#page-merchant.with-banner #merchant-single #leftcol { top: -20px !important; margin-bottom: 0px !important; }
	#merchant-single #leftcol .merch-item { padding-bottom: 10px; }
	.merch-item a .merch-rates { font-size: 16px; }
	#page-tracking .merchant-rate { font-size: 20px; }
	#merchant-single #leftcol .merch-icons br {display: block; }
	#merchant-single .rightcol, #box-merchant-vouchers, #box-merchant-recommended { margin-left: 0; position: relative; padding-bottom: 20px; width: 100%; }
	#box-merchant-vouchers { padding-bottom: 0; }
	#user-missingpoints h2 button em { font-size: 18px; top: 5px; }
	

	#merchant-recommended-wrapper { padding-top: 35px; }
	#page-merchant #box-merchant-recommended .merch-list .merch-wrapper:nth-of-type(n+4) { display: block; }
	#page-merchant #contents { margin-bottom: 0; }
	#merchant-single #leftcol.affix, #page-merchant.with-banner #merchant-single #leftcol.affix { top: -25px !important; }

	#page-merchant #pagebanner { height: 300px; min-height: 300px; overflow: hidden; position: relative; }
	#page-merchant #pagebanner img { height: 300px; width: auto; max-width: inherit; margin: 0; left: calc(-1026px/2 + 50vw); position: relative; }
	#page-merchant.with-banner #merchant-single #leftcol, #page-merchant.with-banner #merchant-single #leftcol.affix { top: -146px !important; margin-bottom: -120px !important; position: relative !important; }

	/* user page */
	.userpage #user-tabs{ display: none; }

	
	/*** help ***/
	#help-faqs #faqs-list { float: none; width: auto; position: relative; }
	#help-faqs .tab-content { margin-left: 0; padding-left: 0; border: none; }
	#help-faqs .tab-pane h3 { padding-top: 0;  }
	
	#help-faqs a#faqs-dropdown { display: block; padding: 13px 15px; position: relative; text-align: left; text-transform: none; border-color: #1e1852; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  }
	#help-faqs a#faqs-dropdown:before { color: #1e1852; font-size: 16px; line-height: 35px; width: 16px; position: absolute; top: 5px; right: 10px; display: block; content:"\f078"; font-family:'Font Awesome 5 Pro'; }
	#help-faqs a#faqs-dropdown.expanded:before { content:"\f077"; }
	
	#help-faqs #faqs-list ul.nav { display: none; top: 51px; border: 1px solid #ccc; border-bottom: none; position: absolute; left: 0; width: 100%; background: #fff; z-index: 10; }
	#help-faqs #faqs-list ul.nav.expanded { display: block; }
	#help-faqs #faqs-list ul.nav li { border-bottom: 1px solid #ccc; margin: 0; padding: 0; position: relative; }
	#help-faqs #faqs-list ul.nav li a, #faqs-list ul.nav li a:visited { font-size: 15px; padding: 10px 15px; margin: 0; line-height: 1.3;  }
	#help-faqs #faqs-list ul.nav li a:hover, #help-faqs #faqs-list ul.nav li a:focus { background: #f2f2f2; }
	#help-faqs #faqs-list li a:before { display: none; }
	#help-faqs #faqs-list ul.nav li.active a { background: #fff; font-weight: bold; color: #111; }
	
	#page-faqs .toptext .copy, #page-faqs-instore .toptext .copy { display: block; margin-bottom: 20px; }
	#page-faqs .toptext-text , #page-faqs-instore .toptext-text { padding-right: 0; }

	/* HIW */
	#pagebanner-hiw { height: 340px; }
	.hiw-steps { padding-top: 20px; }
	.hiw-step { height: 100px; padding: 10px 15px; text-align: left; position: relative; min-height: inherit; overflow: hidden; }
	.hiw-step .hiw-step-title, #page-hiw-instore .hiw-step .hiw-step-title  { padding: 10px 0 10px; height: auto; margin-left: 100px; }
	.hiw-step .hiw-step-image, #page-hiw-instore .hiw-step .hiw-step-image { font-size: 40px;  top: -50px; float: left; width: 80px; height: 80px; line-height: 80px; margin-bottom: 0; text-align: center; position: relative;}
	.hiw-step .hiw-step-text, .pagebanner-hiw-instore .hiw-step .hiw-step-text { padding: 0; float: right; line-height: 1; width: calc(100% - 100px); }

	#pagebanner-hiw.pagebanner-hiw-instore { height: 300px; }
	#page-hiw-instore .hiw-step .hiw-step-title { font-size: 17px; }
	#page-hiw-instore .hiw-step { float: left; width: 48%; margin-right: 2%; height: 130px; margin-bottom: 10px; }
	#page-hiw-instore .hiw-step .hiw-step-image {top: -40px; }

	.table-wrapper { overflow-x: auto; margin-bottom: 20px; }
	.table-wrapper table { margin-bottom: 1px; }

	
	/*** claimpoints ***/
	#contact-form .legends { float: none; margin-bottom: 20px; }
	.bootstrap-select.btn-group .btn .filter-option { max-width: 88%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	#page-claimpoints #contact-form .form-item select { width: 100%; }
	.user-table big { font-weight: bold; }
	.user-table small { opacity: 0.8; }
	.user-table .trans-points small { display: block; line-height: 1; }
	.user-table .trans-points, .user-table td.trans-points { text-align: right; }
	#contact-form .form-item { padding-right: 10px; }

	/*** popup ***/
	.fancybox-close-small, .fancybox-slide--html .fancybox-close-small { width: 30px; height: 30px; top: 5px; right: 5px; padding: 2px; }
	#regions-popup h3, #hiw-popup h3 { font-size: 30px; }
	#regions-popup .popup-content, #hiw-popup .popup-content { font-size: 17px; padding: 20px; }
	#regions-popup a { margin-top: 20px; margin-bottom: 10px; font-size: 20px; padding: 20px 0 10px; }

	/*** clo: popup ***/
	.instorecard-popup .popup-content { padding: 30px 30px 0; }
	.page-instorecard-edit.instorecard-popup .popup-content { padding: 30px; }

	/*** countdown ***/
	#countdown-title { float: none; width: 100%; text-align: center; display: block; height: auto; line-height: 1.2; margin-bottom: 5px; }
	#countdown-digits { display: block; height: auto; float: none; width: 100%; text-align: center; }
	
	/*** footer ***/
	.footer-logos a img { height: 30px; }
	.langEN .copyright { float: none; width: auto; text-align: center; }

}
@media (max-width: 650px) {
	#debug-responsive { background: red; }
	
	/*** header ***/
	#user-block .usertitle span.username { font-size: 13px; }
	#user-block .usertitle span.username { max-width: 220px; }
	#user-block .userpoints strong { font-size: 16px; }
	
	.banner-on-page-home .promoitem .promobanner-text .promomerch-title { font-size: 30px; }

	#pagebanner-hiw.pagebanner-hiw-instore { height: 440px; }
	#page-hiw-instore .hiw-step { float: none; width: 100%; margin-right: 0; height: 100px; margin-bottom: 0; }
	#page-hiw-instore .hiw-step4 { height: 110px; }

	/*** tiers ***/
	.merchant-tiers-rates .tiers-item .tiers-col { float: none; width: auto; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow { display: none; }
	.link-tiers-shopnow { text-decoration: none !important; }
	.link-tiers-shopnow:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } /* card style - the link covers whole width and height */
	.awardtime-steps { display: block; }
	.awardtime-item { flex: none; width: auto; padding: 0; margin: 0; }
	.awardtime-item em { position: relative; top: auto; right: auto; display: block; }
	.awardtime-item big { margin-bottom: 0; }
	.awardtime-item em:before { display: block; width: 35px; height: 35px; text-align: center; transform: rotate(90deg); }
}
@media (max-width: 568px) {
	#debug-responsive { background: green; }
	
	#logo { top: 28px; }
	#logo a > img { width: 300px; }

	#user-block{ padding: 0px 0px;}
	#header-blocks { top: 70px; right: 15px; margin: 0; }
	#user-block { margin: 0; padding: 0; border: none; }
	#link2register { color: #333; }
	#loggedout-box { position: relative; top: -2px; }

	/* user block */
	#loggedout-box a.link-login { }
	#submenu-user { padding-top: 0; }
	.usermenu-account { clear: both; }
	.usermenu-link2account { height: 48px; }
	.usermenu-link2account a { width: 60%; float: left; }
	#user-block .userpoints { display: none; }
	.logged-in #user-block { padding: 0; }
	#user-block .usertitle span.username { font-size: 14px; }
	#user-block .usertitle span.username { max-width: 300px; }
	#user-block .usermenu-link2account .userpoints { display: block; float: right; width: 30%; padding: 6px 15px 0 0; margin: 0; text-align: right; border: none; }
	#user-block .usermenu-link2account .userpoints em { right: 2px; }

	.home-2panels .col-xs-6 { width: auto; float: none; margin-bottom: 15px; }

	#page-help .toptext-text { margin-right: 0; }
	#page-help .toptext .btn { position: relative; top: auto; right: auto; margin-bottom: 20px; }
	
	.langJP #regions-popup a { font-size: 18px; }

	
	/*** clo: popup ***/
	.instorecard-popup h1, .instorecard-popup h1 .cardnumber { font-size: 26px; }
	
	/*** footer ***/
}
@media (max-width: 505px) {
	#debug-responsive { background: grey; }
	
	#logo { top: 30px; }
	#logo a > img { width: 250px; }

	#user-block .usertitle span.username { display: block; font-size: 13px; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	
	/*** clo: popup ***/
	.instorecard-popup h1 .cardnumber { display: block; margin: 10px 0 0; }
}
@media (max-width: 480px) {
	#debug-responsive { background: violet; }
	
	#user-block .usertitle span.username { max-width: 260px; }


	/*** banner ***/
	.promowide-top .owl-dots { bottom: -10px; }
	
	.promowide .promomerch { width: 100%; float: none !important; }
	.promoitem { background-color: #fff; background-size: auto 300px; background-position: top center; }
	.promomerch { background: #fff; }
	.promowide .promoitem-frame { padding-top:200px; }
	.promobanner-secondary .item { background-size: 150% auto; background-repeat: no-repeat; }
	.promobanner-secondary .promoitem { background-color: transparent; }
	.promobanner-secondary .banner-text { font-size: 30px; }
	
	.index-kvBg { display: none; }

	/*** secondary ***/
	.promowide-secondary .promowide .promoitem-frame { padding-top: 0; }
	
	.promomerch-title { margin-bottom: 30px; }
	.promomerch-link { padding-top: 10px; position: relative; top: auto; bottom: auto; left: auto; right: auto; display: block; }
	.promowide .promomerch, .promowide, .promoitem { height: auto !important; }
	.promowide-top .banner-withONLY-link-image, .promowide-top .banner-hasONLY-image { height: 300px !important; max-height: 300px !important; }

	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 0;}
	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 0; }
	.promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 0; }
	
	.promowide-secondary .promomerch-title { font-size: 34px; }


	/*** tabs ***/
	.tabs ul li a { font-size: 14px; padding: 10px 15px; }
	
	
	/*** home ***/
	#page-home .box-hdr h1, #page-home .box-hdr h2, .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2, .staticpage .leftpanel .box h2 { font-size: 26px; }
	.box h2 { font-size: 24px; }
	#page-home .box-hdr h3 { font-size: 16px; letter-spacing: 1px; }
	.box-hdr h3 { font-size: 16px; }
	
	.merch-item a .merch-rates { font-size: 14px; }
	#page-tracking .merchant-rate { font-size: 16px; }

	#box-offers { margin-top: 0; }

	#box-panels .box-hdr { padding-top: 0; }
	#page-home #box-panels .box-hdr h2 { padding-bottom: 5px; }
	#page-home #box-panels .box-hdr h3 { padding: 25px 0 5px; }

	.voucher-list .voucher-item a.link-to-voucher {	padding: 15px 10px 60px; }
	.voucher-list .voucher-item a .item-txt .voucher-tc { padding-left: 10px; padding-right: 10px; }
	.voucher-list .voucher-item, .merch-list .merch-wrapper { margin-bottom: 16px; }


	#subscription-form input[type="text"] { width: 100%; }
	
	/*** fav ***/
	.fav-steps .fav-heart { width: 120px; margin-bottom: 0; }
	.fav-steps .fav-heart em { font-size: 40px; width: 90px; height: 90px; line-height: 90px; }
	.fav-steps .fav-steps-arrow em { font-size: 24px; padding-left: 20px; line-height: 90px; }

	/* HIW */
	.hiw-step .hiw-step-title, #page-hiw-instore .hiw-step .hiw-step-title { padding-bottom: 5px; }
	.hiw-step .hiw-step-image, #page-hiw-instore .hiw-step .hiw-step-image { top: -40px; }
	
	/*** faqs ***/
	#page-faqs .toptext h2, #page-faqs-instore .toptext h2 { font-size: 24px; }
	#page-faqs .toptext-text, #page-faqs-instore .toptext-text { margin-right: 0; }
	#page-faqs .toptext .btn, #page-faqs-instore .toptext .btn { position: static; top: auto; right: auto; margin-bottom: 20px; }

	/*** campaign ***/
	.panel-wrapper { float: none; width: auto; }
	
	/*** popup ***/
	#regions-popup .popup-content, #hiw-popup .popup-content { font-size: 14px; }
	#regions-popup h3, #hiw-popup h3 { margin-top: 5px; }
	#regions-popup a img { margin-bottom: 10px; width: 80px; }
	#regions-popup a span { padding-bottom: 10px; }

	/*** clo: popup ***/
	.instorecard-popup .popup-content { padding: 30px 15px 0; }

	.only-mobile { display: block; }
	.hidden-mobile { display: none; }

}
@media (max-width: 460px) {
	#debug-responsive { background: white; }
	
	#logo { top: 32px; }
	#logo a > img { width: 220px; }

	#user-block .usertitle span.username { max-width: 220px; }

	.voucher-list .voucher-wrapper { width: 100%; }

	.fav-steps .fav-heart em { width: 80px; height: 80px; line-height: 80px; }
	.fav-steps .fav-steps-arrow em{ line-height: 80px; padding-left: 25px;}
	
	/*** clo: popup ***/
	.instorecard-popup .form-group label img { margin-right: 10px; }
	.page-instorecard-edit.instorecard-popup .popup-content { padding: 30px 20px; }


}

/*** iPhone X Max ***/
@media (max-width: 414px) {
	#debug-responsive { background-color: aqua; }
	
	#header { height: 60px; }
	#logo { top: 24px; }
	#logo a > img { width: 180px; }
	#header-triggers { padding-top: 0; }
	#menu-trigger, #search-trigger { width: 45px; }
	#search-trigger, #menu-trigger, #menu-user-trigger, a#user-mobile-link, #mainmenu-trigger, .sidr-close em { font-size: 24px; }
	
	#user-block .usertitle span.username { max-width: 160px; }

	.fancybox-slide { padding: 10px !important; }
	/*
	#pagebanner { display: none; }
	#pagebanner-mobile { display: block; }
	*/
	
	#page-hiw-instore .hiw-step .hiw-step-text { font-size: 13px; }

	/*** footer ***/
	.footer-logos a img { height: 25px; }
}

@media (max-width: 360px) {
	#debug-responsive { background: yellow; }

	body { min-width: 360px; }
	body.popup-iframe { min-width: inherit; }
	
	/*** user block ***/
	#user-block .usertitle span.username { max-width: 160px; }
	

}
@media (max-width: 320px) {
	.fav-steps .fav-heart.item-1 { width: 100px; }
	.fav-steps .fav-heart{ width: 130px; }
}