/* MAX WIDTH */

@media screen and (max-width: 1768px) {
#hero.pos h1 { font-size: 2.4em; }
}


@media screen and (max-width: 1200px) {
#mainmenu nav ul { max-width: 1000px; padding: 0 10px; }
#mainmenu nav ul li a { padding: 0 6px; font-size: 0.8em; }
#mainmenu.limited nav ul li a { padding: 0 11px; font-size: 0.95em; }
#actionbar .searchform { padding-right: 35px; }
#actionbar .logo { width: 172px; }
#actionbar { max-width: none; padding: 0 20px; height: 60px; }
#actionbar .cell { height: 60px; }
#actionbar .logo { background-position: -6px -3275px; height: 26px; background-image: url(/assets/large-misc-icons2.png); background-repeat: no-repeat; background-size: 312px 4000px; }
#actionbar .logo a { width: 102px; height: 26px; }
#actionbar #header-trolley { width: 100px; }
#actionbar .headtrolley { background-position: -210px -3565px; }
#actionbar .headtrolley a { padding-right: 5px; padding-left: 36px; margin-left: 0px; margin-right: 10px; background-position: 0px -198px; }
#actionbar .headtrolley p { font-size: 0.85em; }
#actionbar .headtrolley strong.thousands { letter-spacing: 0; }
#actionbar .headaccount.login { background-position: 44px -251px; }
.searchform #clearsearch { right: 90px; top: 0; font-size: 2.3em; }
#mainmenu-shadow { position: relative; }
.uspbar .inner { margin: 0;}
.uspbar li:first-child { border-left: none; }
.uspbar li:last-child { border-right: none; }
.bannerads p.ad3 { display: none; }
}


@media screen and (max-width: 1180px) {
footer .contact, footer .shopfooter, footer .info { width: auto; }
footer .contact { padding: 0; }
.inner.footernavcontainer { display: table; }
footer .footernav { display: table-cell; }
}



@media screen and (max-width: 1170px) {
#hero.pos .inner {  margin: 0 !important; padding: 0 15px; max-width: none; }
}


@media screen and (max-width: 1150px) {
.inner { margin: 0 20px; width: auto; }
.inner.inner-narrow { margin: 0 auto; }
#topbar { padding-left: 9px; }
.topnav .right { padding-right: 20px; }
#actionbar .headaccountexpanded { top: 57px; right: 25px; }
.banner-end ul li a { height: 90px; min-height: 90px; }
.app .banner-slider { max-width: 690px; width: auto; margin: 0 auto; float: none; }
.banner-end { margin: 30px auto 6px auto; float: none; }
.inner.footernavcontainer { display: block; width: 100%; padding: 0 20px; margin: 0; }
.controls-bar-wide .controls-bar-inner { padding: 0 15px; }
.controls-bar .cell { white-space: normal;}
footer .footerlogo { display: block; }
footer .footernav { display: inline-block; vertical-align: top; margin: 30px 0 0 0; }
footer .info { width: 43%; max-width: 43%; }
footer .shopfooter { width: 33%; max-width: 33%; }
footer .footernav .qae { margin-top: 50px; }
footer .shopfooter { clear: both; }
.paddingtopfooter { padding: 0; }
#hero h1 { font-size: 2em; }
#hero h2 { font-size: 1.8em; }
.rda-image { float: right; }
.rda-image img { border-radius: 0 5px 0 0; }
.rda-programme { width: 45%; }
.rda-image { width: 45%; }
.rda-winner { width: 100%; }
.other-brands { padding: 20px 20px 0px 20px; }
.our-brands .curved-shadow.twocol { padding: 20px; width: auto; }
.match-height .curved-shadow.twocol:first-child,
.match-height .curved-shadow.twocol:nth-child(2) { float: left; width: 48%; width: -moz-calc(50% - 4px); width: -webkit-calc(50% - 4px); width: calc(50% - 10px);}
.match-height .curved-shadow.twocol:first-child { margin: 0 20px 20px 0; }
.match-height .curved-shadow.twocol:nth-child(2) { margin: 0 0 20px 0; }
.our-brands .curved-shadow.twocol .learn { bottom: 8px; left: 20px; }
.our-brands .bestone .icon-sprite, .our-brands .xtra .icon-sprite,
.our-brands .bestway .icon-sprite, .our-brands .foodservice .icon-sprite,
.our-brands .export .icon-sprite, .our-brands .bestpets .icon-sprite { left: 0; top: 0; position: relative; }
.our-brands .curved-shadow.twocol { padding: 20px 20px 73px 20px; }
.our-brands .bestway .icon-sprite { height: 118px; background-position: 0px -3257px; margin-bottom: 40px; }
.our-brands .bestway .icon-sprite:after { content: ''; display: block; width: 262px; height: 139px; background-image: url(/assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; background-position: 140px -3396px; position: absolute; left: 0; top: 0; }
.brand-panel.bestone, .brand-panel.foodservice, .brand-panel.bestpets { margin-right: 12px; }
.brand-panel { width: 22%; width: -webkit-calc(25% - 9px); width: -moz-calc(25% - 9px); width: calc(25% - 9px); }

.ownlabel .info-image { width: 55%; }
.ownlabel .info-content.bestone .logo { top: 6px; }
.ownlabel .info-content.inspired .logo { top: 13px; }
.ownlabel .info-content { width: 45%; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
.ownlabel .info-content.bestone, .ownlabel .info-content.inspired, .ownlabel .info-content.white-pearl, .ownlabel .info-content.essentially-catering, .ownlabel .info-content.essentially-cleaning { padding: 10px 20px 20px 20px; }
.shop-products { max-width: 900px; }
.shop-products.productpagedetail { max-width: calc(98vw - 230px); }

.shop-products-column h4 { clear: both; }

.prodnav { width: auto; float: none; }
.shop-products li:nth-child(4n+4) { margin: 0 2px 2px 0; }
.shop-products li { -webkit-flex: 1 0 210px; -ms-flex: 1 0 210px; flex: 1 0 210px;}

.greyline.padd60 { padding: 20px 0; }
.essential-offers-heading { margin: 20px 0; }
.greyline.padbot0 { display: none; }
.pg_home .greyline.padd60 span { display: none; }
.banner-end { max-width: 848px; width: auto; }

.red-bull.pg_energytop10 .shop-now.inner { border-bottom: 5px solid #ffc300; padding-bottom: 3px; }
}



@media screen and (max-width: 1100px) {
#mainmenu nav ul li:nth-last-child(2) ul { right: 0; left: inherit; }
.controls-bar .cell { white-space: normal; font-size: 1.15em;}
.shop-products { max-width: 850px; }
.controls-bar .cell.proddisp br { display: none; }
.prodpag ul li a { padding: 0 10px; }
.prodpag ul li.prev a { padding: 0 9px 0 23px; background-position: 8px -3054px;}
.prodpag ul li.next a { padding: 0 23px 0 9px; }

.brooklyn table { width: 48%; }
.brooklyn table.left { margin-right: 4%; }
.brooklyn table td { font-size: 1.7em; }

.bannerads p.ad2.medium { display: none; }
}



@media screen and (max-width: 1050px) {
ul#home-promo-brochures li.one { margin-right: 0; }
ul#home-promo-brochures li.two { margin-left: 0; margin-right: 0; }
ul#home-promo-brochures li.three { margin-left: 0; }	
}


@media screen and (max-width: 1000px) {
.slick-dots li { margin: 0 5px; }
.slick-dots li button { width: 10px; height: 10px; }
.productpagedetail .productpagedetail-inner { padding: 32px 38px 52px 38px; }
.productpagedetail .productpagedetail-inner .right { padding-left: 40px; }
.pos-actions p:first-child { padding-right: 18px; }
.pos-actions p.second { padding-left: 16px; font-size: 1.4em; }

.appphone { max-width: 400px; margin: 20px 0 0 10px; }
.appcontent h3 { font-size: 2.6em; margin-bottom: 12px; }
.appcontent p.text { margin-bottom: 20px; font-size: 1.5em; }
#actionbar .searchform { padding-right: 15px; }
.appcontent .learn { margin-bottom: 25px; }
.appcontent { max-width: 495px; padding: 0 40px 30px 40px; }
.retailer-tools.barcode-uploader .main ul.clearli li p { width: 100%; max-width: 100%; clear: both; }
.retailer-tools.barcode-uploader .main img { float: none; display: block; margin: 20px 0; }
.retailer-tools.barcode-uploader .main img.nomarginbottom { display: none; }
.pos-full-trolley li div { padding-right: 18px; }
.sel-trolley .pos-date-from, .sel-trolley .pos-date-to { line-height: 1; }
.sel-trolley .pos-date-from label, .sel-trolley .pos-date-to label { display: block; margin: 0;}
.sc-trolley .pos-date-to { padding-right: 8px; }
.sc-trolley .pos-selectall label { margin-right: 18px; }
.shop-products { max-width: 750px; }

.brooklyn #hero h1 { font-size: 2.8em; }
.brooklyn h2 { font-size: 3em; }
.brooklyn h3 { font-size: 2em; }

footer .logo-awards { max-width: 610px; }
footer .logo-awards .logo { margin-right: 60px; } 
footer .logo-awards .toptrack100 { margin-left: 60px; } 
}


@media all and (max-width: 980px) {
.shop-products.listview .list-price.notloggedin { width: 175px; }
.shop-products.listview .prodlogin { width: 150px; margin-top: -10px; }
.shop-products.listview .prodlogin a { padding: 5px 10px 4px; display: block;}
}


@media screen and (max-width: 950px) {
#outer { overflow: hidden; }
#mainmenu nav ul li ul { display: none; }
#mainmenu nav ul { padding: 0 40px; }

#left-button a, #right-button a { width: 30px; text-align: center; position: absolute; top: 0; z-index: 2; display: block; height: 56px; background: #0084c1 url(/assets/large-misc-icons3.png?a=111119);  background-repeat: no-repeat;  background-size: 312px 4000px;  border: none; }
#left-button a { right: 0; background-position: 10px -909px;}
#right-button a { left: 0; background-position: 8px -848px;}
#mainmenu nav ul li a { font-size: 0.75em; }
.appphone { max-width: 340px; }

.depotloc-right { width: 63%; }
.depotloc-left { width: 35%; }
.curved-shadow.white-box .depotloc-left h3 { font-size: 1.4em; }
.sc-size label { padding: 0 6px; }
.shop-products { max-width: 700px; }

}



@media screen and (max-width: 920px) {
#actionbar .logo { width: 102px; }
.header-image { padding: 40px 0 33px 0; }
.pos-full-trolley li { overflow: hidden; }
.pos-full-trolley li div { float: left; border: none}
.pos-full-trolley ul, .pos-full-trolley li, .sel-trolley .pos-name { display: block; width: 100%; }
.sel-trolley .pos-date-from label, .sel-trolley .pos-date-to label { display: inline-block; }
.pos-full-trolley .pos-remove, .pos-full-trolley .pos-select { float: right; margin-left: -10px;}
.sel-trolley .pos-name br { display: none; }
.pos-full-trolley li { border-bottom: 1px solid #cbcdcf; }
.sel-trolley .pos-name { margin: 6px 0 -4px;}
.sel-trolley .pos-rsp { width: 115px;}
.sel-trolley .pos-price { width: 165px;}
.sc-trolley li label { display: block;}
.pos-full-trolley.sc-trolley li div { width: 32%; padding-right: 2%;}
.sc-trolley .pos-date-from, .sc-trolley .pos-date-to { width: 32%;}
.sc-trolley .pos-date-from input, .sc-trolley .pos-date-to input { width: 100%;}
.pos-full-trolley.sc-trolley .pos-remove, .pos-full-trolley.sc-trolley .pos-select { width: 20px; }
.sc-trolley .pos-name, .sc-trolley .pos-pack, .sc-trolley .pos-price { padding-bottom: 0;}
.pos-full-trolley .pos-selectall label { margin-right: 18px; }
.sc-trolley .pos-selectall label { margin-right: 8px; }
.ownlabel-subnav { width: 100%; }
.ownlabel-subnav li { width: 50%; border-bottom: 1px solid #e5e5e5; }
.ownlabel-subnav li a { max-width: none; }
}


@media screen and (max-width: 900px) {

.sc-trolley .action, .sc-trolley .action div { display: block; text-align: center;}
.sc-size label { padding: 0 10px; }
.sc-trolley .action .aright { width: 100%; padding: 30px 0 0; text-align: right;}

.shop-products { max-width: 650px; }

.brooklyn table td { font-size: 1.5em; }
.brooklyn .whitebg { margin-bottom: 40px; padding: 15px; }
.brooklyn .whitebg h2 {  margin-bottom: 15px; }

.shop-products.listview .prodimage { width: 90px; }
.shop-products.listview .prodimage a { width: 80px; }
.shop-products.listview .list-price { width: 60px; }
.pos-products.listview .list-price { width: 160px;}
.shop-products.listview .prodprice {font-size: 1.2em; letter-spacing: -0.25px; }
.shop-products.listview .addright { padding-right: 0; }
.shop-products.listview .list-trolley { width: 208px; }
.shop-products.listview .prodquant .prodadd input { width: 50px; }
.shop-products.listview .prodtrolley { margin-left: 5px; width: 84px;}

.news article .image-right { float: none; clear: both; margin: 20px 0 30px 0; }
}




@media screen and (max-width: 850px) {
.productpagenav .prodnav { display: none; }
.controls-bar .cell { font-size: 1.1em;}

.shop-products, .shop-products.productpagedetail { max-width: 780px; max-width: 95vw; }
.shop-products.productpagedetail .productpagedetail-inner { padding: 20px; }

.shop-products.listview .list-price.notloggedin { width: 115px; }
.shop-products.listview .prodlogin { width: 90px; margin-top: -18px; right: 15px;}
.shop-products.listview .prodlogin a { padding: 5px 10px 4px; display: block;}

/* POS Generator */
#hero.pos h1 { font-size: 2.4em; }
#hero.pos .close-pos { width: 146px; background-position: 0 -2151px; }
#hero.pos .pos-spacer { display: none; }
#hero.pos .pos-trolley, #hero.pos .close-pos { width: 145px; }

.close-pos a { font-size: 1em; line-height: 1.3; padding: 15px 0 15px 38px; }
.pos-controls a.button { font-size: 0.48em; padding: 9px 0 7px 0; }
.pos-controls .shelf-label a { margin-bottom: 6px; }
.pos-controls .stack-card a { margin-bottom: 15px; }

.close-pos a span { display: none; }
.services-app-cta-divider { display: block; }

}


@media screen and (max-width: 848px) {
.slick-next, .slick-next:hover, .slick-prev, .slick-prev:hover { background: #fff url(/assets/large-misc-icons.png) -181px -378px no-repeat; background-size: 312px 4000px; }
.slick-prev, .slick-prev:hover { background-position: 10px -378px; }
.slick-prev, .slick-next { width: 30px; height: 30px; }
.banner-slider .slick-prev, .banner-slider .slick-next { opacity: 1; }
.banner-slider, .banner-slider #banner .slick-dots { margin: 0; }
.banner-slider #banner .slick-dots li a { display: none; }
.banner-slider #banner .slick-dots li.slick-active a { display: block; border-bottom: none; width: 100%; text-align: center; padding: 13px 5px 11px 5px; }
.essential-offers-heading a { display: block; margin-top: 6px; }
.rda-programme { padding: 20px; }
.rda-winner { padding: 20px 20px 0 0; }
.rda-winner .quote, .rda-winner .register { margin-left: 20px; }
.rda-winner .caption { width: auto; }
.rda-winner .image { margin-left: 20px; width: 80px; }
.rda-winner h5 { margin: 0 0 10px 0; }
.rda-winner .learn { padding: 7px 7px 7px 5px; }
.rda-winner .learn a { font-size: 0.8em; }

.appphone { max-width: 370px; margin: 20px 0 0 0; }
.appcontent { width: auto; padding: 0 20px 15px 20px; }
.appcontent h3 { font-size: 2.6em; margin-bottom: 12px; }
.appcontent p.text { margin-bottom: 20px; max-width: 500px; }
.other-brands h3 { text-align: left; margin-bottom: 10px;}

.brand-panel.bestone, .brand-panel.foodservice, .brand-panel.bestpets { margin-right: 12px; }
.brand-panel { width: 47%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: calc(50% - 10px); position: relative; padding-bottom: 60px; }
.brand-panel.bestone, .brand-panel.bestpets { margin: 0 20px 20px 0; }
.brand-panel.foodservice, .brand-panel.exports { margin: 0 0 20px 0; }
.brand-panel h3, .brand-panel .strapline { padding-left: 15px; padding-right: 15px; }
.brand-panel h3 { font-size: 1.8em; }
.brand-panel .strapline { font-size: 1.6em; }
.brand-panel-height { display: flex; flex-wrap: wrap; }
.brand-panel .learn { bottom: 20px; position: absolute; left: 0; right: 0; margin: auto; }
.ownlabel .info-image { text-align: center; }
.ownlabel .info-content, .ownlabel .info-image { width: 100%; float: none; min-height: 0; }
.main.ownlabel .inner { display: inherit; }

.about .col1, .about .col2, .about .col3 { width: 100%; }
.about .col3 { margin-top: 20px; }
.about .col3 .blue { padding: 0px 35px 18px 35px; }
.about .col3 .blue { margin-bottom: 18px; }
.about .col3 img { margin-bottom: 18px; float: left; margin-right: 18px; max-width: 47%; max-width: -moz-calc(50% - 9px ); max-width: -webkit-calc(50% - 9px ); max-width: calc(50% - 9px ); }
.about .col3 .last { margin-right: 0; }

.depotloc-left, .depotloc-right { width: 100%; max-width: none; float: none; }
.controls-bar select { max-width: 120px; }

.brooklyn #hero h1 { font-size: 2.3em; }

}


@media screen and (max-width: 820px) {
.sel-trolley .pos-rsp { width: 105px;}
.sel-trolley .pos-price { width: 155px;}
.sel-trolley .pos-date-from label, .sel-trolley .pos-date-to label { display: block; }
}


@media screen and (max-width: 800px) {
.main .inner { display: block !important; }
.shop-products { margin: 0 15px 20px 15px; max-width: 100%; margin: 0 0 20px; }
.main .subnav { width: auto; display: block; padding-right: 0; padding-bottom: 30px; }
.main .curved-shadow { display: block; }
.main .subnav h4 { margin: 0 0 25px 7px; }
.bannerads p.ad2, .bannerads p.ad3 { display: none; }
.services-info-box .cell.logo { text-align: left; padding: 0 0 30px 0 !important; }
.services-info-box .cell.image { padding: 30px 0 0 0 !important; }
.services-info-box .cell { display: block !important; }
.services-info-box .cell.text { padding-right: 0; }

.brooklyn table { width: 100%; }
.brooklyn table.left { margin-right: 0; }
.brooklyn table td { font-size: 1.7em; }

}



@media screen and (max-width: 768px) {
#mainmenu-shadow { border-top: 3px solid #0093d8; }
#mainmenu-shadow #elem { display: none; }
.mobile_menu .headerbg { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #f6f6f6;  }
#sm_menu_ham, #sm_menu_ham2 { cursor: pointer; height: 22px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; transition: top 0.3s; width: 22px; z-index: 999; }
#sm_menu_ham span, #sm_menu_ham2 span { background-color: #fff; display: block; height: 3px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; width: 22px; background: #0098d8;  }
#sm_menu_ham span:nth-child(1), #sm_menu_ham2 span:nth-child(1) { top: 2px; }
#sm_menu_ham span:nth-child(2), #sm_menu_ham span:nth-child(3),
#sm_menu_ham2 span:nth-child(2), #sm_menu_ham2 span:nth-child(3) { top: 9px; }
#sm_menu_ham span:nth-child(4), #sm_menu_ham2 span:nth-child(4) { top: 16px; }
#sm_menu_ham.open span:nth-child(1), #sm_menu_ham2.open span:nth-child(1) { left: 50%; top: 0 ; width: 0; }
#sm_menu_ham.open span:nth-child(2), #sm_menu_ham2.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
#sm_menu_ham.open span:nth-child(3), #sm_menu_ham2.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#sm_menu_ham.open span:nth-child(4), #sm_menu_ham2.open span:nth-child(4) { left: 50%; top: 12px; width: 0; }
#sm_menu_ham_sticky { cursor: pointer; height: 22px; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; width: 22px; top: 16px; left: 16px; z-index: 9999; }
#sm_menu_ham_sticky span { background-color: #fff; display: block; height: 3px; left: 0; opacity: 1; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; width: 22px; background: #0098d8;  }
#sm_menu_ham_sticky span:nth-child(1) { top: 2px; }
#sm_menu_ham_sticky span:nth-child(2), #sm_menu_ham_sticky span:nth-child(3) { top: 9px; }
#sm_menu_ham_sticky span:nth-child(4) { top: 16px; }
#sm_menu_ham_sticky.open span:nth-child(1) { left: 50%; top: 0 ; width: 0; }
#sm_menu_ham_sticky.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
#sm_menu_ham_sticky.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#sm_menu_ham_sticky.open span:nth-child(4) { left: 50%; top: 12px; width: 0; }

#sm_menu_ham.fixed, #sm_menu_ham2 { top: 15px !important; position: fixed; }
#sm_menu_ham2 { left: 16px;}

.topnav { display: none; }
#actionbar { display: block; padding: 15px 15px 3px 15px; text-align: left; background: #fff; height: 106px; }
#actionbar .cell { height: 26px; display: inline-block; }
#header-trolley.cell { height: 0; }

#actionbar .logo a { width: 170px; }
#actionbar .headtrolley { position: absolute; width: 100px; height: 28px; top: 15px; right: 55px; background-position: -210px -3567px; padding: 0; font-size: 1em; border-right: none; background-image: url(/assets/large-misc-icons2.png); background-repeat: no-repeat; background-size: 312px 4000px; }
#actionbar .headtrolley a { width: 100px; height: 36px; border-radius: 0; padding: 0; font-size: 1.4em; border-right: none; display: block; position: absolute; top: 0; right: 10px; margin: 0; }
#actionbar .headtrolley p { font-size: 0.55em; line-height: 1.7; text-align: left; padding: 0 0 0 48px; }
.headtrolley .fulfilmenttype { display: none;}
#actionbar .logo { width: 172px; height: 26px; background: url(/assets/large-misc-icons2.png) no-repeat 4px -3293px; background-size: 312px 4000px; border: none; border-left: 1px solid #ececec; margin-left: 13px; }
#actionbar .cell.searchform { display: block; padding: 16px 0 7px 0; height: auto; }
#actionbar .searchform .textinput {width: 90%; width: -moz-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: calc(100% - 85px); padding: 9px 12px; font-size: 1.4em; }
#actionbar .search { background-position: 6px -143px; border-radius: 0 5px 5px 0; padding: 9px 10px 9px 26px; font-size: 1.4em; }
#actionbar .headaccount { position: absolute; width: 42px; height: 28px; top: 15px; right: 15px; }
#actionbar .cell.headaccount.icon-sprite { background: url(/assets/large-misc-icons2.png) no-repeat 2px -3569px; background-size: 312px 4000px; }
#actionbar .headaccount a.headbtn, #actionbar .headaccount a.signin { border-radius: 0; text-indent: -9999px; padding: 0; margin: 0; width: 42px; height: 28px; position: absolute; top: 0; right: 0; border: none; }
#actionbar .headaccount a.headbtn p.accname:after { display: none; }
#actionbar .cell.headaccount.icon-sprite.login { background-position: 2px -3489.5px; }
#actionbar .headaccount a.signin:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#actionbar-inner.sticky .cell, #actionbar-inner.sticky #header-trolley { display: table-cell; padding: 10px 0; vertical-align: middle; }
#actionbar-inner.sticky .cell.sticky-menu {display: table-cell;}
#actionbar-inner.sticky .cell.headaccount.icon-sprite { background-position: -2px -3555px; }
#actionbar-inner.sticky .cell.headaccount.icon-sprite.login { background-position: 11px -252px; }
.searchform #clearsearch { top: 3px; }

body.mmactive { overflow: hidden; }
.mobile_menu { display: none; position: relative; }
.sm_menu_outer.active .mobile_menu { display: block; padding-bottom: 30px; padding-top: 3px; margin-top: 40px; }

.sm_menu_outer .mobile_menu li.heading { position: relative; }
.sm_menu_outer .mobile_menu:after { position: fixed; top: 0; left: 0; width: 100%; height: 50px; display: block; content: ''; background: #f6f6f6; z-index: 999; }

.sm_menu_outer { height: 100%; overflow-y: scroll; overflow-x: hidden; position: fixed; right: 0; top: 0; z-index: -9; width: 100%; opacity: 0; background-color: #f6f6f6; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; }
.sm_menu_outer.active { opacity: 1; z-index: 999; }
.sm_menu_outer .mobile_menu a { color: #333131; display: block; padding: 7px; text-decoration: none; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; font-size: 12px; }  /*Sub Menu anim */
.sm_menu_outer .mobile_menu .submenu { background-color: #f6f6f6; height: 100%; position: absolute; right: -100%; top: 0; transition: all 0.5s ease 0s; width: 100%; z-index: 999; }
.sm_menu_outer .mobile_menu li.active>.submenu { right: 0; }
.sm_menu_outer .mobile_menu li.back a { text-transform: inherit; background-image: url(/assets/large-misc-icons.png); background-repeat: no-repeat; background-size: 312px 4000px; border: none; background-position: 0 -3969px; color: #0093d8; margin: 10px 0 10px 0; padding: 10px 5px 10px 27px; border-bottom: 1px solid #eaeaea; font-size: 14px; font-weight: 400; }
.sm_menu_outer .mobile_menu li { list-style-type: none; font-size: 12px;}
.sm_menu_outer .mobile_menu li.heading { text-transform: uppercase; color: #333131; font-weight: 700; font-size: 1.7em; letter-spacing: 0.05em; padding: 12px 24px 6px 6px; }
.sm_menu_outer .mobile_menu li.allheading a { text-transform: uppercase; color: #333131; font-weight: 400; font-size: 1em; letter-spacing: 0.05em; padding: 12px 24px 24px 6px; color: #0093d8; }
.sm_menu_outer .mobile_menu li.divider { margin: 10px 0 0 0; padding: 0; border-top: 1px solid #eaeaea; height: 10px; }
.sm_menu_outer .mobile_menu li.hasChild>a { background: url(/assets/next.png) no-repeat scroll 95% center / 5% auto; background-size: 10px 15px;  }

.sm_menu_outer .mobile_menu .submenu .menuheading a { color: #0093d8; }

#mainmenu nav ul li a { height: 50px; }
#mainmenu nav ul li:hover > a:after { opacity: 0; }
#mainmenu nav ul li ul { display: none; }

.hscroll { overflow-y: hidden; }

#mainmenu-shadow:after { height: 50px; width: 50px; }

#hero { height: 126px; }
#hero h1 { font-size: 1.5em; }
#hero h2 { font-size: 1.5em; line-height: 1.5; }

.slick-dots li { margin: 0 4px; }
.slick-dots li button { width: 9px; height: 9px; }

.inner, .inner.inner-narrow { margin: 0 15px; }
.inner.footernavcontainer { padding: 0 20px; width: 100%; }

.rda-programme { padding: 15px; }
.rda-winner { padding: 20px 15px 0 0; }
.rda-winner .quote, .rda-winner .register { margin-left: 15px; }
.rda-winner .image { margin-left: 15px; }
.appphone { min-width: 200px;}
.appcontent .appstore { margin-right: 15px; }
.other-brands { padding: 20px 15px 0px 15px; }

.our-brands .bestone .icon-sprite, .our-brands .xtra .icon-sprite,
.our-brands .bestway .icon-sprite, .our-brands .foodservice .icon-sprite,
.our-brands .export .icon-sprite, .our-brands .bestpets .icon-sprite { position: relative; left: 0; top: 0; }
.our-brands .bestone .icon-sprite { height: 74px; }
.our-brands .xtra .icon-sprite { height: 120px; }
.our-brands .foodservice .icon-sprite { height: 96px; }
.our-brands .export .icon-sprite { height: 55px; }
.our-brands .bestpets .icon-sprite { height: 93px; }
.our-brands .curved-shadow.twocol .learn { bottom: 8px; left: 20px; }
.our-brands .curved-shadow.twocol .learn { position: relative; bottom: 0; left: 0; }
.our-brands .curved-shadow.twocol { padding: 15px; }

.match-height .curved-shadow.twocol:first-child, .match-height .curved-shadow.twocol { margin: 0 0 30px 0; }
.curved-shadow.twocol { width: 100%; float: none; }
.white-box-inner-full { margin: 0; }
.match-height .curved-shadow.twocol:first-child,
.match-height .curved-shadow.twocol:nth-child(2) { float: left; width: 100%; }
.match-height .curved-shadow.twocol:first-child, .match-height .curved-shadow.twocol:nth-child(2) { margin: 0 0 15px 0; }

.brand-panel.bestone, .brand-panel.bestpets { margin: 0 15px 15px 0; }
.brand-panel.foodservice, .brand-panel.exports { margin: 0 0 15px 0; }
.brand-panel { width: 48%; width: -moz-calc(50% - 7.5px); width: -webkit-calc(50% - 7.5px); width: calc(50% - 7.5px);  }

.ownlabel .info-content {  padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
.ownlabel-subnav li a { max-width: 130px; margin: auto; }

.app-panel { width: 100%; display: block; }
.app-panel .app-table { width: 100%; display: block; text-align: center; padding: 30px 20px; }
.app-panel .app-content { text-align: center; display: block; margin-bottom: 15px; }
.app-panel .app-icons.cell { display: inline-block; }

.desktop, .main.thumbs .prodnav.desktop { display: none; }
.mobile { display: block; }

.banner { padding-top: 20px; }
.pg_home .banner { padding-top: 0; }
.banner-end { max-width: 560px; }

.inner.prodshop { background: #f6f6f6; margin: 0; padding: 0; }

.prodnav.mobile { padding: 20px 15px; background: #f6f6f6; }
.prodnav.mobile.with-bannerad { padding-top: 10px; }
.prodnav.mobile .toplevel a { font-size: 1em; }
.prodnav.mobile h3 { padding: 0; margin: 0; }
.prodnav ul li.helpinfo a.icon-sprite2 { float: right; margin: 0; background-position: 0 -3129px; width: 20px; height: 20px; display: block; }
.main.thumbs .inner { padding-top: 0; margin: 0; display: block; }
.shop-products-column { display: block; }
.shop-products { margin: 0 15px 20px 15px; max-width: 100%;}

.no-search-results { padding-left: 20px; padding-right: 20px; }
.controls-bar-inner, .controls-bar-wide .controls-bar-inner { padding: 0; }
.controls-bar .prodpag { display: none;}
.controls-bar .cell { text-align: center; padding: 8px 10px 6px; height: auto; }
.controls-bar .noresults { padding-left: 20px; }
.controls-bar .cell.aleft { text-align: left; }
.controls-bar .prodsortby { border-right: none; }
.controls-bar select { margin-left: 0; margin-right: 0;}
.controls-bar label { display: block; margin-bottom: 4px; }
.proddisp strong { font-weight: 400; font-size: 1.1em; display: inline-block; margin-bottom: 2px; }
.single .controls-bar-inner { height: 50px;}
.controls-bar.single label { display: inline-block; margin-right: 4px; }
.controls-bar select { max-width: 180px; }
.controls-bar-footer .cell { display: none;}
.controls-bar-footer .prodpag { display: table-cell; width: 100%; padding-top: 0;}
.controls-bar-footer { border: none; margin: -10px 0 20px; height: 62px; }

.main.thumbs .shop-products .prodquant { padding: 0; }
.main.thumbs .shop-products .prodwish  { margin: 0; padding: 0; }

.prodfilterfooter .prodfilter .proddisp, .prodfilterfooter .prodfilter .prodshowper, .prodfilterfooter .prodfilter .prodfilterby, .prodfilterfooter .prodfilter .prodsortby { display: none; }
.prodfilterfooter .prodfilter { padding: 0 15px 20px 15px; }
.prodfilterfooter .prodfilter .cell.prodpag { display: block; }
.prodfilterfooter { margin-top: 0; border-top: none; }
.greyline.shopthumb { padding: 0; }
.shop-products li .special, .shop-products li .multibuy { height: 26px; line-height: 26px; font-size: 0.7em; padding: 0 14px; }
.shop-products li .special::after, .shop-products li .special::before,
.shop-products li .multibuy::after, .shop-products li .multibuy::before { height: 26px; border-width: 26px 26px 0 0; }
.shop-products li .new { height: 26px; line-height: 26px; font-size: 0.7em; padding: 0 14px; }
.shop-products li .new:after, .shop-products li .new:before { height: 26px; border-width: 0 26px 26px 0; }
.shop-products-column h4 { float: left; }

.banner-end ul li a { min-height: 86px; }
.banner-end ul li.depot { background-position: 4px -450px; }

.success { position: absolute; left: 42px; top: 0; z-index: 9; }
.checkmark-circle .background { width: 28px; height: 28px; }
.checkmark-circle { width: 28px; height: 28px; }
.checkmark-circle .checkmark { border-radius: 2px; }
.checkmark-circle .checkmark:after { height: 17px; width: 8px; left: 5px; top: 16px; border-right: 4px solid white; border-top: 4px solid white; }

.mfp-ajax-holder .listadd .success { padding-right: 0; left: auto; right: 117px; top: 4px; }

@-webkit-keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 8px; opacity: 1; }
50% { height: 17px; width: 8px; opacity: 1; }
80% { height: 17px; width: 8px; opacity: 1; }
}
@-moz-keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 8px; opacity: 1; }
50% { height: 17px; width: 8px; opacity: 1; }
80% { height: 17px; width: 8px; opacity: 1; }
}
@keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 8px; opacity: 1; }
50% { height: 17px; width: 8px; opacity: 1; }
80% { height: 17px; width: 8px; opacity: 1; }
}

.shop-products.productpagedetail .footer { display: block; }

.curved-shadow.white-box { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.inner .curved-shadow.white-box { padding: 0;}
.main { background: #fff; }
.main.ownlabel-intro { background: #f6f6f6; }
.main.thumbs, .pg_home .main { background: #f6f6f6; }

.trolley-header { padding: 20px; }
.trolley-header .fright { float: none; text-align: right; }
.trolley .total-footer .continue { margin: 0 0 30px 0; }
.trolley .total-extobac span { display: none; }
.fulltrolley tr td.hidemobile, .fulltrolley tr td.hidemobile.trol-image, .fulltrolley tr.update.top td.hidemobile { font-size: 1px; color: transparent; text-indent: -9999px; width: 0;  border: none;
padding-top: 0; padding-bottom: 0; padding-right: 0 !important; padding-left: 0 !important; }
.fulltrolley tr td.cell-image { padding: 0; width: 0 !important; font-size: 1px; color: transparent; text-indent: -9999px; border: none; }

.clt-rec-list .fulltrolley tr td.note { padding: 0; width: 0 !important; font-size: 1px; color: transparent; text-indent: -9999px; border: none; }
.clt-rec-list span.add-selected { font-size: 0.8em; padding: 5px 6px 0 20px; }

a.button-med, a.button-med:link, input.button-med { font-size: 0.9em; padding: 9px 24px; }

.fulltrolley tr td.cell-image img { display: none; }
.fulltrolley tr td.border:after { display: none; }
.fulltrolley th.image.hidemobile, .fulltrolley th.price.hidemobile { font-size: 1px; color: transparent; text-indent: -9999px; width: 0; padding: 0; border: none; background: #fff; }
.fulltrolley td.trol-image { min-width: 0; }
.fulltrolley th.remove { text-indent: -9999px; background-image: url(/assets/large-misc-icons3.png?a=111119); background-repeat: no-repeat; background-size: 312px 4000px; background-position: -4px -1353px; height: 25px; min-width: 25px; }
.fulltrolley th.total { text-align: right; }
.trolley .trolley-heading, .trolley .fulfilment, .trolley .fulfilment-select { padding-left: 10px; padding-right: 10px; }
.trolley .fulfilment p a { display: block; }
.fulltrolley tr td { padding-right: 3px; padding-left: 3px; }
.fulltrolley tr td.trol-name { padding-left: 1px; padding-right: 5px; }
.fulltrolley tr td.remove, .fulltrolley tr td.total-remove { padding-left: 5px; }
.fulltrolley tr td.remove:after { left: 26px; }
.fulltrolley tr td.total-remove:after { left: 26px; top: 16px; }
.fulltrolley tr td.trol-stock { width: 30px; }
.fulltrolley tr td.cell-image img { display: none; }
.fulltrolley .update.slim.total strong { display: none; }
.fulltrolley tr.update.slim.total td { padding-top: 12px; padding-bottom: 12px; }
.trolley .continue { padding-right: 7px; }
.trolley tr.totals td:last-child { padding-right: 10px; }
.sticky .success { left: 42px; }

.trolley .product-recom h2 { padding-left: 0; margin-left: -6px; }
.trolley .product-recom { padding: 15px 34px 20px 34px; margin-bottom: 20px; }
.trolley .sli_rec .slick-prev { left: -26px; }
.trolley .sli_rec .slick-next { right: -26px; }

.brooklyn .whitebg { padding: 0; }
.brooklyn h4 { font-size: 2.2em; }
.brooklyn .howtoget p { font-size: 2.2em; }
.brooklyn .howtoget span { width: 40px; height: 40px; font-size: 2.7em; line-height: 44px; } 
.brooklyn p.dates { font-size: 1.8em; }

.juul-ad { margin: 0 -35px -10px; }

}


@media screen and (max-width: 767px) {
.services-subnav li { width: 50%; border-bottom: 1px solid #e5e5e5; }
.services-subnav li a { max-width: none; }
.services-subnav-line { display: none; }
.services-subnav li:nth-child(odd) { border-right: 1px solid #e5e5e5; }
.services-subnav li:nth-child(even) { border-right: none; }
.services-subnav-container { background: url(/assets/services/services-grey-line.png) 0 0 repeat-x; }
}



@media screen and (max-width: 725px) {
.rda-programme { width: 42%; }
.rda-image { width: 48%; }
.brooklyn #hero h1 { font-size: 1.9em; }
}



@media screen and (max-width: 700px) {
.rda-image .rda-rosette { position: inherit; left: auto; top: auto; max-width: 155px; margin: 0 auto 20px auto; }
.rda-programme { width: auto; }
.rda-image, .rda-winner { width: auto; }
.rda-image {  float: none; width: auto; position: inherit; text-align: center; }

.news .left { float: none; padding-right: 0; width: 100%;  }
.news .right { float: none; margin-top: 20px; }
.news .left h3 { font-size: 1.8em; }
}


@media screen and (max-width: 680px) {
.prodquant input { width: 40px;}
.prodquant .prodadd input { width: 52px; }

footer .logo-awards { max-width: 442px; }
footer .logo-awards .logo { width: 75px; margin-right: 50px; }	
footer .logo-awards .logo a { width: 75px; height: 96px; background-position: -134px -1936px; background-size: 215px 2756px; }
footer .logo-awards .grocer-wholesaler { margin-right: 10px; width: 96px; }
footer .logo-awards .grocer-wholesaler span { background-size: 215px 2756px; background-position: -2px -2499.5px; width: 96px; height: 96px; }
footer .logo-awards .grocer-logistics { width: 96px; }
footer .logo-awards .grocer-logistics span { background-size: 215px 2756px; background-position: -111px -2499.5px; width: 96px; height: 96px; }
footer .logo-awards .toptrack100 { width: 65px; margin-left: 50px; }
footer .logo-awards .toptrack100 .toptrack { width: 65px; height: 96px; background-position: 0px -1641px; background-size: 183px 2346px; }
}


@media screen and (max-width: 650px) {
.sel-trolley .pos-date-from { clear: both; }
.sel-trolley .pos-date-from, .sel-trolley .pos-date-to { margin: -2px 0 2px;}
.sel-trolley .pos-date-from label, .sel-trolley .pos-date-to label { display: inline-block; }
.sel-trolley li div { line-height: 36px; }
.sel-trolley li .pos-priced { padding-right: 0;}
.prodimage .sel, .prodimage .sc { margin-top: 0px; margin-bottom: 14px; max-width: 300px;}
.prodimage .sc { max-width: 220px;}

.productpagenav .inner, .shop-products.productpagedetail { display: block; }
.shop-products.productpagedetail .prodimage { width: 100%; float: none; }
.shop-products.productpagedetail .prodimage .magnify { max-width: 379px; margin: auto; }
.shop-products.productpagedetail li .right { width: 100%; padding-left: 0; float: none; padding-top: 20px; }
.shop-products.productpagedetail ul.tabnav { padding: 0 }
.shop-products.productpagedetail .prodtabcontents { padding: 0 2px 20px; }
.shop-products.productpagedetail #prodtabs .blueline { margin: 5px 0 10px 0; }
.shop-products.productpagedetail .product-recom { padding: 20px 20px 20px 20px; }
.shop-products.productpagedetail #prodtabs { clear: both; }

.retailer-tools .main .right img { float: none; }
.retailer-tools .main .right { text-align: center; padding: 40px 0 10px 0; margin: 0; }
.retailer-tools .main .left, .retailer-tools .main .right { width: 100%; }
.retailer-tools .main .left p:last-child { margin: 0; }

.shop-products.productpagedetail .productpagedetail-inner .right { width: 100%; padding-left: 0; float: none; padding-top: 20px; }
.shop-products.productpagedetail .productpagedetail-inner, .shop-products.productpagedetail .product-recom { padding: 0; border: none; border-bottom: 1px solid #eaeaea; margin-bottom: 16px; }
.shop-products.productpagedetail .product-recom ul { margin-left: 10px; margin-right: 10px;}
.sli_rec .slick-prev { left: -18px; }
.sli_rec .slick-next { right: -18px; }
}


@media screen and (max-width: 620px) {
.textinput.half, select.half { width: 48%; display: inline-block; margin-right: 0.6%; }
.orderdet-top, .orderdet-info, .orderdet-actionsprimary { display: block; width: 100%;border: none; text-align: left;}
.orderdet-top { margin-bottom: 25px; }
.orderdet-actionssecondary p.sel { border-bottom: 1px solid #999; padding-bottom: 10px; display: block; margin: 10px 0 0 0; }
.orderdet-actionssecondary p.sc { margin: 10px 0 0 0; }
.orderdet-actionsprimary p { width: auto; margin: 20px 20px 0 0; display: inline-block; }
.appphone { min-width: 170px;}
}


@media screen and (max-width: 600px) {
.uspbar li { display: none; }
.uspbar li:not(:first-child) { display: none !important; } 
.uspbar li:first-child { display: table-cell; width: 100%;}

.contact-form .manager-photo { float: none; margin: 0 0 30px 0; width: 100%; display: block; text-align: left; }
.contact-form .manager-photo img { padding-bottom: 10px; text-align: left; }
.contact-form .manager-email a { font-size: 0.9em; }
.contact-form .twocol { display: block; width: 100%; padding-bottom: 0px; }
.contact-form .twocol.padd { padding-bottom: 20px; }
.contact-form .clear-spacer { margin-bottom: 20px; }
.contact-form fieldset.threecol .learn  { margin-top: 30px; }
.contact-form .twocol .column, .contact-form .twocol .spacer,
.contact-form fieldset.threecol, .contact-form fieldset.threecol .column, .contact-form fieldset.threecol .spacer  { display: block; width: 100%; }
.generalform select { width: 100%; min-width: none; }

.fulltrolley .trol-name a.trol-multibuy { padding-left: 0; }
.generaltable.lists tr .products-desk, #listdetails.fulltrolley td.trol-opencode-desk { padding: 0; width: 0 !important; font-size: 1px; color: transparent; text-indent: -9999px; border: none; }

#listdetails.fulltrolley .opencode-mob { display: inline-block; text-align: left; padding: 4px 0 0 3px; }
#listdetails.fulltrolley td { vertical-align: top; }

#actionbar-inner.sticky .cell.headaccount { display: none; }
.scans-col-cbtc, .scans-col-rsp { display: none;}

.services-info-box { display: block; padding: 20px !important; }
.services-info-box .cell { display: block; width: 100% !important; }
.services-info-box .cell.logo { padding: 0 0 30px 0 !important; }
.services-info-box .cell.image { padding-top: 40px; }
.services-info-box.services-rda .winner { padding: 30px 0; }

.services-info-box p.apply { margin: 40px 0 20px 0; }
.services-info-box p.apply.mob { display: block; }
.services-info-box p.apply.desk { display: none; }

.brooklyn #hero h1 { font-size: 1.5em; }

.shop-products.listview { margin: 0 10px 20px 10px; }
.listview .prodquant input { width: 30px; padding: 5px 2px;}
.shop-products.listview .prodquant .prodadd input { width: 40px; }
.shop-products.listview .list-trolley { width: 172px; }
.shop-products.listview .prodlist, .shop-products.listview .addleft { padding-left: 4px; }
.shop-products.listview .prodlist a { width: 36px; }
.shop-products.listview .prodstock { width: 100px; margin-right: -2px; font-size: 0.7em; }
.shop-products.listview .prodtrolley { margin-left: 5px; width: 68px; font-size: 0.7em; }
.shop-products.listview .cdcproduct { margin-left: 5px; margin-right: 2px; }

#other-sites {  padding: 20px 0; }	
.accordionButton { position: relative; cursor: pointer; padding: 13px 20px; border-bottom: 1px solid #eaeaea; margin: 0; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.accordionButton.border { border-top: 1px solid #eaeaea; }
.accordionButton:after { position: absolute; top: 0; bottom: 0; margin: auto; right: 20px; width: 20px; height: 20px; display: inline-block; content: ''; background-image: url(/assets/large-misc-icons3.png?a=111119); background-repeat: no-repeat; background-size: 312px 4000px; background-position: -4px -3923px; }
.accordionButton.on:after { background-position: -147px -3923px; }
.accordionContent { padding: 10px 20px 30px 20px; background: #fff; }
.greyline.desktop-only { display: none; }
footer .footernav .accordionButton h3 { text-align: left; font-size: 1.35em; color: #666; margin: 0; line-height: 1.3; }
footer .accordionContent ul { margin: 0; }
footer .accordionContent ul li { list-style: none; }
footer .accordionContent ul li a { display: block; font-weight: 400; font-size: 1.1em; padding: 8px 0; letter-spacing: 0.04em; text-align: left; }
footer .logo-awards { max-width: 337px; padding: 30px 0 10px 0; }
footer .logo-awards .logo { display: none; }
footer .logo-awards .grocer-wholesaler, footer .logo-awards .grocer-logistics, footer .logo-awards .toptrack100 { margin: 0 10px; }
footer .credit-cards { max-width: 380px; margin: auto; }
footer .mobile-only { text-align: center; display: block; }
footer .mobile-only .logo a { width: 253px; height: 57px; display: inline-block; background-position: -2px -3835px; text-indent: -99999px; }
footer .mobile-only .greyline { padding: 20px 0 10px 0; }
.inner.greybg.footernavcontainer { background: #f6f6f6; padding: 0; }
footer .footernav.shopfooter, footer .footernav.info, footer .footernav.contact { width: auto; max-width: none; display: block; margin: 0; padding: 0; }
}



@media screen and (max-width: 575px) {
.gt575 { display: none; }
.trolley .fulfilment-select a, .trolley .fulfilment-select span { width: 230px; max-width: 250px; padding-left: 100px; }
.trolley .fulfilment-select .fulf-select-C { margin-right: 15px; }
.payment-options li { width: 100%; display: block; height: auto; min-height: 90px; margin-bottom: 15px;}
.payment-options li label { max-width: 100%; }
.payment-options p { margin-bottom: 0; }
.checkout-options { margin: 25px 0 10px;}
.checkout-options .label, .checkout-options .options { display: block; width: 100%; padding-top: 0; }
.checkout-options .options p.textonly { padding-top: 0;}
.checkout-options .label { margin-bottom: 8px; }
.news-full .image-right { float: none; display: block; margin: 5px auto 20px;}
.controls-bar select { max-width: 100px; }
.controls-bar.single select { max-width: 180px; }
.appinfo { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 400px;}
.appcontent { display: block; max-width: auto; padding-bottom: 0;}
.appphone { display: block; max-width: 300px; margin: 0 auto; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
.scantable .cartcontrols input { min-width: 36px;}
.fulltrolley .trol-qty { padding-left: 6px; padding-right: 6px; }
.fulfilment-select a, .fulfilment-select span { width: 100%; display: block; padding: 0 0 2px 106px; min-height: 90px; margin-top: -10px;}
}



@media screen and (max-width: 550px) {
/* POS Generator */
#hero.pos h1 { font-size: 1.7em; width: 50%; }
#hero.pos .pos-spacer { display: none; }
#hero.pos .pos-trolley { width: 50%; }
.close-pos a { font-size: 1em; line-height: 1.3; padding: 15px 0 15px 38px; }
#hero.pos .inner { position: relative; }
#hero.pos .close-pos { display: block; width: 50%; height: 40px; position: absolute; bottom: 3px; left: -25%; right: 0; margin: auto; background-position: 9px -1630px; background-size: 234px 3000px; }
#hero.pos h1 { padding: 0 15px 15px 0; }

.scans .scans-col-products { display: none; }
.scan-date-desk { display: none; }
.scan-date-mob { display: inline; }

.curved-shadow.white-box .modal-tabs h1 { font-size: 1.7em !important; }
.curved-shadow.white-box .modal-tabs h1.icon3.heading-list { background-position: -2px -881px; }
.curved-shadow.white-box .modal-tabs h1.icon3.heading-recipe { background-position: -2px -1366px; padding: 7px 0 4px 32px; }

.lists-wrapper .modal-tab-content .lists-add { padding: 80px 0 20px 0; }
.lists-wrapper .modal-tabs { padding: 35px 0 0 0; }
.lists-wrapper .modal-tabs li:first-child { padding: 8px 0 8px 20px; }
.curved-shadow.white-box .modal-tabs h1.icon3.heading-list { padding: 7px 0 4px 32px; }
.lists-wrapper .modal-tabs li:last-child { padding: 8px 0 8px 10px; }
.lists-wrapper .modal-tabs h1.icon3 { background-image: url(/assets/large-misc-icons3.png?a=111119); background-repeat: no-repeat; background-size: 234px 3000px; }
.bannerads p { margin: 5px; }
}


@media screen and (max-width: 530px) {
#actionbar .headaccount a.headbtn p.acclog, #actionbar .headaccount a.headbtn p.accname { font-size: 0; text-indent: -9999px; }
.textinput.half, select.half { width: 100%; display: block; margin-right: 0; margin-bottom: 8px;}
.orderdetails .mob { display: inline; color: #888; }
.orderdetails .prod-code, .orderdetails .prod-size { font-size: 1px; color: transparent; text-indent: -9999px; width: 0; padding: 0; }

.pos-full-trolley.sc-trolley li div { width: 47.5%; }
.sc-trolley .pos-date-from, .sc-trolley .pos-date-to { width: 32%;}
.sc-trolley .pos-date-from input, .sc-trolley .pos-date-to input { width: 100%;}
.pos-full-trolley.sc-trolley .pos-remove { width: 20px; }

.sc-trolley li { position: relative; padding: 4px 0 8px; }
.pos-full-trolley.sc-trolley li div { width: 47.5%; padding-top: 8px;}
.sc-trolley li div.pos-name, .sc-trolley li div.pos-extra { width: 95%;}
.pos-full-trolley.sc-trolley .pos-remove, .pos-full-trolley.sc-trolley .pos-select { width: 20px; position: absolute; float: none; right: 3px; top: 50%; margin-top: -12px;}
.pos-full-trolley.sc-trolley .pos-select { right: -2px; }
.sc-trolley .pos-extra { padding-bottom: 0;}
.sc-size br { display: block; }
.sc-trolley .sc-size img { margin-top: 16px; }
.sc-trolley .sc-size { margin-top: -10px; }
.scan-edit .textinput { width: 65%;}
}


@media screen and (max-width: 501px) {
.inner.footernavcontainer, footer .footerlogo { display: block; }
footer .footernav.shopfooter, footer .footernav.info, footer .footernav.contact { display: block; margin: 10px 0 0 0; width: 100%; max-width: 100%; }
footer .footernav .qae { margin-top: 20px; }
.brooklyn table td { font-size: 1.6em; }
}



@media screen and (max-width: 500px) {
.trolley .fulfilment-select a, .trolley .fulfilment-select span { width: 100%; max-width: 100%; padding-left: 90px; margin-top: -12px; }
.trolley .fulfilment-select .fulf-select-C { margin-right: 0; }
.trolley .fulfilment-select a:before, .trolley .fulfilment-select span:before { width: 72px; height: 72px; background-size: 80px; background-position: 6px -300px}
.trolley .fulfilment-select .fulf-select-D:before { background-position: 4px -380px; }
.curved-shadow.white-box { padding: 20px; }

.shop-products { margin: 0; display: block; }
.shop-products .prodimage { margin: 0; padding: 15px 0 0 0; display: table-cell; max-width: 175px; width: 40%; vertical-align: top; position: relative;}
.shop-products .prodimage a { min-height: 0; }
.productpagedetail .prodimage { max-width: 100%; }
.shop-products li { display: table; width: 100%; float: none; padding: 0px 5px 20px 5px; margin: 0; border: none; border-bottom: 1px solid #eaeaea; }
ul.prodimage-thumbs li { display: inline-block; }

.shop-products .right { display: table-cell; width: 60%; vertical-align: top; padding: 0 5px 0 10px; position: relative;}
.shop-products li .special, .shop-products li .multibuy { padding: 0 6px 0 8px; left: -5px;}
.shop-products.listview li .special, .shop-products.listview li .multibuy { left: 0;}
.shop-products li .new { padding: 0 8px 0 6px; right: -5px;}
.shop-products.listview li .new { right: 0;}
.main.thumbs .shop-products.gridview li .must { width: 95px; height: 30px; right: auto; top: auto; background-image: url(/assets/large-misc-icons2.png); background-repeat: no-repeat; background-size: 312px 4000px; background-position: -204px -2755px; left: 10px; bottom: 14px; }
.main.thumbs { padding-top: 15px; background: #fff;}
.shop-products.productpagedetail .product-recom h2, .shop-products.productpagedetail .product-recom ul { margin-left: 15px; }
.addleft, .addright { padding: 0; }
.prodquant .prodadd input { width: 44px; }
.productpagedetail .prodquant .prodadd input { width: 54px; }
.productpagedetail .addleft { width: 120px; }
.product-recom ul.sli_rec p.prodadd input { width: auto; }
.shop-products.gridview .cdcproduct { position: relative; margin-bottom: -10px;}

.prodquant input { width: 36px;}
.fullcaseroundelsml { top: auto; bottom: -10px; right: -10px;}
.retailer-tools .main h2 { font-size: 2.1em; margin: 0 0 15px 0; }
.retailer-tools.retailer-help .main a[href^="tel:"] { font-size: 1.7em; padding-left: 60px; }

.shop-products .footer { margin-top: 6px; position: relative; bottom: auto; left: auto; clear: both; margin-left: auto; margin-right: auto; text-align: center; width: 190px; }
.shop-products .prodtrolley { float: left; margin-top: 10px;}
.shop-products .prodstock { float: right; margin-top: 10px; margin-right: -2px; }
.shop-products .addleft { text-align: left; }
.shop-products .prodquant { margin: 0;}
.shop-products .addright { text-align: right; }
.shop-products .prodlogin { position: relative; bottom: auto; left: auto; margin-top: 10px; }
.shop-products .prodlogin a { padding: 5px 10px; display: inline-block; }
.shop-products .collectonly { margin: 2px 0 -12px;}
.shop-products.productpagedetail .footer { text-align: left; width: 100%; }
.shop-products.productpagedetail .prodtrolley { float: none; }
.shop-products .prodstock { width: 57%; padding: 0 33px 0 0; }
.controls-bar-footer { border-top: 1px solid #eaeaea; margin-top: -5px;}
.shop-products .cdcproduct { margin-bottom: -10px; }
.shop-products.listview .list-price.notloggedin { width: 80px; }
.shop-products.listview .prodlogin { left: 0; width: auto; font-size: 1.4em; margin-bottom: 10px; margin-top: -12px; min-width: 130px; }
.shop-products.listview li { display: grid; grid-gap: 5px; grid-template-columns: 90px 1fr 1.5fr;}
.shop-products.listview .prodimage { grid-column: 1; grid-row: 1 / 3; }
.shop-products.listview .list-prodinfo { grid-column: 2 /4; grid-row: 1; }
.shop-products.listview .list-price { grid-column: 2; grid-row: 2; }
.shop-products.listview .list-trolley { grid-column: 3; grid-row: 2; width: auto; max-width: 200px;}
.shop-products.listview .list-price { width: 100px; padding-top: 10px;}
.pos-products.listview .list-price { width: 100%; padding-top: 0;}
.shop-products.listview .pos-controls { top: 0; display: table; }
.shop-products.listview .pos-controls p { display: table-cell; }
.shop-products.listview .pos-controls p a { white-space: nowrap; padding: 9px 12px 7px; margin: 0; }
.shop-products.listview .pos-controls .shelf-label a { margin-right: 10px; }
.shop-products.listview .list-price.notloggedin { width: 100%; padding-top: 0;}
.shop-products.listview .prodstock { margin-top: -5px; float: right; width: auto;}
.shop-products.listview .addouter { margin-top: 2px;}
.shop-products.listview .prodtrolley { float: left; margin-top: 2px; }
.shop-products.listview .addleft { text-align: left; }
.shop-products.listview .prodquant { margin: 0;}
.shop-products.listview .addright { text-align: right; }

.pos-controls { position: relative; left: auto; right: auto; margin-top: 10px; width: 160px;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance:textfield; }

.productpagedetail li { padding: 0; display: list-item; }
.productpagedetail .prodtabcontents { padding: 0 0 20px;  }
.productpagedetail .prodimage { display: block; }
.productpagedetail ul.tabnav { padding: 0; margin: 0; }
.productpagedetail #prodtabs ul.tabnav li.tabslash { display: none; }
.productpagedetail #prodtabs ul.tabnav li { margin-right: 10px; margin: 0; width: 100%; display: block;}
.productpagedetail ul.tabnav li a { position: relative; padding-left: 11px; display: block; }
.productpagedetail ul.tabnav li.current a:before { position: absolute; content: ""; display: block; width: 3px; height: 15px; background: #4e8cce; left: 0; top: 4px; }
.productpagedetail #prodtabs .blueline { margin: 5px 0 10px; }
.productpagedetail .productpagedetail-inner { padding: 0; width: 100%; margin: 0 0 16px; }
.productpagedetail .productpagedetail-inner .right { display: block; padding: 20px 0 0; }
.productpagedetail #prodtabs ul.tabnav li { font-size: 1.6em; text-align: left; }

.fulltrolley .trol-total-price, .trolley tr.totals td:last-child { font-size: 1.2em; }

.shop-products .prodstock { width: auto; margin-top: 5px }
.shop-products .prodlist { padding: 0; }
.main.thumbs .shop-products .prodadd { margin: 0 7px 0 0; }
.main.thumbs { background: #fff; }

.mfp-content .lists-add div.right { width: 100%; display: block; padding: 0 0 10px 5px; }
.mfp-content .lists-add li h4KILL, .lists-add p.newlistKILL { width: 100%; display: block; }
.mfp-ajax-holder .listadd .success { padding-right: 0; left: 120px; right: auto; top: 37px; }

.generaltable.lists tr td span.date-mob { display: block; }
.generaltable.lists tr td span.date-desk { display: none; }
.prodfilterfooter .prodfilter { padding: 20px 15px 20px 15px; }
.lists-add li.new .newlist { display: block; width: 100%; }

.scrolling-table { overflow-x: scroll; }
.scrolling-table table { width: 500px; }

.brooklyn h2 { font-size: 2.1em; margin-bottom: 5px; }
.brooklyn h3 { font-size: 1.8em; }
.brooklyn h4 { font-size: 1.7em; }
.brooklyn p.terms { font-size: 1.15em; }
.brooklyn .howtoget p { font-size: 1.7em; }
.brooklyn .howtoget span { width: 30px; height: 30px; font-size: 2.3em; line-height: 34px; } 
.brooklyn p.dates { font-size: 1.4em; }

#bottom-banner .slick-next { right: 8px; }
#bottom-banner .slick-prev { left: 8px; }
.home-banner-bottom { margin: 22px 0 0 0 !important; }
#bottom-banner { max-width: none; margin: 22px 10px 0 10px; padding: 0; }
.pg_home .main .inner:first-child { margin: 0 10px; }

.red-bull.pg_energytop10 .shop-now.inner { border-bottom: 3px solid #ffc300; padding-bottom: 3px; }

}



@media screen and (max-width: 480px) {
.shop-products li .special, .shop-products li .multibuy { height: 22px; line-height: 22px; padding: 0 8px; }
.shop-products li .special::after, .shop-products li .special::before,
.shop-products li .multibuy::after, .shop-products li .multibuy::before { right: -22px; width: 22px; height: 22px; border-width: 22px 22px 0 0; }
.shop-products li .special::before, .shop-products li .multibuy::before { right: -21px; }
.shop-products li .new { height: 22px; line-height: 22px; padding: 0 8px; }
.shop-products li .new:after, .shop-products li .new:before { height: 22px; border-width: 0 22px 22px 0; }
.controls-bar .prodshowper { display: none;}
.actions-lists .controls-bar .prodshowper { display: table-cell;}
.controls-bar .cell { width: 33%; }

.depotloc-left a.button-med, .depotloc-left a.button-med:link { font-size: 0.9em; }
}



@media screen and (max-width: 450px) {
#mainmenu.limited nav ul li a { padding: 0 6px; font-size: 0.8em; }

.brand-panel { width: 100%; }
.brand-panel.bestone, .brand-panel.bestpets { margin: 0 0 15px 0; }
.brand-panel-height { display: block; flex-wrap: inherit; }

.news .article { padding: 20px; }
.retailer-tools .main .curved-shadow { padding: 20px; }

.generaltable td { font-size: 1.35em; padding: 6px 4px 4px; }
.orderdetails td { font-size: 1.25em; }
.filters .attribute { width: 100%; min-height: 60px !important; float: none; }
.filters .greyline { display: none; }
.filters .greyline.first { display: block; }
#depot-list strong a { float: none; display: block; text-align: right }
.pos-products .button-vert-divider-left { border: none; padding-left: 0; margin-left: 2px;}
.scanchoosetable .cell-image  { display: none;}
.scantable.notfound .datetime { display: none; }
.scantable.trolley .cell-image { display: none; }
.curved-shadow.white-box .modal-tabs h1 { font-size: 1em !important; }
.curved-shadow.white-box .modal-tabs h1.icon3.heading-list { background-position: -2px -884px; }
.curved-shadow.white-box .modal-tabs h1.icon3.heading-recipe { background-position: 0px -1368px; }
.app-panel .app-content h3 span { display: block; }

#banner .slick-dots li button { width: 10px; height: 10px; }
#banner .slick-dots li { margin: 0 5px; }
.banner-slider #banner .slick-dots { display: none !important; }
.main .home-deals.two { padding-top: 5px !important; }
}


@media screen and (max-width: 430px) {
.rda-image .rda-rosette { margin: 0 auto 20px auto; }
.ownlabel .white-button { margin-right: 10px; }
.ownlabel .info-content p.vline { padding: 10px 7px 10px 10px; }
.shop .products li { float: none; width: 100%; padding: 35px 0px 45px 0px; }
.alcoholmup label { width: 170px; font-size: 1em;}
.alcoholmup input, .alcoholmup #totalPrice { width: 90px; }
.fulltrolley .trol-name { line-height: 1.3; }
.scanchoosetable { font-size: 0.92em; letter-spacing: -0.2px;}
.casesize-select input[type="radio"] { margin-right: 5px;}
.shop-products.listview .pos-controls p a { font-size: 0.4em; padding: 9px 10px 7px; }
}


@media screen and (max-width: 400px) {
.prodfilterfooter .prodfilter { padding: 0; }
.prodpag ul { display: table; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.prodfilterfooter .prodfilter .cell.prodpag { display: block; }
.prodpag ul li { float: none; display: table-cell; }
.prodpag ul li.prev a, .prodpag ul li.next a { padding: 0 12px; background-image: none; }
.orderdate .mob { display: inline; }
.orderdate .desk { display: none; }
.controls-bar select { max-width: 90px;}
.prodfilterby a { white-space: normal;}
.sel-trolley li div { line-height: 30px; }
.sel-trolley .datepicker { width: 80px; font-size: 0.9em; }
.scans-col-view { width: 10%; }
.scan-edit .button, .scan-edit a.button  { padding: 10px 14px; margin-left: 4px; }
.fulltrolley .trol-qty { padding-left: 4px; padding-right: 4px; width: 20px;}
.fulltrolley .trol-qty .textinput { padding-left: 5px; width: 40px; }
.fulltrolley .trol-cconly { padding-left: 0; padding-right: 0; }
.fulltrolley { font-size: 0.95em; }
.pos-trolley  { padding-left: 10px; background-position: 130px -2060px; }
.pos-trolley h3 { font-size: 1.15em; }
.pos-trolley p { font-size: 0.95em; }
.pos-trolley strong { font-size: 1.5em; }
.pos-trolley span  { font-size: 1.2em; }
#actionbar-inner.sticky { padding-right: 7px; }
#actionbar-inner.sticky #header-trolley { width: 50px; position: relative; }
#actionbar-inner.sticky #header-trolley:before { display: none; }
#actionbar-inner.sticky .headtrolley {  background-position: -208px -3562px; width: 50px; }
#actionbar-inner.sticky .headtrolley a { height: 30px; width: 40px; }
#actionbar-inner.sticky .headtrolley span { display: none; }
#actionbar-inner.sticky .headtrolley p { position: absolute; margin: 0; padding: 0; background: #a5a9ac; border-radius: 50%; height: 25px; width: 25px; line-height: 25px; display: block; color: #fff; font-size: 10px; line-height: 26px; text-align: center; right: -7px; top: -10px; }
#actionbar-inner.sticky .searchform .textinput { width: 75%; width: -moz-calc(100% - 88px); width: -webkit-calc(100% - 88px); width: calc(100% - 88px); }
.scantable.trolley { font-size: 1em; }
.scantable .cartcontrols div input { min-width: 30px; width: 30px; }

.sticky .success { left: 10px; top: 0; }
.shop-products.listview li { padding: 5px 0; }
.shop-products.listview li { grid-template-columns: 80px 80px 1fr;}
.shop-products.listview .list-price, .shop-products.listview .prodimage { width: 80px;}
.shop-products.listview .prodimage img { height: 70px; width: 70px; }
.generaltable td, .generaltable th { font-size: 1.2em; }
.shop-products.listview .cdcproduct { margin-left: 3px; margin-right: 2px; }
.brooklyn table td { font-size: 1.3em; }

footer .logo-awards { max-width: 287px; }
footer .logo-awards .grocer-wholesaler, footer .logo-awards .grocer-logistics, footer .logo-awards .toptrack100 { margin: 0 5px; }
}



@media screen and (max-width: 380px) {
#actionbar .logo { width: 112px; }
}



@media screen and (max-width: 370px) {
.shop-products .prodimage { width: 40%; max-width: 40%; position: initial; }
.pos-products .prodimage { width: 130px; max-width: 130px; padding-top: 20px;}
.pos-products.listview .prodimage { width: 70px; max-width: 70px; }
.shop-products .prodimage img { width: 100%; }
.shop-products .prodimage-thumbs li img { width: 65px; }
.productpagedetail .prodimage { max-width: 100%; }
.shop-products .prodname { padding: 15px 0 6px 0; }
.shop-products .right { padding: 0 10px; width: 60%; min-width: 60%;}
.shop-products .with-new-flash .right { padding-top: 10px;}
.pos-products .right { padding-top: 10px; }
.pos-products li { padding-bottom: 0;}
.pos-products .prodname { padding: 0; }
.shop-products li .special { left: 0;}
.shop-products li .new { right: 0;}
.fullcaseroundelsml { bottom: 8px;right: auto; left: 40%; margin-left: -60px;}
}


@media screen and (max-width: 360px) {
#actionbar {  padding: 15px 10px 3px 12px; }
#actionbar .headaccount { right: 9px; }
#actionbar .headtrolley {right: 45px; }
.shop-products.productpagedetail .prodtrolley { padding: 0; }
.shop-products.listview li { grid-template-columns: 80px 60px 1fr;}
.shop-products.listview .list-price { width: 60px; padding-top: 0; }
.pos-products.listview .list-price { width: 180px; }
.shop-products.listview .pos-controls, .shop-products.listview .pos-controls p { display: block; margin: 0; }
.shop-products.listview .pos-controls .shelf-label a { margin: 0 0 6px; }
.controls-bar .cell.prodlayout { white-space: normal;}
}


@media screen and (max-width: 350px) {
.about .col3 img { max-width: 100%; }
#actionbar .logo { margin-left: 8px; }
.shop-products .prodimage { width: 35%; }
.shop-products .right { width: 65%; }
.app-panel .app-content p span { display: block; }

}




/* Max height */
@media screen and (max-height: 700px) {
.filters .attribute { min-height: 80px; }
}


/* Min/Max   */
@media screen and (min-width: 1151px) {
.banner-end ul li h3 { color: #000; text-transform: uppercase; font-size: 0.85em; font-weight: 400; margin-bottom: 2px; }
.banner-end ul li a { height: 75px; min-height: 75px; }
.banner-end .icon-sprite, .banner-end .icon-home { background-image: url(/assets/icons/sprite-home.png); background-repeat: no-repeat; background-size: 420px 504px; }
.banner-end ul li.depot { background-position: 0 -42px; }
.banner-end ul li.app.icon-home { background-position: -1px -169px; }
.banner-end ul li.banner-catadvice { background-position: -10px -314px; }
}


@media screen and (min-width: 769px) and (max-width: 1150px) {
.banner-end ul li.depot, .banner-end ul li.app { border-bottom: none; border-right: 1px solid #eaeaea; }
.banner-end ul li { float: left; width: 33.333333%; max-width: none; }
.banner-end ul li.depotKILL { border-radius: 0; }
}



@media screen and (min-width: 769px) and (max-width: 1200px) {

#actionbar .headaccount { width: 150px; background-position: -246px -252px; }
#actionbar .headaccount.login { background-position: 27px -252px; }
#actionbar .headaccount a.signin { margin-left: 15px; font-size: 1.1em; padding: 10px 4px 8px 25px; }
#actionbar .searchform { padding-left: 20px; }
#actionbar .searchform .textinput { width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); width: calc(100% - 90px); padding: 6px 10px; font-size: 1.4em; }
#actionbar .search { border-radius: 0 5px 5px 0; padding: 6px 10px 6px 26px; font-size: 1.4em; background-position: 7px -146px;}
#actionbar .headaccount a.headbtn { padding: 0 20px 0 57px; }
#actionbar .headaccount a.headbtn p.acclog { font-size: 1em; }
#actionbar .headaccount a.headbtn p.accname { font-size: 1.1em; }
#actionbar-inner.sticky .cell.headaccount.login { width: 168px; max-width: 168px; background-position: 27px -252px; }

.controls-bar .prodpag { padding-right: 0;}
.shop-products-column { vertical-align: top;}
.prodnav { width: 210px; float: left; }
}



@media screen and (min-width: 769px) and (max-width: 950px) {
.shop-products-colu3mn { max-width: 458px; }
}



@media screen and (min-width: 531px) and (max-width: 768px) {
#actionbar .headtrolley { right: 158px; }
#actionbar .cell.headaccount.icon-sprite { width: 142px; }
#actionbar .cell.headaccount.icon-sprite.login { width: 133px; background: url(/assets/large-misc-icons.png) no-repeat 14px -267px; background-size: 312px 4000px; }
#actionbar .headaccount a.headbtn { width: 142px; padding: 0 20px 0 0; }
#actionbar .headaccount a.headbtn p.acclog { font-size: 0.95em; }
#actionbar .headaccount a.headbtn p.accname { font-size: 1.1em; }
#actionbar .headaccount a.headbtn p.accname::after { display: block; }
#actionbar .headaccountexpanded { top: 44px; right: 6px; }
#actionbar .headaccount a.signin { font-size: 1.1em; padding: 9px 4px 8px 27px; display: block; font-weight: 400; line-height: 1; letter-spacing: 0.03em; text-align: center; border: 1px solid #eaeaea; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; transition: box-shadow .3s; text-indent: 0; width: 128px; }
#actionbar .headaccount a.signin:hover { -webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); box-shadow: 0 0 15px 1px rgba(0,0,0,0.2); }
#actionbar-inner.sticky .headaccount a.signin { position: relative; }
}



@media screen and (min-width: 801px) and (max-width: 1150px) {
.services-info-box .cell.logo { width: 18%; }
.services-info-box .cell.image { width: 22%; }
}


@media screen and (min-width: 601px) and (max-width: 800px) {
.services-info-box { position: relative; padding: 25px !important; }
.services-info-box .cell.text { width: 55% !important; }
.services-info-box .cell.image { position: absolute; top: 0; right: 25px; padding: 25px 0 0 0 !important; width: 35% !important; }
}





/* add to cart animation */
@media screen and (min-width: 769px) {
#actionbar .headtrolley { position: relative; }
.success { position: absolute; left: 25px; right: 0; margin: auto; top: -6px; }
#actionbar-inner.sticky #header-trolley { position: relative; }
#actionbar-inner.sticky #header-trolley:after { position: absolute; top: 14px; right: 5px; margin: auto; width: 1px; height: 28px; display: block; content: ''; background: #eaeaea; }
}



@media screen and (min-width: 769px) and (max-width: 1200px) {
.success { top: -3px; }
.checkmark-circle .background { width: 40px; height: 40px; }
.checkmark-circle { width: 40px; height: 40px; }
.checkmark-circle .checkmark { border-radius: 4px; }
.checkmark-circle .checkmark::after { height: 23px; width: 13px; left: 7px; top: 21px; border-right: 5px solid white; border-top: 5px solid white; }

.mfp-ajax-holder .listadd .success { top: -2px; }

@-webkit-keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 13px; opacity: 1; }
50% { height: 23px; width: 13px; opacity: 1; }
80% { height: 23px; width: 13px; opacity: 1; }
}
@-moz-keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 13px; opacity: 1; }
50% { height: 23px; width: 13px; opacity: 1; }
80% { height: 23px; width: 13px; opacity: 1; }
}
@keyframes checkmark {
0% { height: 0; width: 0; opacity: 0; }
20% { height: 0; width: 0; opacity: 0; }
30% { height: 0; width: 13px; opacity: 1; }
50% { height: 23px; width: 13px; opacity: 1; }
80% { height: 23px; width: 13px; opacity: 1; }
}

}




@media screen and (min-width: 651px) and (max-width: 700px) {
.shop-products.productpagedetail .prodadd input { padding: 6px 12px; }
.shop-products.productpagedetail .prodtrolley { padding: 0; }
}


@media screen and (min-width: 851px) and (max-width: 1000px) {
.shop-products.productpagedetail .prodtrolley { display: block; width: 100%; float: none; text-align: left; padding: 0;}
}


@media screen and (min-width: 601px) {
footer .accordionContent { display: block !important; }
}


@media screen and (min-width: 651px) {
.main.productpagenav { background: #f6f6f6; }
}


@media screen and (min-width: 850px) and (max-width:980px) {
 .productpagedetail .addright { display: block; }
.shop-products.productpagedetail .prodtrolley { text-align: right; }
}


@media screen and (min-width: 769px) {
#sm_menu_ham, .sm_menu_outer ,.mobile_menu, #sm_menu_ham_sticky { display: none; }
}

@media screen and (min-width: 1200px) {
#actionbar .sticky .headaccount a.signin { margin-left: 15px; font-size: 1.1em; padding: 10px 4px 8px 25px; }
}


@media screen and (min-width: 850px) and (max-width: 950px) {
.depotloc-left, .depotloc-right { width: 100%; max-width: none; float: none; padding: 5%; }
}


@media screen and (min-width: 551px) and (max-width: 850px) {
.pos-trolley  { padding-left: 10px; background-position: 130px -2060px; }
.pos-trolley h3 { font-size: 1.15em; }
.pos-trolley p { font-size: 0.95em; }
.pos-trolley strong { font-size: 1.5em; }
.pos-trolley span  { font-size: 1.2em; }
}



@media print {
body { background: #fff; padding: 0;}
#header, header, #memberpanel, #searchpanel, .sm_menu_outer, #catwrapper, #cats, #actionbarwrapper, .other-brands-container, .inner.footernavcontainer,  #actionbar, .controls-bar, a.button, input.button, #footer, .scrolllink, a.back { display: none; }
#container, div.sixcol, .orders { width: 800px; margin: 0; padding: 0;}
h2, h3 { letter-spacing: 0px; }
a:link, a:visited { color: #000; }
td, tr { page-break-inside: avoid; page-break-before: auto; }
.storemain { border: none; padding: 0; margin: 0; width: 100%; }
.listtable { margin: 0 auto; float: none; }
.textinput { text-indent: -9999px; }
td.remove, th.remove { display: none; }
.cartcontrols input.textinput { width: 30px !important; }
.listtable.trolley td.oos .prodname a { color: #633; }
.main .inner, .main .inner-narrow { width: 100%; max-width: 100%; padding: 0 !important; }
.main .inner .curved-shadow { box-shadow: none; }
.orderdet-actionsprimary, .orderdet-actionssecondary, .orderdet-repeat { display: none; }
.orderdet-info { border: none; }
.msg-info, .msg-error, .msg-ok { display: none; }
}



@media screen and (max-width: 1001px) {
.promotional-brochures .col1 { width: 43%; }
.promotional-brochures .col1 p { padding: 0 50px 15px 40px; }
.promotional-brochures .col3 { padding-left: 20px; }
}


@media screen and (min-width: 651px) and (max-width: 1000px) {
.promotional-brochures h2 { height: 35px; line-height: 35px; font-size: 1.4em; padding: 2px 7px 0 15px; }
.promotional-brochures h2:after { border-width: 35px 35px 0 0; right: -35px; }
.promotional-brochures .col2 { width: 23%; }
.promotional-brochures ul { padding: 0 0 0 20px; }
.promotional-brochures ul li.heading { margin-bottom: 10px; }
.promotional-brochures ul li { font-size: 1.4em; margin: 0 10px 0 30px; }
.promotional-brochures .col1 p, .prom-broc .promotional-brochures .col1 p { padding: 0 30px 10px 20px; }
.promotional-brochures h3 { padding: 0 0 0 20px; margin: 13px 0 10px 0; }
.prom-broc .promotional-brochures.pcs h2 { font-size: 1.3em; padding-top: 3px; }
}

@media screen and (max-width: 650px) {
.promotional-brochures .col, .prom-broc .promotional-brochures .col { display: block; width: auto; }
.promotional-brochures h3 { padding: 0 20px; }
.promotional-brochures { padding: 0 0 20px 0; }
.promotional-brochures .col1 p, .prom-broc .promotional-brochures .col1 p { padding: 0 20px; }
.promotional-brochures .col2 { padding: 30px 0 0 20px; }
.promotional-brochures .col3 { text-align: left; }
.prom-broc .promotional-brochures .col3 {  padding: 50px 20px 0 20px; }
}



@media screen and (max-width: 768px) {
.pg_easter h2 { font-size: 2.8em; }
.pg_easter h3 { font-size: 1.8em; }
.pg_easter .easter-eggscellent-deals, .pg_easter .flex .easter-eggscellent-deals-text, .pg_easter .easter-eggstra-gifts, .pg_easter .easter-eggstra-gifts-text, .pg_easter .easter-sharing-deals, .pg_easter .easter-sharing-deals-text, .pg_easter .easter-family-favourites, .pg_easter .easter-family-favourites-text, .pg_easter .easter-caterering-deals, .pg_easter .easter-caterering-deals p { width: auto; margin: 0 auto; max-width: 550px; }
.pg_easter .flex .easter-eggscellent-deals-text,
.pg_easter .flex .easter-eggstra-gifts-text,
.pg_easter .flex .easter-sharing-deals-text,
.pg_easter .flex .easter-family-favourites-text { margin-top: 10px; margin-bottom: 40px; }
.pg_easter .easter-eggscellent-deals, .pg_easter .easter-sharing-deals { order: 1; }
.pg_easter .flex .easter-eggscellent-deals-text, .pg_easter .easter-sharing-deals-text { order: 2; }
.pg_easter .easter-eggstra-gifts, .pg_easter .easter-family-favourites { order: 3; }
.pg_easter .easter-eggstra-gifts-text, .pg_easter .easter-family-favourites-text { order: 4; }
.pg_easter .easter-caterering-deals { text-align: center; }
.pg_easter .easter-caterering-deals p { display: inline-block; margin-top: 10px; }
.pg_easter p { padding: 15px 30px; font-size: 1.6em; }
.pg_easter .did-you-know img { max-width: 280px; }
.pg_easter .did-you-know { padding: 0 10px 30px 10px; }
.pg_easter h4 { font-size: 1.8em; }
}

@media screen and (max-width: 500px) {
.pg_easter h2 { font-size: 2em; }
.pg_easter h3 { font-size: 1.5em; }
.pg_easter p, .pg_easter .easter-caterering-deals p { font-size: 1.5em; padding: 15px; }
.pg_easter h4 { font-size: 1.5em; }
.pg_easter .value { padding: 15px 10px 25px 10px; }
}


/* Track and Trace 2019 */
@media screen and (max-width: 1200px) {
.trackandtrace .inner { margin: 0; }
.pg_track_trace h1, .pg_track_trace .options .update h4 { font-size: 3.3em; }
.pg_track_trace h2 { font-size: 1.8em; padding-right: 40px; margin-top: 6px; }
.pg_track_trace .list h3 { font-size: 2.2em;  }
.pg_track_trace .list p, .pg_track_trace .options p { font-size: 1.6em; }
.pg_track_trace h4 { font-size: 2em; padding: 12px 20px; }
}
@media screen and (max-width: 1000px) {
.pg_track_trace .pack:after { width: 300px; height: 443px; background: url(/assets/track-trace/pack.png) 0 0 no-repeat; background-size: 300px 443px; }
.pg_track_trace .list { padding: 10px 200px 0 40px; }
.pg_track_trace .options { padding: 0 340px 40px 40px; }
}
@media screen and (max-width: 768px) {
.pg_track_trace h1 { font-size: 3em; }
.pg_track_trace h2 { font-size: 1.7em;  margin-top: 5px; }
.pg_track_trace .list h3 { font-size: 2em;  }
.pg_track_trace .list p, .pg_track_trace .options p { font-size: 1.5em; }
.pg_track_trace .options a, .pg_track_trace .options .coming-soon { font-size: 1.8em; padding: 7px 20px 5px 20px; min-width: 170px; }
}
@media screen and (max-width: 700px) {
.pg_track_trace .pack:after { display: none; }
.pg_track_trace .pack { padding-bottom: 0; }
.pg_track_trace .background { padding: 20px 20px 0 20px; }
.pg_track_trace .list, .pg_track_trace .options { padding-right: 40px; }
.pg_track_trace .pack { min-height: 0; }
.pg_track_trace h1, .pg_track_trace h2, .pg_track_trace .list, .pg_track_trace .options { padding-right: 0; }
.pg_track_trace h2 { padding-top: 10px; }
}



/* How much is Ramadan worth to the economy? */
@media screen and (max-width: 1100px) {
.ramadan2019 .brands p.text { font-size: 1.8em; }
}


@media screen and (max-width: 930px) {
.ramadan2019 .main-meals .suhur:before, .ramadan2019 .main-meals .iftar:before{ height: 70px; background: url(/assets/ramadan/main-meals.png) 0 0 no-repeat; background-size: 500px 52px; }
.ramadan2019 .main-meals .suhur:before { background-position: -248px 0; width: 254px; }
.ramadan2019 .main-meals .iftar:before { background-position: 2px 0; width: 246px; }
.ramadan2019 .main-meals { padding: 10px 0 10px 0; }
.ramadan2019 .main-meals h3 { padding-top: 70px; }
}


@media screen and (max-width: 900px) {
.ramadan2019 h1 { margin: 0 0 10px 0; font-size: 3em; }
.ramadan2019 h2 { font-size: 2.4em; }	
.ramadan2019 .sep { padding: 10px 0; }	
.ramadan2019 .price { max-width: 440px; margin: 0 auto; }
.ramadan2019 .brands .rd-button a { font-size: 1.4em; }
}



@media screen and (max-width: 768px) {
.ramadan2019 .brands { display: block; }
.ramadan2019 .brands .white-pearl, .ramadan2019 .brands .best-one { width: 100%; float: none; max-width: 560px; margin: 0 auto 30px auto; }
}



@media screen and (max-width: 600px) {
.ramadan2019 .main-meals { padding: 40px 0 10px 0; }
.ramadan2019 .main-meals .suhur, .ramadan2019 .main-meals .iftar { width: 100%; float: none; }
.ramadan2019 .main-meals h3 { padding-top: 65px; }
.ramadan2019 .main-meals .suhur p { padding-bottom: 70px; }
.ramadan2019 .main-meals .suhur:before, .ramadan2019 .main-meals .iftar:before{ right: auto; }
.ramadan2019 .main-meals p { font-size: 1.6em; }
}



@media screen and (max-width: 450px) {
.ramadan2019 .brands .images p { width: 70%; padding: 0; }
}



/* 4 panels on home page */
@media screen and (min-width: 889px) and (max-width: 1150px) {
.home-promo-panels p.hp-text, .home-promo-panels .home-promo-tobacco p.hp-text, .home-promo-panels .home-promo-ramadan p.hp-text { padding-left: 10px; padding-right: 10px; }
.home-promo-panels h3 { font-size: 1.3em; }
}
@media screen and (min-width: 889px) and (max-width: 1150px) {
.home-promo-panels { max-width: 848px; margin: 0 auto; }
.walls-homepage { max-width: 848px; margin: 30px auto 0 auto; }
}


@media screen and (max-width: 888px) {
.home-promo-panels { margin: 0 auto; max-width: 554px; }
.home-promo-panels > div { width: 262px; margin: 0 30px 30px 0; }
.home-promo-panels .two { margin-right: 0 }
.home-promo-panels p.hp-text { max-width: 300px; margin: auto; }
.home-promo-panels .three, .home-promo-panels .last { margin-bottom: 0 }
}
@media screen and (max-width: 600px) {
.home-promo-panels { margin: 0 auto; max-width: 262px; }
.home-promo-panels > div { margin: 0 0 30px 0; }
.home-promo-panels .three { margin-bottom: 30px; }
}




@media screen and (max-width: 850px) {
.ramadan2019 .categories a { width: 49%; }
.ramadan2019 .categories a:nth-child(2n) { margin-right: 0; }
.ramadan2019 .categories {  padding: 25px 0 0 0; }
}


@media screen and (max-width: 500px) {
.ramadan2019 .categories a { width: 100%; margin-right: 0; }
}


@media screen and (max-width: 650px) {
.summer-sorted .content-container { display: block; margin: 30px 0; }
.summer-sorted .content { width: 100%; margin-bottom: 10px; }
}


@media screen and (max-width: 768px) {
.summer-sorted .shop ul.products li { width: 33.33%; }
.summer-sorted .shop ul.products li:nth-child(4n) { border-right: none; }
.summer-sorted .shop ul.products li:nth-child(3n) { border-right: 1px solid #f6f6f6; }
}


@media screen and (max-width: 550px) {
.summer-sorted .shop ul.products li { width: 50%; }
.summer-sorted .shop ul.products li:nth-child(3n) { border-right: none; }
.summer-sorted .shop ul.products li:nth-child(2n) { border-right: 1px solid #f6f6f6; }
}


@media screen and (max-width: 400px) {
.summer-sorted .shop ul.products li, .summer-sorted .shop ul.products li:nth-child(2n) { width: 100%; border-right: none; }
}



/* Carlsberg landing page */
@media screen and (max-width: 700px) {
.carlsberg .shop-products li { width: 49.5%; }
.carlsberg .shop-products li:nth-child(4n+4) { margin: 0 1% 1% 0; }
.carlsberg .shop-products li:nth-child(2n+2) { margin: 0 0 1% 0; }
.carlsberg .shop-products .prodimage a { max-width: 170px; margin: auto; }
}


@media screen and (max-width: 600px) {
.carlsberg .three-col .col, .carlsberg .three-col .col.col1, .carlsberg .three-col .col.col2 { display: block; width: auto; margin: 0 auto 15px auto; max-width: 250px; clear: both; }
}


@media screen and (max-width: 500px) {
.carlsberg .shop-products li, .carlsberg .shop-products li:nth-child(2n+2) { width: 100%; margin: 0 0 10px 0; padding: 0 5px; }
.carlsberg .shop-products .prodlogin { position: relative; bottom: auto; left: auto; margin-bottom: 10px; }
.carlsberg .shop-products .prodimage { padding: 30px 0 0 0; }
.carlsberg .shop-products .prodname { padding: 15px 0 6px 20px; }
}




/* Home page pods slider */
@media screen and (min-width: 1200px) {
ul#pods li { width: 272px !important; margin: 0 17px 0 0 !important; }
ul#pods li.last { margin-right: 0 !important }
}

@media screen and (max-width: 1200px) {
ul#pods { padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 848px) {
.pods-container { padding-left: 0; padding-right: 0; }
}


/* Home page brochures slider */
@media screen and (max-width: 880px) {
ul#home-promo-brochures li.one { margin-right: 10px; }
ul#home-promo-brochures li.two { margin-left: 10px; }
}
@media screen and (max-width: 650px) {
ul#home-promo-brochures li.one { margin-right: 0; }
ul#home-promo-brochures li.two { margin-left: 0; }
}
@media screen and (max-width: 500px) {
ul#home-promo-brochures li.brochure .brochure-inner { max-width: 350px; }
}



/* /services page  */
@media screen and (max-width: 1140px) {
.services-info-box.services-rda { padding: 30px; }
.services-info-box.services-rda .cell.text { padding: 0 60px 0 0; }
.services-info-box.services-rda .cell.text img.logo { width: 270px; }
.services-info-box.services-rda .indent { padding-left: 90px; }
.services-info-box.services-rda .cell.image { width: 27%; }
}
@media screen and (max-width: 900px) {
.services-info-box.services-rda { padding: 25px; }
.services-info-box.services-rda .cell.text { padding: 0 50px 0 0; }
.services-info-box.services-rda .cell.text img.logo { width: 240px; }
.services-info-box.services-rda .indent { padding-left: 80px; }
.services-info-box.services-rda h3 { font-size: 1.6em; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
.services-info-box.services-rda .cell.text { width: 100% !important; position: relative; }
.services-info-box.services-rda .cell.text img.logo { width: 37%; }
}
@media screen and (max-width: 800px) {
.services-info-box.services-rda .cell.text { padding: 0; }	
.services-info-box.services-rda .indent { padding-left: 0; }
.services-info-box.services-rda .cell.image { position: relative; top: auto; right: auto; padding: 40px 0 0 0 !important; width: 100% !important; }
.services-info-box.services-rda .cell.image p { padding-bottom: 0; display: inline-block; padding: 0 30px 0 0; vertical-align: top; }
.services-info-box.services-rda .cell.image p.presentation { max-width: 250px; }
.services-info-box.services-rda .cell.image p.brda-logo { padding-top: 25px; }
}
@media screen and (max-width: 600px) {
.services-info-box.services-rda .cell.image p { display: block; padding: 0; }
.services-info-box.services-rda .cell.image p.brda-logo { padding-top: 25px; }
}
@media screen and (max-width: 400px) {
.services-info-box.services-rda .cell.image p.presentation {  max-width: none; }
}