.login2shop.nondesktop-show, .btn.mobile-show, #popup a.btn.nondesktop-show, .btn.nondesktop-show, .nondesktop-show { display: none !important; } /*** width of banner width ***/ @media (max-width: 1532px) { #debug-responsive { background: red; } .promoitem { height: 448px; } .promoitem { background-size: auto 100%; } .promowide-secondary .promoitem { background-size: 100% auto; } } @media (max-width: 1380px) { #debug-responsive { background: lime; } .promowide-secondary .promoitem { background-size: auto 100%; } } /*** width on full screen ***/ @media (max-width: 1276px) { #debug-responsive { background: orange; } #page-merchant.with-banner #merchant-single #leftcol { top: -350px;} } /*** LG -> MD ***/ @media (max-width: 1200px) { #debug-responsive { background: lime; } #page-merchant #box-merchant-recommended .merch-list .merch-wrapper:nth-of-type(n+4) { display: none; } /*** campaign: panels ***/ .panel-merchant .merch-summary { padding-left: 15px; } } @media (max-width: 1155px) { #debug-responsive { background: blue; } #footer-bottom { background: #23173b url(../images/footer-line.png) no-repeat right 11px / 43% 4px; } #footer-bottom .container{ background: url(../images/footer-airplane.png) no-repeat 57% 0px / 43px auto;} #page-merchant.with-banner #merchant-single #leftcol { top: -320px;} #merchant-single #leftcol { width: 35%; } #merchant-single .rightcol, #box-merchant-vouchers, #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; } } @media (max-width: 1055px) { #debug-responsive { background: green; } #footer-bottom { background: #23173b url(../images/footer-line.png) no-repeat right 11px / 43% 4px; } #footer-bottom .container{ background: url(../images/footer-airplane.png) no-repeat 57% 0px / 43px auto; } /* input[type="text"], textarea { -webkit-appearance: none; -webkit-border-radius: 0px; } #cookies-alert .alert-accept { margin-right: 15px; } */ #page-merchant.with-banner #merchant-single #leftcol { top: -270px;} } @media (max-width: 1024px) { #footer-bottom { background: #23173b url(../images/footer-line.png) no-repeat right 11px / 40% 4px; } #footer-bottom .container{ background: url(../images/footer-airplane.png) no-repeat 60% 0px / 43px auto; } /* .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; } */ #page-merchant.with-banner #merchant-single #leftcol { top: -270px;} } @media (max-width: 1023px) { #search-block { width: 210px;} body#page-az .filter-theme-btns{ margin-left: -15px; margin-right: -15px;} .filter-theme-btns .bootstrap-select.btn-group .btn{ padding: 11px 15px; height: auto; border: 1px solid #ccc; color:#333;} .filter-theme-btns .bootstrap-select.btn-group .btn .caret{ top:4px; } .bootstrap-select.btn-group .btn .filter-option{ position: static; font-family: 'montserratregular'; } body#page-az .filter-theme-btns label { display: none !important;} body#page-az .filter-block{ width: 50%; padding: 0 15px; margin:0; } body#page-az .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { width: 100% !important;} .filter-block .fldst-orderby { margin-right: 0px; width: 100%;} #page-vouchers .filter-block .bootstrap-select { width: 100% !important; } } /*** col-sm ***/ @media (max-width: 991px) { #debug-responsive { background: yellow; } #mainmenu ul.nav > li.nav-categories { width: 13%;} #mainmenu ul.nav > li.nav-offers { width: 20%;} #mainmenu ul.nav > li.nav-vouchers { width: 15%;} #mainmenu ul.nav > li.nav-hiw { width: 20%;} #mainmenu ul.nav > li.nav-fav { width: 21%;} #mainmenu ul.nav > li.nav-help { width: 10%;} .nav-categories .header-trigger.with-dropdown em {right: 15%;} .promowide-secondary .promomerch-cnt { height: 300px; } #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;} .userpage #user-tabs{ display: none; } } @media (max-width: 860px) { #debug-responsive { background: blue; } .nav-categories .header-trigger.with-dropdown em {right: 10%;} /*** mobile header ***/ body {margin-bottom: 0;} body #header-categories { left: 8px; right: 8px; width: auto; } #footer { position: relative; height: auto; } #header { border-width: 1px; position: relative; } #header > .container { padding: 0 15px; } #logo { margin: 0; position: absolute; top: 8px; left: 15px; } #logo a img { height: 37px; } #header-triggers { display: block; } #header-top, #mainmenu{ display: none; } #header-blocks { position: relative; width: calc(100%+30px); margin: 0 -15px; right: auto; clear: both; } #search-block { display: none; width: 100%; margin: 0 0 -1px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #fff; } #search-block #search-wrapper .navbar-form { border: none; } #search-block #search-wrapper .navbar-form .form-control{ font-size: 12px; } #search-block #search-wrapper .navbar-form .form-control { border: none; } #search-mobile-wrapper{ display: none; } #user-block { display: block; float: none; margin: 0px 0 0 0; width: 100%; height: auto; padding: 0px 0px; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 -1px; } #loggedin-box { overflow: hidden; padding: 0; } #user-block .userpoints { text-align: right; margin: 5px 15px 5px 25px;} #user-block #user-trigger { margin: 5px 0 5px 15px; text-decoration: none !important; } body.logged-out #user-block { display: none;} #submenu-user, #favblock-dropdown { position: relative; width: auto; padding: 0; } #loggedout-box a#link2login span { display: none;} #loggedout-box a em { color: #D6083B; margin-left: 0; border: none; } #submenu-user { top: 0; } .home-sections { padding-bottom: 0; } /*** merchant ***/ #merchant-single { padding-top: 0; } #merchant-single #leftcol { width: 37%; max-width: none; position: relative !important; top: 0 !important; } #merchant-single .rightcol { margin-left: 40%; width: auto; } #page-merchant.with-banner #merchant-single #leftcol { top: -20px !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%; } #merchant-images.carousel-has-3-items .owl-controls { display: inherit; } .voucher-list .voucher-item a .item-txt .voucher-txt { font-size: 16px; height: 85px; } } /*** iPad exactly ******************************************************************/ @media (max-width: 768px) { #debug-responsive { background: orange; } /*** 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; } .promomerch-link a em { top: 14px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 70px;} .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 80px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 90px; } /*** secondary ***/ .promowide-secondary .promowide .promomerch { width: auto; height: auto; } .promowide-secondary .promomerch-cnt { height: 250px; } .promowide-secondary .promoitem { background-size: 100% auto; } /* HIW */ .hiw-steps { padding-top: 25px;} .hiw-step { padding-left: 120px; text-align: left; position: relative; min-height: 120px; } .hiw-step .hiw-step-image { max-width: 78px; margin: 0; position: absolute; left: 20px; top: 20px; } .hiw-step .hiw-step-title { font-size: 20px; color: #333; margin-bottom: 9px; font-family: 'montserratbold'; } .hiw-step .hiw-step-text { font-size: 14px; color: #544539; padding: 0; line-height: 1.3; font-family: 'montserratregular'; } /*** merchant ***/ #merchant-single { padding-top: 15px; } #merchant-single h1 { font-size: 28px;} #merchant-single h2 { font-size: 23px;} #box-merchant-recommended h2{ font-size: 20px;} #box-merchant-vouchers h2{ font-size: 20px;} #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%; } #footer-top .footer-socials h3 { display: block; } .footer-socials { text-align: left; padding-top: 2em; } .footer-socials a:first-of-type { margin-left: 0; } } /*** MOBILE ***/ @media (max-width: 767px) { #debug-responsive { background: yellow; } /*** banner ***/ .promowide-block { margin-bottom: 10px; } .promowide-top .promowide-block { margin-bottom: 30px; } .promomerch-banner { padding-top: 0; } .promomerch-title { font-size: 18px; } .promomerch-link a { padding: 7px 10px; } .promomerch-link a em { top: 11px; } .promobanner-secondary .banner-text { padding: 50px 0; float: none; width: auto; text-align: center; } .promobanner-secondary .promoitem { height: auto; } /*** secondary ***/ .promowide-secondary .promomerch-cnt { height: 200px; } .promowide-secondary .promomerch-title { font-size: 22px; } #home #box-panels .box-hdr { margin-bottom: 0; } #home #box-panels #offers-1 .box-hdr { margin-bottom: 20px; } /*** home carousel ***/ .carousel-mobile .owl-dots { background: #fff; padding: 19px 0; } .carousel-mobile .owl-dots .owl-dot span { background: #d4d4d4; } .carousel-mobile .owl-dots .owl-dot.active span { background: #4b4f54; } /* .owl-height { height: inherit !important; } .owl-height .promoitem { max-height: inherit !important; } */ .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; } .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { width: 100% !important; } #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-merchant { width: 150px;} .user-table .trans-details { text-align: left;} /*** 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; } #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%; } #merchant-recommended-wrapper { padding-top: 0;} #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; } /*** 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; font-family: 'montserratregular',Arial,Helvetica,sans-serif; } #help-faqs a#faqs-dropdown { display: block; padding: 13px 15px; position: relative; text-align: left; text-transform: none; font-family: 'montserratregular',Arial,Helvetica,sans-serif; } #help-faqs a#faqs-dropdown:before { color: #d6272e; 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: 14px; padding: 13px 15px; margin: 0; line-height: 1.3; font-family: 'montserratregular',Arial,Helvetica,sans-serif; } #help-faqs #faqs-list ul.nav li a:hover { background: #eee; } #help-faqs #faqs-list li a:before { display: none; } #help-faqs #faqs-list ul.nav li.active a { background: #eee; } /*** claimpoints ***/ #contact-form .legends { float: none; margin-bottom: 20px; } .bootstrap-select.btn-group .btn .filter-option { width: 95%; } /*** 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; } /*** popup ***/ .fancybox-close-small, .fancybox-slide--html .fancybox-close-small { width: 30px; height: 30px; top: 5px; right: 5px; padding: 2px; } #home #box-vouchers .voucher-list .voucher-item { margin-bottom: 0px; } } @media (max-width: 700px) { #debug-responsive { background: red; } .promowide-secondary .promoitem { background-size: auto 100%; } } @media (max-width: 568px) { #debug-responsive { background: green; } #user-block{ padding: 0px 0px;} .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; } } @media (max-width: 505px) { #debug-responsive { background: grey; } } @media (max-width: 480px) { #debug-responsive { background: violet; } .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; } /*** banner ***/ .promowide-top .owl-dots { bottom: -10px; padding: 0; } .promowide .promomerch { width: 100%; float: none !important; } .promoitem { background-color: #fff; background-size: auto 300px; background-position: top center; } .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; } /*** 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; } .promowide-top .banner-hasONLY-image { height: inherit !important; max-height: inherit !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 .banner-has-specialoffer { height: 500px !important; }*/ #home .box-hdr h1, #home .box-hdr h2, .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2, .staticpage .leftpanel .box h2 { font-size: 20px; } #home .box-hdr h3 { font-size: 16px; letter-spacing: 1px; } .box-hdr h3 { font-size: 16px; } #box-offers { margin-top: 0; margin-bottom: 50px; } #box-panels .box-hdr { padding-top: 0; } #home #box-panels .box-hdr h2 { padding-bottom: 5px; } #home #box-panels .box-hdr h3 { padding: 25px 0 5px; } #merchant-images.carousel-has-2-items .owl-controls { display: inherit; } .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; } body#page-az .filter-theme-btns{ margin-left: -8px; margin-right: -8px;} body#page-az .filter-block{ padding: 0 8px; } .block4filters .filter-form { margin-left: -8px; margin-right: -8px; } .block4filters .filter-form .form-group{ padding-left: 8px; padding-right: 8px;} #subscription-form input[type="text"] { width: 100%; } /*** campaign ***/ .panel-wrapper { float: none; width: auto; } /*** footer ***/ .footer-app a { display: block; margin-bottom: 15px; } #footer-top {padding-bottom: 50px;} #footer-bottom .container{ padding-bottom: 115px; } #footer #back-to-top { top: auto; bottom: 0; right: 50%; margin-right: -25px; } #footer .ftr-nav{ padding-top: 2em; } #footer .copyright{ padding-top: 2em; } #footer .copyright br{ margin-bottom: 2em; } #footer-bottom { background: #23173b url(../images/footer-line.png) no-repeat right 11px / 50% 4px; } #footer-bottom .container{ background: url(../images/footer-airplane.png) no-repeat 50% 0px / 43px auto; } } @media (max-width: 420px) { .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;} } /*** iPhone X Max ***/ @media (max-width: 414px) { #debug-responsive { background: cian; } .fancybox-slide { padding: 10px !important; } /* #pagebanner { display: none; } #pagebanner-mobile { display: block; } */ } @media (max-width: 360px) { #debug-responsive { background: yellow; } body { min-width: 360px; } body.popup-iframe { min-width: inherit; } } @media (max-width: 320px) { .fav-steps .fav-heart.item-1 { width: 100px; } .fav-steps .fav-heart{ width: 130px; } }