.login2shop.nondesktop-show, .btn.mobile-show, #popup a.btn.nondesktop-show, .btn.nondesktop-show, .nondesktop-show { display: none !important; } /*** width on full screen ***/ @media (max-width: 1276px) { #debug-responsive { background: orange; } .container { width: auto; } #header .container { padding: 0 15px; } #header-mainsite .container { padding-left: 0; } #logo { left: 15px; } #header-bottom h1 { padding-left: 0; } #mainmenu { margin-left: -15px; } #topmenu .user-login-links { right: -15px; position: relative; margin: 0; } #box-offers { margin-left: 0; margin-right: 0; } #home-sections { padding: 0 15px; } .page-inner { padding: 10px 15px; } .page-box .page-inner { padding: 10px 15px; } #footer #back-to-top { position: absolute; top: -35px; } } @media (max-width: 1155px) { #debug-responsive { background: blue; } a.link-to-merchant { padding-top: 40px; padding-bottom: 30px; } a.link-to-merchant .merch-banner { margin-bottom: 35px; } .leftpanel a.link-to-merchant { min-height: 238px; } .leftpanel .merchant-with-offer a.link-to-merchant { min-height: 262px; } #box-offers.carousel-2-rows .carousel, #box-offers.carousel-2-rows .carousel .owl-stage { max-height: 550px; min-height: 550px; } .carousel .merch-item a.link-to-merchant, .carousel .merch-item a.link-to-merchant:visited { min-height: 256px; } /*** 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; } } @media (max-width: 1055px) { #debug-responsive { background: green; } #header-categories .submenu-categories li.leftcolumn { width: 100%; } #header-categories .submenu-categories li.rightcolumn { display: none; } a.link-to-merchant .merch-banner { margin-bottom: 20px; } .leftpanel a.link-to-merchant { min-height: 223px; } .leftpanel .merchant-with-offer a.link-to-merchant { min-height: 247px; } #box-offers.carousel-2-rows .carousel, #box-offers.carousel-2-rows .carousel .owl-stage { max-height: 520px; min-height: 520px; } .carousel .merch-item a.link-to-merchant, .carousel .merch-item a.link-to-merchant:visited { min-height: 241px; } #coupons .voucher-list .voucher-item a .voucher-expdate { right: 0; } input[type="text"], textarea { -webkit-appearance: none; -webkit-border-radius: 0px; } #cookies-alert .alert-accept { margin-right: 15px; } } @media (max-width: 1024px) { /* .is-tablet .login2shop.desktop-show, .is-mobile .login2shop.desktop-show, .is-tablet .btn.desktop-show, .is-mobile .btn.desktop-show, .is-tablet #popup a.btn.desktop-show, .is-mobile #popup a.btn.desktop-show, .is-tablet .btn.desktop-show, .is-mobile .btn.desktop-show, .is-tablet .desktop-show, .is-mobile .desktop-show { display: none !important; } .is-tablet .login2shop.nondesktop-show, .is-mobile .login2shop.nondesktop-show, .is-tablet .btn.nondesktop-show, .is-mobile .btn.nondesktop-show, .is-tablet #popup a.btn.nondesktop-show, .is-mobile #popup a.btn.nondesktop-show, .is-tablet .btn.nondesktop-show, .is-mobile .btn.nondesktop-show, .is-tablet .nondesktop-show, .is-mobile .nondesktop-show { display: block !important; } */ } /*** col-sm ***/ @media (max-width: 991px) { #debug-responsive { background: yellow; } /* header-mainsite-user */ #header-mainsite-user { width: auto; padding-top: 10px; font-size: 15px; } #header-mainsite-user .username { margin-bottom: 0; } #header-mainsite-user .usercard { font-size: 12px; color: #706d6e; float: none; clear: both; padding: 0; margin: 0; border: none; display: block; } #coupons .voucher-list .voucher-item a .merchant-banner { margin-left: 0; } #coupons .voucher-list .voucher-item a .item-txt { font-size: 14px; } #box-popular .thumbs .item-9, #box-popular .thumbs .item-10, #box-popular .thumbs .item-11, #box-popular .thumbs .item-12 { display: none; } #box-vouchers .box-cnt { padding-left: 0; } #box-vouchers, #box-popular { width: 48.8%; } .merch-list { padding: 0 5px; } .merch-list .col-xs-6 { padding: 0 10px; } .voucher-list .voucher-item a .item-txt { width: 94%; } #box-vouchers .voucher-list .voucher-item a.link-to-voucher { font-size: 13px; } #box-offers .box-cnt .column .merch-item, .merch-wrapper, .thumbs .merch-item, .voucher-list .voucher-item a.link-to-voucher { margin-bottom: 20px; } .box { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .block4filters.bottom { margin: 0; } /*** merchant ***/ #merchant-single .leftcol { margin-left: 0; } #merchant-single .rightcol { width: 64%; } #promo-left { margin-bottom: 15px; } #promo-left img { width: 100%; } #merchant-single .shopnow a, #product-single .shopnow a { padding-left: 10px; padding-right: 10px; } .box h1, .box h2 { font-size: 36px; } /*** cookie alert ***/ #cookies-alert .alert-cnt { width: 85%; padding-top: 0; } #footer #footer-nav { padding: 40px 0 20px; } body { margin-bottom: 140px;} #footer { height: 140px; } #footer #back-to-top { top: -25px; height: 50px; width: 50px; right: 15px; } #footer #back-to-top.show { max-height: 50px; } #footer #back-to-top em { line-height: 50px; } } @media (max-width: 860px) { #debug-responsive { background: blue; } body, .bootstrap-select.btn-group .btn { font-size: 14px; } #header-mainsite ul li { width: 160px; } #search-block { width: 300px; } .page-box .page-inner { margin: 0; } #home .box-hdr h2 { font-size: 36px; } .box .box-hdr .right-part .links { text-align: center; } a.link-to-merchant { font-size: 14px; } #box-vouchers .voucher-list .voucher-item a .item-txt .voucher-txt { margin-bottom: 0; } #box-vouchers .voucher-list .voucher-item a .item-txt, #box-vouchers .voucher-list .voucher-item a .voucher-expdate .date { font-size: 12px; } a.link-to-merchant, #box-merchant-recommended a.link-to-merchant { padding-top: 30px; padding-bottom: 20px; } .leftpanel a.link-to-merchant { min-height: 195px; } .leftpanel .merchant-with-offer a.link-to-merchant { min-height: 218px; } #merchant-single .merchant-rates { font-size: 16px; } #merchant-single .merch-icons { font-size: 15px; } #box-merchant-recommended a.link-to-merchant .merch-banner { margin-bottom: 20px; } #box-merchant-vouchers .voucher-list .voucher-item .vcode { width: 60%; } #box-offers.carousel-2-rows .carousel, #box-offers.carousel-2-rows .carousel .owl-stage { min-height: 462px; max-height: 462px; } .carousel .merch-item a.link-to-merchant, .carousel .merch-item a.link-to-merchant:visited { min-height: 218px; } .tabs ul li a, .tabs ul li.active a, .tabs ul li.active a:visited, .tabs ul li.active a:hover, .tabs ul li.active a:focus { line-height: 60px; padding: 0 20px; } .user-table th { font-size: 14px; } .user-table td { font-size: 13px; } /*** claimpoints ***/ #contact-form .bootstrap-select.form-control { width: 100%; max-width: 100%; } } /*** iPad exactly ******************************************************************/ @media (max-width: 768px) { #debug-responsive { background: orange; } } /*** MOBILE ***/ @media (max-width: 767px) { #debug-responsive { background: yellow; } /* .nondesktop-show, .is-desktop #popup .desktop-show, .is-tablet #popup .desktop-show { display: block !important; } .desktop-show, .is-desktop #popup .nondesktop-show, .is-tablet #popup .nondesktop-show { display: none !important; } */ /*** header ***/ #header-top { height: 64px; } #logo { height: 40px; left: 67px; top: 13px; } #logo span { line-height: 40px; padding-left: 16px; font-size: 18px; } #menu-trigger { display: block; } #search-block, #search-wrapper { width: 100%; max-width: 100%; float: none; } body.logged-in #search-block { width: 80%; } #loggedin-box .navbar-nav { margin: 0; } #search-wrapper .navbar-form { padding-right: 0; } #search-wrapper .navbar-form button { display: none; } /*** home ***/ .leftpanel .box .box-cnt { padding-top: 10px; } .leftpanel .box-cnt .merch-list { padding: 0 10px; } .merch-list .merch-item, .leftpanel .merch-list .merch-item { min-width: 140px; margin: auto; } #box-vouchers, #box-popular { width: 100%; float: none; } #box-popular { border: none; border-top: 1px solid #d8d7d7; } .thumbs .merch-item { margin-bottom: 15px; } /*** box-popular ***/ #sidebar #block-vouchers { width: 100%; float: none; } #sidebar #block-popular { width: 100%; float: none; border-top: 1px solid #d8d7d7; padding-top: 10px; } #block-popular .col-sm-6 { width: 50%; } #block-popular .item-3, #block-popular .item-4 { display: none; } #block-popular .box-cnt, #sidebar #block-popular .merch-list .merch-item .merch-full { min-height: inherit; } /*** merchant-single ***/ #merchant-single .leftcol { width: 100%; float: none; max-width: inherit; } #merchant-single .rightcol { float: none; width: 100%; overflow: hidden; max-width: 100%; padding-top: 0; } #merchant-single .merch-col-with-banner { overflow: hidden; width: 100%; } .merchant-col-text { width: 100%; } #box-merchant-vouchers .voucher-list .voucher-item .v-description { float: none; width: 100%; } #box-merchant-vouchers .voucher-list .voucher-item .v-expdate { float: none; width: 100%; text-align: left; font-size: 11px; } #box-merchant-vouchers .voucher-list .voucher-item .vdate { display: inline-block; padding-left: 5px; } #box-merchant-vouchers .voucher-list .voucher-item .fixed-offer { width: 42px; } #box-merchant-vouchers .voucher-list .voucher-item .v-cnt.with-fixed-offer { padding-left: 60px;} #box-merchant-vouchers .voucher-list .voucher-item .v-cnt.with-fixed-offer .vcode { width: 100%; } #page-siteleave .logo .logotext, #page-tracking .logo .logotext { right: -36px; top: 32px; font-size: 14px; } #page-siteleave .popup-cnt h1 { margin-top: 40px; } #page-siteleave.with-purchase-conditions .popup-cnt h1 { margin-top: 10px; } #page-siteleave .logo { display: none; margin-bottom: -10px; } #page-siteleave.is-mobile .logo { display: block; } /*** filter ***/ #page-az .space4filters { height: 130px; } .paging { float: none; } .filter-block { float: none; width: auto; } .block4filters .paginator { float: none !important; clear: both; text-align: left; padding-top: 10px; } .block4filters.bottom .paging { padding-left: 0; margin-bottom: 0; } .pagination > li > a, .pagination > li > span { padding: 6px 4px;} .block4filters.bottom .paging { padding-right: 0; } .pagination-label { display: block; float: left; } .with-paging .space4filters { height: 90px; } .user-filter.block4filters .filter-block { width: 100%; } .user-filter .paginator { width: 100%; } #coupons .voucher-list .item-txt { padding-right: 0; } #coupons .voucher-list .voucher-item a .voucher-expdate { position: relative; top: auto; right: auto; text-align: left; } #coupons .voucher-list .voucher-item a .voucher-expdate .date { padding: 0; display: inline-block; } /*** account ***/ th { font-size: 14px; } td { font-size: 13px; } .points-stats .points-box { font-size: 17px; padding: 15px 0; margin-bottom: 10px; } .points-stats .points-box big { font-size: 24px; padding-right: 5px; } .legends .right-part { display: none; } .user-table big { font-size: 120%; font-weight: 600; margin-bottom: 3px; display: block; } .user-table small { opacity: 0.5; } .user-table .trans-points small { display: block; line-height: 1; } /*** 404 ***/ #errorpage #mainmenu { display: none; } #errorpage #contents { padding: 0 0 20px; } #errorpage #contents br { display: none; } #error404-search-block h3 { font-size: 26px; } /*** campaign ***/ #page-campaign #page-nav { float: none; } /*** 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; } .box-cnt #pagebanner-block { padding: 10px 0; } #promo-top { margin-top: 0; text-align: center; background: #fff32a; } #promo-top img { margin: 0 auto; } /*** error404 new ***/ #errorpage.error404 #contents { padding: 20px; } #errorpage.error404 #contents h1 { font-size: 26px; } #errorpage.error404 #contents h5 { font-size: 16px; } #errorpage.error404 #contents .border-r-1 { border-right: none; } #errorpage.error404 #contents .col-sm-8 .contact-method-container { border: none; border-top: 1px solid #e9e9e9; padding-left: 0; margin: 30px 0 0; } /*** footer ***/ body { margin-bottom: 0; } #footer { position: relative !important; height: auto; bottom: inherit; } #footer .footer-inner { height: auto; } #footer .copyright { padding-bottom: 20px; } #footer-nav { margin: 0; } #footer a, #footer a:visited { padding: 5px 0; } #footer-nav a:after { height: 0px; margin-bottom: 20px; display: block; content:""; } /*** cookie ***/ #cookies-alert .container { padding-top: 7px; padding-bottom: 7px; } #cookies-alert .container .alert-cnt { width: 80%; font-size: 12px; line-height: 1.1; } /*** 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; } } @media (max-width: 650px) { #debug-responsive { background: red; } body.logged-in #search-block { width: 75%; } /*** fiter: as buttons ***/ #page-az .filter-block#az-letters { overflow: hidden; margin-bottom: 10px; } #page-az .filter-theme-btns .filter-block { float: none; width: 100%; position: relative; } #page-az .filter-theme-btns .filter-block#az-letters { float: none; width: 100%; } #page-az .filter-theme-btns .filter-block label { display: none; } #page-az .filter-theme-btns .filter-block label#folter-label-az-mobile { display: block; float: none; position: relative; margin: -12px 0 0; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group .btn { color: #fff; background: #383838; display: none; } #page-az .filter-theme-btns .bootstrap-select.btn-group, #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group { padding-left: 0; } #page-az .filter-theme-btns .filter-block#az-letters .dropdown-menu { display: block; top: 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #az-letters ul li { width: 7%; } .filter-theme-btns .bootstrap-select.btn-group { width: 100% !important; float: left; max-width: none; height: 50px; overflow: inherit; } .filter-theme-btns .bootstrap-select.btn-group .btn { display: block; height: 50px; color: #000; background: #fff; border: 1px solid #d3d2d2; } .filter-theme-btns .bootstrap-select.btn-group .btn .filter-option { text-align: center; } .filter-theme-btns .bootstrap-select.btn-group .btn .caret { color: transparent; } .filter-btns .dropdown-menu { display: none !important; width: 100% !important; padding: 1px; margin: 2px 0 0; border: 1px solid #d3d2d2; -webkit-box-shadow: rgba(0,0,0,0.175) 0 6px 12px; -moz-box-shadow: rgba(0,0,0,0.175) 0 6px 12px; box-shadow: rgba(0,0,0,0.175) 0 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .filter-btns .open .dropdown-menu { display: block !important; margin-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .filter-btns .dropdown-menu ul li, .filter-btns .dropdown-menu ul li:first-child, .filter-btns-3 .fldst-orderby .dropdown-menu ul li, .filter-btns-4 .fldst-orderby .dropdown-menu ul li { float: none; width: 100%; } .filter-btns .dropdown-menu ul li { border: none; border-top: 1px solid #d8d8d8; } .filter-btns .dropdown-menu ul li:first-child { border: none } .filter-btns .dropdown-menu ul li a { padding: 8px 5px; display: block; text-align: center; } .filter-btns .dropdown-menu ul li.selected a, #page-az .filter-theme-btns .filter-block#az-letters .dropdown-menu li.selected a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* tabs-theme-select */ #page-top.with-tabs { padding-top: 15px; background: #fff; } .tabs-theme-select { padding: 0 15px; background: transparent; } .tabs.tabs-theme-select .dropdown-toggle { display: block; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .tabs.tabs-theme-select .open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.3); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.3); box-shadow: inset 0 3px 5px rgba(0,0,0,.3); } .tabs.tabs-theme-select .dropdown-menu { display: none !important; top: 61px; left: 0; width: 100%; border: 1px solid #d3d2d2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: rgba(0,0,0,0.175) 0 6px 12px; -moz-box-shadow: rgba(0,0,0,0.175) 0 6px 12px; box-shadow: rgba(0,0,0,0.175) 0 6px 12px; } .tabs.tabs-theme-select .open .dropdown-menu { display: block !important; } .tabs.tabs-theme-select .dropdown-menu li { float: none; border-top: 1px solid #1px solid #d8d8d8; } .tabs.tabs-theme-select .dropdown-menu li:first-child { border: none; } .tabs.tabs-theme-select .dropdown-menu li a { line-height: 24px; padding: 7px 5px; text-align: center; display: block; background: #fff; } .tabs.tabs-theme-select .caret { color: transparent; } /*** account ***/ .user-filter.block4filters .filter-block .form-group { display: block; position: relative; padding-left: 70px; } .user-filter.block4filters .filter-block .form-group label { position: absolute; top: 10px; left: 0; } .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"], .user-filter.block4filters .filter-block .form-group-month .btn-group, .user-filter.block4filters .filter-block .form-group-status .btn-group { width: 100% !important; max-width: 100% !important; } #account .user-table { display: none; } .user-table .card-number { font-size: 13px; } .transaction-list { display: block; } } @media (max-width: 568px) { #debug-responsive { background: green; } #mainpanel .merch-list .row:after { display: table; } #mainpanel { overflow: hidden; } /*** merch-list ***/ .merch-list .col-xs-6 { width: 50%; } .sideblock .merch-wrapper { padding: 5px; } .box h1, .box h2 { font-size: 30px; } /*** box-popular ***/ #box-popular .merch-list .col-separator { display: none; } #box-vouchers .voucher-list .voucher-item a .merch-txt { width: 45%; padding: 3px 5px; font-size: 9px; line-height: 11px; } .voucher-list .voucher-item a .merch-txt .merch-expdate { display: block; width: auto; padding: 0; font-size: 11px; float: none; text-align: left; } .voucher-list .voucher-item a .merch-expdate .date { display: inline-block; padding-left: 5px; } .voucher-list .voucher-item a > .merch-expdate { display: none; } .voucher-list .voucher-item a .merch-txt .txt { height: 45px; } #box-vouchers .voucher-list .voucher-item a .merch-expdate { width: auto; text-align: left; } #box-vouchers .voucher-list .voucher-item a .merch-txt .merch-expdate.only-mobile { display: block; } #page-az .space4filters { height: 150px; } #faqs .questions { background: transparent; padding: 0; border: none; } #faqs .questions ul { padding-left: 5px; } #hiw-cta { margin: 20px; } #hiw-cta i { font-size: 550%; } #hiw-cta h2 { font-size: 24px; } /*** transaction ***/ .legends .right-part { float: none; clear: both; padding-top: 10px; text-align: left; } .user-table .trans-purchaseid, .user-table .trans-spend { display: none; } #account .leftpanel .box .box-hdr h1, #clicks .leftpanel .box .box-hdr h1, #page-fav .leftpanel .box .box-hdr h1, #page-subscription .leftpanel .box .box-hdr h1, #page-instorecards .leftpanel .box .box-hdr h1 { font-size: 25px; } #cookies-alert .container .alert-cnt { width: 78%; font-size: 11px; } /*** footer ***/ .ftr-block, #ftr-block-social { width: auto; float: none; overflow: hidden; margin-bottom: 20px; } } @media (max-width: 505px) { #debug-responsive { background: grey; } body.logged-in #search-block { width: 70%; } #mainpanel h1, #box-merchant-recommended .box-hdr h2 { font-size: 24px; } #mainpanel h2, #merchant-single .merchant-purchase-conditions h2 { font-size: 22px; } #page-vouchers .voucher-list .voucher-item a .item-txt { font-size: 13px; } .voucher-list .voucher-item a { position: relative; text-decoration: none; } .voucher-list .voucher-item a .arrow-next { position: absolute; bottom: 0; right: 0; } /*** transaction ***/ /*#account .filter-block .form-group:first-child { display: block; }*/ /*** footer ***/ #cookies-alert .container { padding: 5px; } #cookies-alert .container .alert-cnt { width: 73%; font-size: 11px; } #cookies-alert .alert-accept { font-size: 13px; padding: 3px 8px; margin-right: 25px; } } @media (max-width: 480px) { #debug-responsive { background: violet; } body.logged-in #search-block { width: 60%; } a#sitename { font-size: 24px; } #az-letters { float: none; width: 100%; margin-bottom: 10px; } #page-az .filter-block { width: 100%;} .voucher-list .voucher-item a.link-to-voucher { min-height: inherit; } .voucher-list .voucher-item > a:after { display: none; } .voucher-list .voucher-item a .item-txt { width: 100%; } .voucher-list .voucher-item a .voucher-expdate .date { font-size: 13px; } #page-vouchers .fldst-orderby .bootstrap-select.btn-group, #page-vouchers .fldst-orderby .bootstrap-select.btn-group[class*="span"] { max-width: 100%; } #page-vouchers .voucher-list .voucher-item a .voucher-expdate, #coupons .voucher-list .voucher-item a .voucher-expdate { position: relative; top: auto; left: auto; right: auto; text-align: left; } #coupons .voucher-list .voucher-item a .item-txt { min-height: inherit; } #coupons .voucher-list .voucher-item a .voucher-expdate .date { display: inline-block; } .voucher-list .voucher-item a .item-txt .txt { height: auto; } #coupons .voucher-list .voucher-item a .merchant-banner { margin-right: 15px; } .voucher-item .voucher-shopnow .btn { padding: 3px 6px; } .voucher-item .voucher-shopnow { top: 18px; } #az-letters ul li { width: 10%; } .user-filter .form-group { display: inline-block; } #page-contact .form-submit p { width: 100%; } #hiw-cta { margin: 10px 10px 30px; } #hiw-cta .col-xs-4 { padding: 0 5px; } #hiw-cta i { font-size: 550%; } #hiw-cta p { font-size: 12px; line-height: 1.3; } #hiw-cta h2 { font-size: 18px; } /*** subscription ***/ #subscription-form input[type="text"] { width: 100%; } /*** popup-welcome ***/ #popup-welcome .checkbox { float: none; } #popup-welcome-btn { width: 100%; margin-bottom: 10px; } #popup-welcome .popup-header img { width: 100px; } #popup-welcome .popup-header:before { top: 33px; right: 100px; } #popup-welcome h3 { margin-top: -30px; margin-right: 0; } /*** campaign ***/ .panel-wrapper { width: auto; float: none; } /*** footer ***/ .ftr-block ul li { float: none; width: auto; } #ftr-block-social ul li { display: inline-block; float: none; } #ftr-block-social ul li.fb a { top: -2px; } #ftr-block-social ul li.yt a { top: 1px; } } /*** iPhone X Max ***/ @media (max-width: 414px) { #debug-responsive { background: red; } #pagebanner { display: none; } #pagebanner-mobile { display: block; } } @media (max-width: 360px) { #debug-responsive { background: yellow; } body { min-width: 319px; } .only-mobile { display: block; } .hidden-mobile { display: none; } /*** basis ***/ #home .box-hdr h2 { font-size: 30px; } a.link-to-merchant { font-size: 12px; } .voucher-list .voucher-item a .item-txt { min-height: inherit; } .voucher-list .voucher-item a .item-txt .txt { width: 100%; height: auto; display: block; } .voucher-list .voucher-item a .merchant-banner, #coupons .voucher-list .voucher-item a .merchant-banner { float: none; display: block; margin-bottom: 5px; } /*** copy ***/ .copy ul, .copy ol { padding-left: 6px; } th, td { padding: 10px 7px; } td { font-size: 12px; } #where-are-my-points h2 { margin-bottom: 10px; float: none; width: 100%; } }