/* Beat The Queue */ body { background-color: #fff;} .site-btq {font-family: 'ITCAvantGardeStd-Book';} .site-btq #globalNavigation, .site-btq #userbox, .site-btq #locate, .site-btq #contentBottom {display: none;} .site-btq #content {padding-bottom: 0;} #btq-primary-nav, #btq-footer-nav {display: none;} .site-btq #logo {clear: none;} .site-btq div.pageHeader {max-width: 1280px;} .site-btq div.pageHeaderWrapper {margin: 0 auto;} .site-btq div.pageHeader p.share {display: none;} .site-btq #headerWrapper {max-width: 1280px;} .site-btq div.rowMiddle div.rowWrapper, .site-btq div.rowBottom div.rowWrapper {max-width: 1280px;} /* BTQ Nav */ .site-btq #revealNavigationButton {display: none; float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px;} .site-btq div.customer_account_type_ #revealNavigationButton {} /* not logged in */ .site-btq #revealNavigationButton a {display: block; height: 40px; padding: 0 15px; border-radius: 6px; background-color: #006f77; background-color: rgba(0, 0, 0, 0.2); font-size: 18px; line-height: 45px; color: white; text-align: center; text-decoration: none;} .site-btq #revealNavigationButton a.reveal:before {content: ''; font-family: "SSStandard";} .site-btq #revealNavigationButton a span {display: none;} .site-btq #primaryNavigation {display: block; width: 100%; max-height: 0; max-width: 300px; margin: 0 0 20px 0; border-radius: 0; overflow: hidden; font-family: inherit; clear: both; transition: max-height 1s ease-in-out;} .site-btq.nav-open #primaryNavigation {max-height: 1000px;} .site-btq #primaryNavigation ul li {display: block; float: none; text-align: left;} .site-btq #primaryNavigation ul li a {} .site-btq #footerNavigation a[href="/retailer-login"], .site-btq #footerNavigation a[href="/news"] {display: none;} @media only screen and (max-width: 1300px) { .site-btq #headerWrapper {max-width: 95%;} .site-btq div.pageHeader {max-width: 95%;} .site-btq div.pageHeaderWrapper {margin: 0 auto;} } @media only screen and (max-width: 900px) { .site-btq div.rowMiddle {padding: 20px 0 0 0;} .site-btq #headerWrapper {max-width: 90%; margin: 0 auto;} .site-btq div.pageHeader {max-width: 90%;} .site-btq #revealNavigationButton {display: block;} .site-btq #primaryNavigation {margin-bottom: 0; max-width: 100%;} .site-btq #footer {display: none;} .site-btq #logo {margin-left: 0;} } .node-btq-flipdish {min-height: 60vh;} .btq-flipdish {font-size: 14px;} .btq-flipdish #flipdish-menu .panel {color: #425859;} .btq-flipdish #flipdish-menu h1, .btq-flipdish #flipdish-menu h2, .btq-flipdish #flipdish-menu h3, .btq-flipdish #flipdish-menu h4 {font-family: 'ITCAvantGardeStd-Book'; margin-bottom: 20px;} .btq-flipdish #flipdish-menu h1 {font-size: 31px; color: #475859;} .btq-flipdish #flipdish-menu h2 {font-size: 24px; color: #111111;} .btq-flipdish #flipdish-menu h3 {font-size: 25px; color: #425859;} .btq-flipdish #flipdish-menu a:focus, .btq-flipdish #flipdish-menu a:hover {text-decoration: none;} .btq-flipdish #flipdish-menu .delivery-location :hover, .btq-flipdish #flipdish-menu .delivery-location :link, .btq-flipdish #flipdish-menu .delivery-location :visited {color: #111111;} .btq-flipdish #flipdish-menu .pull-right { /*margin-right: 30px;*/ margin-right: 0px !important; color: #111111;} .btq-flipdish #flipdish-menu .checkout-panel {padding: 20px; border: none; background: transparent; box-shadow: none;} .btq-flipdish #flipdish-menu .delivery-location {margin-bottom: 60px;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row {position: relative; padding: 30px 18px 16px 18px; border: none; border-bottom: 2px solid #e8e8e8; background: transparent; font-family: 'ITCAvantGardeStd-Medium'; color: #425859;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row:before {content: url('/images/icon-store-outline.png'); float: left; margin: 4px 20px 20px 0;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row:after {content:'▻'; position: absolute; display: inline-block; height: 16px; width: 16px; top: 50%; margin-top: -8px; right: 16px; font-family: 'SSPika'; color: #018d97; transition: all 300ms ease-out;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row:hover:after {right: 0;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row .card-hint {font-family: 'ITCAvantGardeStd-Book'; color: #989898;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row .card-title {font-size: 18px; color: #111111;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row address {margin-bottom: 0; color: black;} .btq-flipdish #flipdish-menu .delivery-location a[href="#/delivery"] .delivery-row, .btq-flipdish #flipdish-menu .delivery-location a[href="#/collection"] .delivery-row {margin-bottom: 2px; padding: 18px; border: none; background: #f9f9f9;} .btq-flipdish #flipdish-menu .delivery-location a[href="#/delivery"] .delivery-row:hover, .btq-flipdish #flipdish-menu .delivery-location a[href="#/collection"] .delivery-row:hover {background: #e7e7e7; } .btq-flipdish #flipdish-menu .delivery-location a[href="#/delivery"] .delivery-row:before, .btq-flipdish #flipdish-menu .delivery-location a[href="#/collection"] .delivery-row:before {display: none;} /* Custom CSS */ .btq-flipdish #flipdish-menu .basket-item .basket-control__minus { border-right: 1px solid #808080 !important; margin-top: 5px !important; font-size: 11px;} .btq-flipdish #flipdish-menu .basket-item .basket-control__plus { margin-top: 5px !important; font-size: 11px;} .btq-flipdish #flipdish-menu a { color: #018d97 !important; } .btq-flipdish #flipdish-menu .checkout-panel p a p { margin-left: 20px;} @media only screen and (max-width: 960px) { .btq-flipdish #flipdish-menu .delivery-location .delivery-row {position: relative; display: flex; flex-direction: column; padding-left: 40px;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row:after {right: 0;} .btq-flipdish #flipdish-menu .delivery-location .delivery-row:before {position: absolute; left: 0;} .btq-flipdish #flipdish-menu .pull-right {align-self: flex-start; order: 2; margin-top: 10px; font-size: 12px;} } /* btq back button */ .btq-flipdish #flipdish-menu .checkout-panel > a {position: relative; display: inline-block; margin-bottom: 20px; left: 5px; font-size: 11px; color: #018D97; text-transform: uppercase;} .btq-flipdish #flipdish-menu .checkout-panel > a:focus, .btq-flipdish #flipdish-menu .checkout-panel > a:hover {color: #018d97; text-decoration: none; opacity: 0.7;} .btq-flipdish #flipdish-menu .checkout-panel > a:before {content:'◅'; position: absolute; display: inline-block; height: 10px; width: 10px; left: -5px; border-radius: 50%; background: #018d97; font-family: 'SSPika'; font-size: 7px; line-height: 11px; color: white; text-align: center;} .btq-flipdish #flipdish-menu .checkout-panel > h2 {display: none;} .btq-flipdish #flipdish-menu .checkout-panel .form-group label {margin-top: 11px; margin-bottom: 10px; padding: 0; font-size: 16px;} /* btq checkout */ .btq-flipdish #flipdish-menu .location-header > div {display: flex; flex-direction: column; padding: 0 0 0 20px;} .btq-flipdish #flipdish-menu .location-header h4 {order: 1; margin: 20px 0 0 0; font-size: 17px; color: #989898;} .btq-flipdish #flipdish-menu .location-header h2 {order: 2; margin: 10px 0 20px 0; font-size: 31px; color: #475859;} .btq-flipdish #flipdish-menu .location-header > div div {order: 3;} .btq-flipdish #flipdish-menu .location-header > div div p {position: relative; display: block; margin-bottom: 20px; padding: 10px 0 10px 15px; border: 2px solid #fafafa; border-width: 2px 0 2px 0; font-family: 'ITCAvantGardeStd-Demi'; font-size: 11px; color: #018D97; text-transform: uppercase;} .btq-flipdish #flipdish-menu .location-header > div div p:focus, .btq-flipdish #flipdish-menu .location-header > div div p:hover {color: #018d97; text-decoration: none; opacity: 0.7;} .btq-flipdish #flipdish-menu .location-header > div div p:before {content:'◅'; position: absolute; display: inline-block; height: 10px; width: 10px; left: 0; border-radius: 50%; background: #018d97; font-family: 'SSPika'; font-size: 7px; line-height: 11px; color: white; text-align: center;} .btq-flipdish #flipdish-menu .clickable:hover {background: #fafafa;} .btq-flipdish #flipdish-menu h2.menu-section {padding-left: 20px; font-size: 24px; letter-spacing: normal; color: #018D97;} .btq-flipdish #flipdish-menu hr {border: none; border-top: 1px solid #018D97;} .btq-flipdish #flipdish-menu h4.menu-item {margin-top: 10px; min-height: 38px; font-size: 19px; color: #111111;} .btq-flipdish #flipdish-menu .menu-item-name {letter-spacing: normal; max-width: 70%;} .btq-flipdish #flipdish-menu .menu-item .fd-price {font-family: 'DharmaGothicE-Regular'; font-size: 24px; color: #46bb74; letter-spacing:0.6px;} .btq-flipdish #flipdish-menu .menu-item .from {font-size: 16px; letter-spacing: normal; vertical-align: baseline;} .btq-flipdish #flipdish-menu .menu-item-description {color: #b0b0b0;} .btq-flipdish #flipdish-menu .dots-container {background: none; justify-content: space-between;} .btq-flipdish #flipdish-menu .form-control {height: 42px; padding: 10px; border-color: #018D97; border-radius: 0; font-size: 16px; line-height: 22px;} .btq-flipdish #flipdish-menu input[type="tel"].form-control {height: 42px; padding-top: 0; padding-bottom: 0;} .btq-flipdish #flipdish-menu select.form-control {padding: 0 10px;} .btq-flipdish #flipdish-menu .checkbox-inline input[type=checkbox], .btq-flipdish #flipdish-menu .checkbox input[type=checkbox], .btq-flipdish #flipdish-menu .radio-inline input[type=radio], .btq-flipdish #flipdish-menu .radio input[type=radio] {margin-top: -2px; border-color: #018D97;} .btq-flipdish #flipdish-menu .btn {height: 44px; padding-top: 0; padding-bottom: 0; line-height: 44px;} .btq-flipdish #flipdish-menu .btn-primary.focus, .btq-flipdish #flipdish-menu .btn-primary:focus, .btq-flipdish #flipdish-menu .btn-primary.active, .btq-flipdish #flipdish-menu .btn-primary:active, .btq-flipdish #flipdish-menu .btn-primary:hover, .btq-flipdish .open>#flipdish-menu .btn-primary.dropdown-toggle, .btq-flipdish #flipdish-menu .btn-primary.active.focus, .btq-flipdish #flipdish-menu .btn-primary.active:focus, .btq-flipdish #flipdish-menu .btn-primary.active:hover, .btq-flipdish #flipdish-menu .btn-primary:active.focus, .btq-flipdish #flipdish-menu .btn-primary:active:focus, .btq-flipdish #flipdish-menu .btn-primary:active:hover, .btq-flipdish .open>#flipdish-menu .btn-primary.dropdown-toggle.focus, .btq-flipdish .open>#flipdish-menu .btn-primary.dropdown-toggle:focus, .btq-flipdish .open>#flipdish-menu .btn-primary.dropdown-toggle:hover {background-color: #018D97; border-color: #018D97;} .btq-flipdish #flipdish-menu .btn-default {border-color: #d7d7d7; border-radius: 0; font-size: 12px; color: #333333;} .btq-flipdish #flipdish-menu .btn-default:hover {border-color: #d7d7d7; background: transparent; opacity: 0.7;} .btq-flipdish #flipdish-menu .btn-primary {border-color: #018D97; border-radius: 0; background-color: #018D97; color: white;} .btq-flipdish #flipdish-menu .btn-primary:hover {border-color: #018D97; background-color: #018D97; opacity: 0.7;} .btq-flipdish #flipdish-menu .basket-bar-right .basket-header {font-family: 'ITCAvantGardeStd-Medium'; font-size: 16px; color: #018D97;} .btq-flipdish #flipdish-menu .basket-bar-right {border: 1px solid #018D97; border-bottom: none;} .btq-flipdish #flipdish-menu .basket-bar-right > * {margin: 10px;} .btq-flipdish #flipdish-menu .basket-item {padding-top: 15px; border-bottom: 1px solid #eaf5f6;} .btq-flipdish #flipdish-menu .basket-item .description {color: black;} .btq-flipdish #flipdish-menu .basket-item .description div {margin: 15px 0; font-size: 12px; font-style: normal; color: #989898;} .btq-flipdish #flipdish-menu .basket-item .fd-price {position: relative; top: 1px !important; margin-left: 20px; margin-bottom: 20px; padding-right: 0; font-family: 'ITCAvantGardeStd-Demi'; color: #46bb74; text-align: right;} .btq-flipdish #flipdish-menu .glyphicon-trash:before {margin-left: 5px; /*font-size: 12px; color: #989898;*/ font-size: 10px !important; color: #018d97 !important;} .btq-flipdish #flipdish-menu .price {margin-right: 0; font-family: 'ITCAvantGardeStd-Demi'; color: #46bb74;} .btq-flipdish #flipdish-menu .option-set-input:not(:last-child) label {margin-right: 0; border-bottom: 1px solid #fafafa;} .btq-flipdish #flipdish-menu .form-horizontal .form-group {} /* Delivery */ #flipdish-menu .delivery-location .delivery-row .address .map-image {margin-right: 30px;} /* BTQ Landing Page */ .btq-landing div.fixedWidth {max-width: 1280px;} .btq-landing #content {padding-top: 0; } .btq-landing div.content {margin: 0;} .btq-landing div.rowTop {} .btq-landing div.rowMiddle {padding: 50px 0 50px 0;} .btq-landing div.rowMiddle div.rowWrapper {max-width: 1280px;} .btq-landing div.rowBottom {background-color: #143a48;} .btq-landing div.rowBottom div.rowWrapper {max-width: 100%;} .btq-landing div.rowBottom:before {content:''; display: block; position: relative; left: 0; top: -50px; width: 100%; height: 100px; background: white; transform: skewY(-3.408deg);} .btq-landing div.pageHeader {padding: 20px 0;} .btq-landing div.pageHeader h1.pageTitle {display: none;} @media only screen and (max-width: 1300px) { } @media screen and (max-width: 900px) { .btq-landing div.rowMiddle {padding: 20px 0 0 0;} } /* breadcrumb */ .btq-landing div.breadcrumb {display: inline-block; margin: 0; padding: 0; } .btq-landing div.breadcrumb span {position: relative; display: inline-block; padding: 0 10px; height: 34px; background-color: #eef5f6; line-height: 34px; color: #008b95; vertical-align: middle;} .btq-landing div.breadcrumb span:after {padding-left: 15px; content:''; position: absolute; display: inline-block; height: 34px; width: 26px; background: url('../images/btq/delimeter.png') no-repeat right #eef5f6; z-index: 200;} .btq-landing div.breadcrumb span.path_delimiter {display: none;} .btq-landing div.breadcrumb span.last {padding: 0 10px 0 25px;} .btq-landing div.breadcrumb span.last:after {background: url('../images/btq/delimeter-last.png') no-repeat right #eef5f6; width: 26px;} .btq-landing div.breadcrumb .last {display: inline-block;} .btq-landing div.pageHeader p.share {display: inline-block; margin-right: 40px;} .btq-landing a.button {background-color: none;} .btq-landing a.button.share {background-color: rgba(0,0,0,0); width: 30px; height: 30px; line-height: 32px; border-radius: 3px; padding: 0; margin: 0 3px; color: #008b95; font-size: 20px;} .btq-landing a.button.share:after {content: ''; font-family: "SSPika";} .btq-landing .node-intro {padding: 70px 0; background-color: #143a48;} .btq-landing .intro h1 {display: inline-block; max-width: 632px; font-family: 'DharmaGothicE-Bold'; font-size: 96px; line-height: 1; color: white; text-transform: uppercase;} .btq-landing .intro h1 span {position: relative; z-index: 1; display: inline-block;} .btq-landing .intro h1 span:after {content:''; display: block; position: absolute; z-index: -1; left: 4px; right: 2px; bottom: 8px; border-bottom: 5px solid #c64792;} .btq-landing .intro p {max-width: 632px; color: white;} .btq-landing .intro img {float: right; max-width: 620px;} .btq-landing .intro form {display: flex; flex-direction: row; max-width: 632px;} .btq-landing .intro form select {position: relative; margin: 0; width: 100%; max-width: 480px; height: 45px; padding: 10px 57px 10px 10px; border: 1px solid #c64792; border-radius: 0; background: white; font-family: 'ITCAvantGardeStd-Book'; font-size: 16px; -webkit-appearance: none; background: url('../images/btq/btq-dropdown.png') right no-repeat #ffffff;} .btq-landing .intro form select::-ms-expand {display: none;} .btq-landing .intro option {} .btq-landing .intro form button {width: 180px; margin: 0 0 0 5px; padding: 10px 0 8px 0; height: 45px; border: 1px solid #c64892; border-radius: 0; background-color: #c64792 ; font-family: 'DharmaGothicE-Bold'; font-size: 25px; line-height: 1; text-transform: uppercase;} @media screen and (max-width: 1300px) { .btq-landing .intro {margin: 0 auto; width: 95%;} } @media screen and (max-width: 900px) { .btq-landing .intro {margin: 0 auto; width: 90%;} .btq-landing .node-intro {padding: 20px 0 40px 0;} .btq-landing .intro h1 {font-size: 60px;} .btq-landing .intro h1 span:after {left: 2px; right: 0; bottom: 5px; border-bottom: 3px solid #c64792;} .btq-landing .intro img {margin-bottom: 40px; float: none; text-align: center; max-width: 100%;} .btq-landing a.button {display: none;} } .btq-landing .columnWrapper .roundel-image img {max-width: 632px;} @media screen and (max-width: 900px) { .btq-landing .columnWrapper .roundel-image {margin: 0 auto; width: 95%;} .btq-landing .columnWrapper .roundel-image img {margin: 0 0 30px 0; max-width: 100%;} } .btq-landing .how-it-works {padding: 0 0 0 80px;} .btq-landing .how-it-works h2 {margin-bottom: 40px; font-family: 'ITCAvantGardeStd-Demi'; font-size: 25px; color: #3c8b95; font-weight: bold;} .btq-landing .how-it-works ol {margin: 0; padding: 0; list-style-position: outside; display: block;} .btq-landing .how-it-works ol li {margin: 0; padding: 0 0 0 110px; line-height: 25px; font-size: 18px;} .btq-landing .how-it-works ol li:nth-child(1) {margin: 0 0 25px 0; background: url('../images/btq/btq-step1.png') top left no-repeat; list-style: none; min-height: 70px;} .btq-landing .how-it-works ol li:nth-child(2) {margin: 0 0 25px 0; background: url('../images/btq/btq-step2.png') top left no-repeat; list-style: none; min-height: 70px;} .btq-landing .how-it-works ol li:nth-child(3) {margin: 0 0 25px 0; background: url('../images/btq/btq-step3.png') top left no-repeat; list-style: none; min-height: 70px;} @media screen and (max-width: 1300px) { .btq-landing .how-it-works {margin: 0 auto; width: 95%;} } @media screen and (max-width: 900px) { .btq-landing .how-it-works {padding: 0 0 20px 0;} .btq-landing .how-it-works h3 {font-size: 22px;} .btq-landing .how-it-works ol li {font-size: 16px;} } .btq-landing .node-app-download {position: relative; padding: 45px 0 90px 0; background: #a2d240 url('../images/btq/btq-app-bg.png') no-repeat center right;} .btq-landing .app-download:after {content:''; display: block; position: absolute; left: 0; bottom: -25px; width: 100%; height: 50px; background: white; transform: skewY(1.616deg);} .btq-landing .app-download > * {display: flex; flex-direction: row; align-items: center; justify-content: space-between;} .btq-landing .app-download p {flex-grow: 20; font-family: 'ITCAvantGardeStd-Medium'; font-size: 25px; color: #143a48; line-height: 35px;} .btq-landing .app-download p > strong {font-size: 45px; font-weight: normal;} .btq-landing .app-download a {display: inline-block; margin: 0 25px 10px 25px;} .btq-landing .app-download a > img {max-width: 240px;} @media screen and (max-width: 1300px) { .btq-landing .app-download {margin: 0 auto; width: 95%;} } @media screen and (max-width: 900px) { .btq-landing .node-app-download.node-mobile {padding: 20px 0 60px 0; background: #a2d240 url('../images/btq/btq-app-bg-mobile.png') no-repeat center right;} .btq-landing .app-download {width: 90%;} .btq-landing .app-download > * {flex-wrap: wrap; justify-content: center;} .btq-landing .app-download p {font-size: 14px; flex-basis: 80%; text-align: center;} .btq-landing .app-download p strong {font-size: 21px;} .btq-landing .app-download a {flex-basis: 45%; margin: 0 10px;} .btq-landing .app-download a:first-of-type {margin-left: 0;} .btq-landing .app-download a:last-of-type {margin-right: 0;} } @media screen and (max-width: 640px) { } .btq-landing .node-participating-stores {position: relative; padding: 0 0 50px 0;} .btq-landing .participating-stores h2 {margin-bottom: 40px; font-family: 'ITCAvantGardeStd-Book'; font-size: 25px; color: white;} .btq-landing .participating-stores h3 {margin: 0; font-family: 'ITCAvantGardeStd-Demi'; font-size: 16px; line-height: 25px; color: white;} .btq-landing .participating-stores ul {list-style: none; margin: 0; } .btq-landing .participating-stores ul li {margin: 0; padding: 0; line-height: 25px; font-size: 14px; color: white;} .btq-landing .register-interest {padding: 30px 0 50px 0; text-align: left;} .btq-landing .register-interest h3 {margin-bottom: 0; font-family: 'ITCAvantGardeStd-Book'; font-size: 25px; color: white;} .btq-landing .register-interest p {color: white;} @media screen and (max-width: 1300px) { .btq-landing .register-interest {margin: 0 auto; padding: 0 0 20px 0; width: 95%;} .btq-landing .node-participating-stores {margin: 0 auto; width: 95%;} } @media screen and (max-width: 900px) { .btq-landing .register-interest {width: 90%;} .btq-landing .node-participating-stores {width: 90%;} .btq-landing div.sixColumnLayout div.layoutColumnOne.ofSix, .btq-landing div.sixColumnLayout div.layoutColumnTwo.ofSix, .btq-landing div.sixColumnLayout div.layoutColumnThree.ofSix, .btq-landing div.sixColumnLayout div.layoutColumnFour.ofSix, .btq-landing div.sixColumnLayout div.layoutColumnFive.ofSix, .btq-landing div.sixColumnLayout div.layoutColumnSix.ofSix {width: 49%; float: none; display: inline-block!important; vertical-align: top;} } /*Custom media query*/ @media only screen and (max-width: 320px) { .btq-flipdish #flipdish-menu .fd-bottom-bar { background-color: #018D97 !important; color: #ffffff !important; border-top: none !important; } .btq-flipdish #flipdish-menu .btn-link { /*color: #337ab7;*/ color: #ffffff; } .btq-flipdish #flipdish-menu .fd-bottom-bar .fd-bar-side { text-align: right !important; width: auto !important; } .btq-flipdish #flipdish-menu .container-fluid { padding-left: 0px !important; padding-right: 0px !important; } .btq-flipdish .col-md-8 col-md-offset-2 checkout-panel { padding: 0px !important; } .btq-flipdish #flipdish-menu p { margin: 0 0 25px 0 !important; } .btq-flipdish .btq-flipdish #flipdish-menu .pull-right { margin-top: 1px !important; } .btq-flipdish div.menu-item-controls p { width: 30% !important; text-align: right !important; } .btq-flipdish #flipdish-menu .menu-item-controls p { margin-bottom: -10px !important; } .btw-flipdish .fd-no-margin-collapse h4.menu-item-header { margin-bottom: 8px !important; } .btq-flipdish .col-lg-8 .col-md-8 .col-sm-8 { padding: 0px !important; } .btq-flipdish #flipdish-menu .location-header > div div p { width: 96% !important; } } @media only screen and (max-width: 480px) { .btq-flipdish #flipdish-menu .btn-link { color: #fff; } .btq-flipdish #flipdish-menu .fd-bottom-bar { background-color: #018D97 !important; border-top: none !important; } .btq-flipdish #flipdish-menu .fd-bottom-bar .fd-bar-side { text-align: right !important; width: auto !important; color: #ffffff; } .btq-flipdish #revealNavigationButton .class a { color: #ffffff !important; } .btq-flipdish div.menu-item-controls { margin-bottom: 25px !important; } .btq-flipdish div.menu-item-controls p { width: 30% !important; text-align: right !important; margin-bottom: -10px !important; } .btw-flipdish .fd-no-margin-collapse h4 { margin-bottom: 8px !important; } }