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

@media (max-width: 1650px) {
	#debug-responsive { background: orange; }
	
	#header-topmenu .topmenu-5 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-5 { display: block; }
	.langDE #header-topmenu .topmenu-4 { display: none; }
	.langDE #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
}
/*** width of banner width ***/
@media (max-width: 1532px) {
	#debug-responsive { background: red; }

	.langDE #header-topmenu .topmenu-3 { display: none; }
	.langDE #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }

	/*** banner > page: fixed height ***/
	.banner-page .banner-img img { height: 448px; width: auto; max-width: inherit; margin-left: calc((1532px - 100vw)/2 * -1); }

}
@media (max-width: 1460px) {
	#debug-responsive { background: grey; }
	
	.logged-in #header-topmenu .topmenu-4 { display: none; }
	.logged-in #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langFR #header-topmenu .topmenu-4 { display: none; }
	.langFR #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langES #header-topmenu .topmenu-4 { display: none; }
	.langES #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langIT #header-topmenu .topmenu-4 { display: none; }
	.langIT #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }

}

/*** XXL -> XL ***/
@media (max-width: 1400px) {
	#debug-responsive { background: yellow; }
	
	#header-topmenu .topmenu-5 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-5 { display: block; }
	.langFR #header-topmenu .topmenu-3 { display: none; }
	.langFR #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }
}
@media (max-width: 1382px) {
	#debug-responsive { background: black; }
	
	#header-topmenu .topmenu-4 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langES #header-topmenu .topmenu-3 { display: none; }
	.langES #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }
	.langIT #header-topmenu .topmenu-3 { display: none; }
	.langIT #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }

	.carousel-left-right-arrows .owl-carousel .owl-nav button.owl-prev { left: -12px; }
	.carousel-left-right-arrows .owl-carousel .owl-nav button.owl-next { right: -12px; }
	
	#pagebanner-hiw { background-size: auto 100%; }
}

/*** switch header>container to common width ***/
@media (max-width: 1360px) {
	#debug-responsive { background: white; }
	
	#header-top > .container, #header > .container, #mainmenu > .container { max-width: 1266px; padding: 0 12px; }
}


/*** width on full screen ***/
@media (max-width: 1276px) {
	#debug-responsive { background: orange; }

	#header-topmenu .topmenu-3 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }
	.logged-in #header-topmenu .topmenu-4 { display: none; }
	.logged-in #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langFR #header-topmenu .topmenu-4 { display: none; }
	.langFR #header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langIT #header-topmenu .topmenu-3 { display: none; }
	.langIT #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }

	#header-categories ol { margin-left: 13.2%; }
	
	/*** BANNER > SECONDARY: inside CAMPAIGN pages ***/
	#page-inner .banner-img img { height: 360px; width: auto; max-width: inherit; margin-left: calc((1255px - 100vw)/2 * -1); }
	
	/*** banner > without wrapper ***/
	.banner-wo-promomerch-wrapper .promomerch { padding: 30px; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-title { font-size: 2.5rem; }
}

/*** XL -> LG ***/
@media (max-width: 1200px) {
	#debug-responsive { background: lime; }
	
	#header-topmenu { margin-left: 40px; }
	#header-topmenu .topmenu-4 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-4 { display: block; }
	.langFR #header-topmenu .topmenu-3 { display: none; }
	.langFR #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }
	.langDE #header-topmenu .topmenu-2 { display: none; }
	.langDE #header-topmenu #topmenu-more-dropdown .topmenu-2 { display: block; }
	
	#header-categories ol { margin-left: 50px; margin-right: 50px; }
	
	/*** HOME ***/
	#offers800x500 .panels-list .panel-item { padding-left: 15px; padding-right: 15px; }
	#offers800x500 .panels-list .panel-item .merchant-rates { font-size: 1rem; }
	.panels-list .panel-with-altimage .merchant-summary { margin-left: 140px; }
	
	#box-popular .col-8 { width: 63%; }
	#box-popular .col-4 { width: 37%; }
	#box-popular.with-banners .owl-nav { margin-right: -60%; }
	
	/*** merchant ***/
	#merchant-recommended-wrapper .item-3 { display: none; }
	
}

@media (max-width: 1155px) {
	#debug-responsive { background: blue; }
	
	/*** header > topmenu ***/
	#header-topmenu a, #header-topmenu a:visited { font-size: 1rem; }
	#header-topmenu { position: absolute; top: 115px; right: 0; margin-left: 0; z-index: 1001; }
	#topmenu-more-dropdown { left: auto; right: 2px; }
	#header-topmenu .topmenu-1, #header-topmenu .topmenu-2, #header-topmenu .topmenu-3 { display: none; }
	#header-topmenu #topmenu-more-dropdown .topmenu-1, #header-topmenu #topmenu-more-dropdown .topmenu-2, #header-topmenu #topmenu-more-dropdown .topmenu-3 { display: block; }

	#mainmenu ul { justify-content: left !important; }
	#header-categories ol { margin-left: 20px; }
	
	#box-popular .col-8 { width: 62%; }
	#box-popular .col-4 { width: 38%; }
	#box-popular.with-banners .owl-nav { margin-right: -62%; }
}



@media (max-width: 1055px) {
	#debug-responsive { background: green; }
	
	#box-popular .col-8 { width: 60%; }
	#box-popular .col-4 { width: 40%; }
	#box-popular.with-banners .owl-nav { margin-right: -68%; }

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

}




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

	/*** user block ***/
	#loggedin-box { margin-right: 0; }
	#user-block .userpoints, #user-block .usertitle .user-welcome, #user-block .usertitle span.username { display: none; }
	#user-block #submenu-user .usermenu-summary, #user-block #submenu-user .usermenu-summary .userpoints { display: block; }
	#user-block .usertitle { border: none; margin-left: 0; background: none; padding-left: 0; }
	#user-block #user-trigger { width: 50px; height: 100px; padding: 0; overflow: hidden; background: url('/images/icon-user.svg') no-repeat center center; }
	#user-trigger:after { display: none; }
	.logged-in #user-block { padding-left: 10px; }
	.logged-in #regions-block { padding-left: 10px; }

	
	
	.panels-list .panel-with-altimage .panel-item { padding: 0 20px 20px; }
	.panels-list .panel-with-altimage .panel-banner { margin-bottom: 15px; }
	.panels-list .panel-with-altimage .merchant-banner { float: none; width: 100%; margin: 0 auto 15px; }
	.panels-list .panel-with-altimage .merchant-summary { margin-left: 0; text-align: center; }
	.panel-description { padding-top: 20px; }
	
	#box-popular .col-8 { width: 100%; }
	#box-popular .col-4 { width: 100%; }
	#box-popular.with-banners .owl-nav { margin-right: 0; }
	#bannersx2 { display: flex; overflow: hidden; margin-left: -10px; margin-right: -10px; padding-top: 20px; }
	#bannersx2 .banner-link { width: 50%; margin: 0 10px 0; }
	
}

/*** LG -> MD ***/
@media (max-width: 992px) {
	#debug-responsive { background: yellow; }
	
	/*** header ***/
	#mainmenu ul li a, #mainmenu ul li a:visited { font-size: .9375rem; padding: 0 12px; }
	

	/*** filters ***/
	 #filters #filter-sortby .dropdown-menu { width: 50%; }
	
	/*** merchant ***/
	#merchant-recommended-wrapper .item-3 { display: block; }
	
	/*** merchant > tiers ***/
	#merchant-single .tiers-item .merchant-rates { font-size: 17px; }
	.tiers-item .tiers-title { font-size: 15px; }
	.tiers-item .tiers-shopnow .btn { padding: 10px 15px; }
	
	/*** account ***/
	.user-table .trans-purchaseid { display: none; }
	.user-table .additional-data { display: block; }
	
	/*** hiw ***/
	.hiw-step .hiw-step-text { padding: 0; width: auto; }
	.hiw-step .hiw-step-text { font-size: 1rem; }
	
	/*** profile ***/
	#subscription-form input[type="text"], #subscription-form input[type="email"] { width: 80%; }
	
	/*** footer ***/
	#footer .footer-section { padding: 0; border: none; }
	#footer .footer-section h4 { margin: 0; padding: 0; border: none; border-top: 1px solid rgba(238, 238, 239, 0.3); }
	#footer .footer-section h4 a { cursor: pointer; padding: 20px 0; }
	#footer .footer-section h4 a em { display: block; }
	#footer .footer-section .footer-column ul { padding: 0 0 24px; }
	
	.footer-column { width: 100%; margin-bottom: 0; }
	#footer-media--column-2, #footer-media--column-3 { text-align: center; }
	#footer-media--column-2 h4, #footer-media--column-2 p, #footer-media--column-3 h4 { display: none; }
	#footer-media--column-3 { margin: 24px 0; }
	#footer-media--column-3 a { font-size: .75rem; text-transform: uppercase; font-weight: 700; }
	#footer-media--column-2 .col a { float: right; }
	#footer-media--column-2 .col+.col a { float: left; }
}


@media (max-width: 860px) {
	#debug-responsive { background: blue; }
	
	/*** bootstrap GRID ***/
	.row, #page-campaign .copy .panels-list { margin-right: calc(-.3333 * var(--bs-gutter-x)); margin-left: calc(-.3333 * var(--bs-gutter-x)); }
	.row > *, #page-campaign .copy .panels-list li { padding-right: calc(var(--bs-gutter-x) / 3); padding-left: calc(var(--bs-gutter-x) / 3); }

	.merchants-list .item, .vouchers-list .item, .owl-stage .owl-item .column .merchant-item, .owl-carousel .merchant-item { margin-bottom: 1rem; }
	.row.owl-carousel { margin: 0; }
	.row.owl-carousel > * { padding: 0; }
	
	
	/*** header ***/
	#mainmenu ul { margin-left: -10px; margin-right: 0; }
	#mainmenu ul li a, #mainmenu ul li a:visited { font-size: .875rem; padding: 0 7px; }
	#header-categories ol { margin: 0 30px; }
	#header-topmenu a, #header-topmenu a:visited { font-size: .875rem; }
	
	h1 { font-size: 2rem; }
	#filters li a, #filters li a:visited { padding: 10px 20px; }
	
	/*** BANNER > PAGE (PRIMARY) ***/
	.banner-page .banner-img img { height: 400px; width: auto; max-width: inherit; margin-left: calc((1366px - 100vw)/2 * -1); }
	.banner-page .promomerch { padding: 25px 25px 20px; }
	.banner-page .promomerch-cta { padding-top: 15px; }
	
	.banner-page .owl-dots { width: 60%; margin-left: 20%; }
	
	/*** banner > without wrapper ***/
	.banner-wo-promomerch-wrapper .promomerch .promomerch-title { font-size: 2.25rem; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-text { font-size: 1.25rem; }

	
	/*** merchant ***/
	#merchant-card { max-width: 260px; }
	#merchant-main-col { width: calc(100% - 260px - 12px); }
	
	/*** merchant > tiers ***/
	.merchant-tiers-rates .tiers-item { padding: 15px 0; display: block; border-bottom: 1px solid var(--BORDER_COLOR); }
	.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-top: -20px; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow .btn { font-size: .75rem; }
	.awardtime-item { padding-right: 40px; margin-right: 0; }
	.awardtime-item big { white-space: inherit; }
	.awardtime-item em { font-size: 1.5rem; }

	
	
	/*** footer ***/
	#footer-bottom .row { display: block; }
	
	
	/*** user page ***/
	.user-table table th span { display: none; }
	
}


/*** iPad exactly ******************************************************************/
@media (max-width: 768px) {
	#debug-responsive { background: orange; }
	

}

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

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

	/*** header ***/
	#header-top, #regions-block, #language-switcher, #mainmenu, #header-blocks, #header-topmenu { display: none; }
	#menu-trigger, #header-triggers, #user-mobile-trigger { display: block; }
	
	#header { min-height: 50px; }
	#logo { width: 200px; margin: 10px 0; left: calc(50% - 100px); position: absolute; }
	#logo a { width: 100%; height: 100%; display: block; }
	#search-trigger { width: 50px; height: 50px; }
	#mobile-triggers { position: absolute; top: 0; right: 0; }
	#mobile-triggers:before { display: none; }
	#search-mobile-wrapper { top: 50px; }
	#user-mobile-trigger { margin: 0; }
	#user-mobile-trigger img { width: 19px; height: auto; }
	
	#search-trigger { font-size: 1rem; margin-top: 0; }
	#search-trigger img { width: 20px; }
	
	/*** header > logged-in ***/
	.logged-in #header { min-height: 100px; }
	.logged-in #header-blocks { display: block; width: auto; margin: 0 -.75rem; border-top: 1px solid var(--BORDER_COLOR); float: none; clear: both; }
	.logged-in #user-block { float: none; margin: 0 .75rem; }
	.logged-in #fav-block { display: none; margin: 0; }
	
	#user-block:before { display: none; }
	.logged-in #user-block { padding-left: 0; }
	#user-block .userpoints, #user-block .usertitle .user-welcome, #user-block .usertitle span.username, #user-block #user-trigger:after { display: block; }
	#user-block .usertitle { float: none; padding-left: 38px; background: url(../images/icon-profile.svg) no-repeat 0 center / 30px auto; }
	#user-block #user-trigger { background: none; width: 100%; height: auto; }
	#user-block .userpoints { padding-left: 15px; margin-left: 15px; border-left: 1px solid var(--BORDER_COLOR); }
	#user-block #submenu-user .usermenu-summary { display: none; }
	
	
	
	.userblock { padding: 7px 0 0; }
	#user-block .usertitle span.username { max-width: 260px; }
	#user-block .userpoints { float: right; margin-left: 0; }
	#user-trigger:after { top: 10px; }
	#userlinks, #submenu-user { right: auto; left: 0; width: calc(100% + 24px); }
	#submenu-user, #favblock-dropdown { top: 49px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	#submenu-user { width: 100%; left: -12px; }
	#fav-trigger, #fav-trigger .fa-heart { width: 50px; height: 50px; line-height: 50px; }
	#fav-number { font-size: 10px; top: 4px; right: 0; line-height: 15px; min-width: 15px; }
	
	
	/*** content ***/
	h1, .box-hdr h1, .box-hdr h2 { font-size: 1.5rem; }
	#page-hiw .copy ol li, #page-hiw .copy ol li h3, #page-hiw-instore .copy ol li, #page-hiw-instore .copy ol li h3 { font-size: 1.25rem; }
	h2 { font-size: 1.5rem; }
	h3 { font-size: 1.3rem; }
	.lead { font-size: 1.125rem; }
	#page-inner { padding: 30px 0 50px; }
	#page-header { margin-bottom: 30px; }
	.box-hdr { margin-bottom: 25px; }
	.box-with-top-nav .owl-nav { top: -55px; }
	.hdr-w-right-part .right-part { display: none; }
	
	.box-btns { text-align: center; }
	.box-btns a, .box-btns a:visited { font-size: .75rem; padding: 8px 20px; color: var(--BRAND5_COLOR); background: var(--WHITE_COLOR); border: 2px solid var(--BRAND5_COLOR); text-decoration: none; }
	.box-btns a:hover, .box-btns a:focus { color: var(--WHITE_COLOR); background: var(--BRAND5_COLOR); text-decoration: none; }
	.box-btns a:after { display: none; }
	.carousel-2-rows .box-btns { padding-top: 25px; }
	
	.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { margin: 0 7px; }
	
	/*** home ***/
	#offers800x500 .merchants-list .item { width: 100%; height: 100%; padding: 0; }
	#offers800x500 .owl-stage-outer { margin-bottom: 25px; }
	#offers800x500 .owl-nav { margin-bottom: 30px; }
	
	/*** BANNER ***/
	#page-inner .banner-block { margin-left: -12px; margin-right: -12px; width: auto; }
	.banner-block .banner-frame { margin: -100px 0 0; padding: 0; position: relative; }
	.banner-page .banner-img { height: 300px; }
	.banner-page .banner-img img { height: 300px; width: auto; max-width: inherit; margin-left: calc((1025px - 100vw)/2 * -1.25); }
	.promomerch { width: 100%; background: var(--WHITE_COLOR); border: 1px solid var(--BORDER_COLOR); }

	.banner-page .owl-dots { width: 90%; margin-left: 5%; }
	
	/*** BANNER > SECONDARY ***/
	#page-inner .banner-secondary { margin-left: 0; margin-right: 0; width: auto; }
	.banner-secondary .banner-frame { margin-top: 0; position: absolute; }
	.banner-secondary .banner-item .banner-frame { margin-top: 0; }
	.banner-secondary-link .banner-secondary-text1, #page-home #page-inner .banner-secondary .promomerch-title { font-size: 1.75rem; }
	.banner-secondary-link .banner-secondary-text2, #page-home #page-inner .banner-secondary .promomerch-text { font-size: 1.125rem; }
	.promomerch-title, .promomerch-rates { font-size: 1.25rem; }

	/*** BANNER > SECONDARY: inside CAMPAIGN pages ***/
	#page-inner .banner-img img { height: 300px; width: auto; max-width: inherit; margin-left: calc((1025px - 100vw)/2 * -1); }
	#page-inner .banner-block .promomerch { margin-left: 0; }
	
	/*** BANNER > MERCHANT page ***/
	#page-merchant.with-banner #merchant-card { margin-top: -130px; }
	
	/*** BANNER > without wrapper ***/
	.banner-wo-promomerch-wrapper .promomerch { width: 80%; padding: 20px; border: none; }
	.banner-block .banner-wo-promomerch-wrapper .banner-frame { position: absolute; margin-top: 20px; }
	.banner-wo-promomerch-wrapper.orientation-right .promomerch { text-align: left; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-title { font-size: 1.75rem; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-text { font-size: 1.15rem; }
	

	
	/*** merchant ***/
	#page-merchant #page-inner > .container > .row { display: block; margin: 0; }
	#merchant-card { position: relative !important; max-width: inherit; margin-left: 0; margin-right: 0; -webkit-box-shadow: rgba(0,0,0, .2) 0 1px 5px; -moz-box-shadow: rgba(0,0,0, .2) 0 1px 5px; box-shadow: rgba(0,0,0, .2) 0 1px 5px; }
	#merchant-main-col { width: 100%; margin: 40px 0 20px; padding: 0; }

	/*** merchant > tiers ***/
	.merchant-tiers-rates .tiers-item .tiers-col { width: 65%; }
	.merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow { width: 35%; text-align: right; }
	


	/*** filters + tabs ***/
	#filters .dropdown, #user-tabs .dropdown { width: 100%; margin: 0 auto; }
	#filters .dropdown-toggle, #user-tabs .dropdown-toggle { width: 100%; font-size: .9375rem; color: var(--TEXT_COLOR); text-align: left; padding: 10px 15px; position: relative; border: 1px solid var(--BORDER_COLOR); background: var(--WHITE_COLOR); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#filters .dropdown-toggle.show, #user-tabs .dropdown-toggle.show { color: var(--TEXT_COLOR); background: var(--BG_COLOR); border-color: var(--BRAND_COLOR); }
	#filters .dropdown-toggle:after, #user-tabs .dropdown-toggle:after { font-size: 1rem; top: 17px; right: 10px; position: absolute; }
	#filters .dropdown-menu, #user-tabs .dropdown-menu { display: none; width: 100%; margin-top: 2px; position: absolute; border: 1px solid var(--BLACK_COLOR); padding: 0; overflow: hidden; -webkit-box-shadow: rgba(0,0,0, .3) 0 1px 5px; -moz-box-shadow: rgba(0,0,0, .3) 0 1px 5px; box-shadow: rgba(0,0,0, .3) 0 1px 5px; }
	#filters #filter-sortby .dropdown-menu, #user-tabs .dropdown-menu { width: 100%; }
	#filters .filter-block .dropdown-toggle, #filters .dropdown-menu.show, #user-tabs .dropdown-toggle, #user-tabs .dropdown-menu.show { display: block; }
	#filters .filter-block .dropdown-menu li, #user-tabs .dropdown-menu li { text-align: left; border: none; border-bottom: 1px solid var(--BORDER_COLOR); margin: 0; }
	#filters .filter-block .dropdown-menu li a, #user-tabs .dropdown-menu li a { font-size: .875rem; padding: 10px 15px; }
	#filters .dropdown-menu li:last-of-type, #user-tabs .dropdown-menu li:last-of-type { border: none; }
	#filters .dropdown-menu li:first-of-type, #filters .dropdown-menu li:last-of-type { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	#user-tabs .dropdown-menu li.active a, #user-tabs .dropdown-menu li.active a:visited, #user-tabs .dropdown-menu li.active a:hover, #user-tabs .dropdown-menu li.active a:focus { color: var(--WHITE_COLOR); background: var(--BRAND_COLOR); font-weight: bold; }
	#user-tabs { margin-bottom: 30px; }
	

	
	/*** user pages ***/
	.user-table td { padding: .75rem; font-size: .8125rem; }
	.user-table .trans-details { display: table-cell; text-align: left; }
	.user-table .trans-details small { font-size: inherit; opacity: .7; }
	.user-table .trans-details big { font-size: inherit; font-weight: bold; }
	.user-table .trans-merchant { max-width: 160px; }
	.user-table .trans-date, .user-table .trans-spend, .user-table .trans-purchaseid, .user-table .trans-points, .user-table .trans-status, .user-table .trans-clickid, #page-clicks .user-table .trans-details small span { display: none; }

	/*** claimpoints ***/
	.claimpoints-step { margin-left: -12px; margin-right: -12px; padding: 20px 12px 15px; }
	
	
	/*** help ***/
	#page-faqs .toptext-text { margin-right: 0; }
	#page-faqs .toptext .btn { width: 50%; }
	#page-faqs .toptext-btn { margin-bottom: 20px; }

	#help-faqs .row { display: block; margin: 0; padding: 0; }
	#help-faqs .row > * { width: auto; margin: 0; padding: 0; border: none; }
	
	#faqs-dropdown-trigger { width: 50%; font-size: .9375rem; color: var(--TEXT_COLOR); text-align: left; padding: 10px 15px; font-weight: bold; position: relative; border: 1px solid var(--BORDER_COLOR); background: var(--WHITE_COLOR); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#faqs-dropdown-trigger.show { color: var(--WHITE_COLOR); background: var(--BRAND_COLOR); border-color: var(--BRAND_COLOR); }
	#faqs-dropdown-trigger:after { font-size: 1rem; top: 17px; right: 10px; position: absolute; }
	#faqs-list #faqs-dropdown-menu { display: none; width: 50%; margin-top: 2px; position: absolute; border: 1px solid var(--BORDER_COLOR); padding: 0; overflow: hidden; -webkit-box-shadow: rgba(0,0,0, .3) 0 1px 5px; -moz-box-shadow: rgba(0,0,0, .3) 0 1px 5px; box-shadow: rgba(0,0,0, .3) 0 1px 5px; }
	#faqs-dropdown-trigger, #faqs-list #faqs-dropdown-menu.show { display: block; }
	#help-faqs .tab-pane { padding: 15px 0; }
	#faqs-list ul li { border-bottom: 1px solid var(--BORDER_COLOR); margin: 0; }
	#faqs-list ul li:last-of-type { border: none; }
	#faqs-list ul li a { font-size: .875rem; padding: 10px 15px; }
	#faqs-list ul li a:before { display: none; }
	#faqs-list ul li a.active, #faqs-list ul li a.active:visited, #faqs-list ul li a.active:hover, #faqs-list ul li a.active:focus { color: var(--WHITE_COLOR); background: var(--BRAND_COLOR); }
	
	
	/*** static pages ***/
	.copy .section h2 { font-size: 1.5rem; }
	.copy .section h3 { font-size: 1.125rem; }

	/* HIW */
	.hiw-steps .row { display: block; }
	.hiw-steps .row > * { width: 100%; }
	.hiw-step { overflow: hidden; min-height: 90px; padding: 15px 10px; margin-bottom: 0; position: relative; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
	.hiw-step .hiw-step-image { width: 70px; margin: 0; position: absolute; top: 10px; left: 0; }
	.hiw-step .hiw-step-title, .hiw-step .hiw-step-text { margin-left: 80px; text-align: left; padding: 0; }

	/*** cookies ***/
	.table-wrapper { overflow-x: auto; margin-bottom: 20px; }
	.table-wrapper table { margin-bottom: 1px; }
	
	.copy .section { padding: 0 0 10px; }
	
	/*** modals ***/
	.fancybox-slide { padding: 12px; }
	.fancybox-slide--iframe .fancybox-content { max-width: 100% !important; }
	
	/*** search > autocomplete ***/
	.autocomplete-suggestions { top: 102px !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	
	
	/*** footer ***/
	#footer-logo { width: 250px; margin: 0 0 30px; }
	#footer-top { padding: 30px 0; }
	#footer-nav a { margin-bottom: 10px; white-space: nowrap; display: inline-block; }
}
@media (max-width: 650px) {
	#debug-responsive { background: red; }
	
	/*** 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; margin: 0 0 30px; }
	.awardtime-item { flex: none; width: auto; padding: 0; margin: 0; }
	.awardtime-item em { position: relative; top: auto; right: auto; display: block; }
	.awardtime-item em:before { display: block; width: 35px; height: 35px; text-align: center; transform: rotate(90deg); }
	
	/*** footer ***/
	#footer-nav a { display: block; margin: 10px 0 15px; }

	
}
/*** SM -> XS ***/
@media (max-width: 576px) {
	#debug-responsive { background: lime; }
	
	.box-hdr .right-part { padding-top: 5px; }
	
	
	/*** banner > secondary ***/
	#page-inner .banner-secondary .banner-item .banner-frame { margin-top: 0; position: absolute; }
	.banner-secondary-link .banner-secondary-text2 { font-size: .875rem; line-height: 1.2; display: block; }
	
	/*** home > 2 banners ***/
	#bannersx2 { display: block; margin: 0 0 -10px; }
	#bannersx2 .banner-link { width: 100%; margin: 0 0 15px; }
	
	/*** hiw ***/
	.hiw-step .hiw-step-text { font-size: .8125rem; }
	
	/*** faqs ***/
	#faqs-dropdown-trigger { width: 100%; }
	#page-faqs .toptext-btn .btn { width: 100%; }
		
	/*** clo: popup ***/
	.instorecard-popup h1, .instorecard-popup h1 .cardnumber { font-size: 26px; }
	.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: 200px; }
	
	/*** BANNER > without wrapper ***/
	.banner-wo-promomerch-wrapper .promomerch { width: 100%; padding: 10px; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-title { font-size: 1.75rem; }
	.banner-wo-promomerch-wrapper .promomerch .promomerch-text { font-size: 1rem; }

	
	#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; }

	/*** clo: popup ***/
	.instorecard-popup .popup-content { padding: 30px 15px 0; }
	.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; }
	
	#user-block .usertitle span.username { max-width: 140px; }
	
	.fancybox-slide { padding: 10px !important; }
	
}

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

	body { min-width: 360px; }
	body.popup-iframe, body.modal-iframe { min-width: inherit; }
	
	

}