video.responsive { max-width: 100%; width: auto; }
/* MAX WIDTH */

@media screen and (max-width: 1768px) {
#hero.pos h1 { font-size: 2.4em; }
}
@media screen and (max-width: 1380px) {
.sticky .headaccount.headcontrols .submenu { right: -40px; transform: translate(0, 100%); }
}

@media screen and (max-width: 1320px) {
.headaccount.headcontrols .submenu { right: -40px; transform: translate(0, 100%); }
}

@media screen and (max-width: 1280px) {
.sticky .headcontrols .submenu { bottom: 3px; right: -40px; transform: translate(0, 100%); }
.headaccount.headcontrols .submenu, .sticky .headaccount.headcontrols .submenu { right: -10px; }
}


@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 { max-width: none; padding: 0 20px; height: 60px; }
#actionbar .cell { height: 60px; }
#actionbar.basic .cell { height: 90px; }
#actionbar .searchform { padding-right: 10px; }
#actionbar .logo.selectsave a { width: 260px; background-size: 200px; }
#actionbar .headcontrols { padding: 6px 5px 7px;}
.headcontrols > a:before { margin: 0 auto 2px; }
.headcontrols a.dropdown:after { bottom: -1px; }
.headcontrols > a {line-height: 1.2; }
a.signin { line-height: 1.0; }

.headtrolley .headtrol-items, .headtrolley .fulfilmenttype { font-size: 0.9em; }
.headtrolley .headtrol-total { font-size: 1.5em; }
#actionbar .headtrolley strong.thousands { letter-spacing: 0; }
#actionbar .sticky .headtrolley strong.thousands { letter-spacing: -1px; }
#actionbar .headaccount.login { background-position: 44px -251px; }
#actionbar .sticky .headcontrols > a { padding: 8px 2px; }
#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 { padding: 0; }
}



@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; }
.joinus-intro .pic1, .joinus-intro .pic2 { width: 290px; }
.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 { 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 .qae { margin-top: 50px; }

.paddingtopfooter { padding: 0; }
#hero h1 { font-size: 2em; }
#hero h2, #hero.hero-bestone h2 { font-size: 1.8em; }
#hero.hero-bestone h1 { font-size: 2.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: expression(25% - 9px); 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; }
.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; }
.bd-offers .nav a.two-lines { line-height: 1.3; padding: 10px 20px; }
}

@media screen and (max-width: 1130px) {
#actionbar .searchform .textinput { width: -moz-calc(100% - 95px); width: -webkit-calc(100% - 95px); width: calc(100% - 95px); }
#actionbar .searchform { padding-right: 20px; }
#actionbar .searchform form {display: block; }
.searchform #clearsearch { right: 100px; }
}

@media screen and (max-width: 1100px) {
#mainmenu nav ul li:nth-last-child(2) ul, #mainmenu nav ul li:nth-last-child(3) 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: 1024px) {
#actionbar { padding-right: 10px;}
#actionbar .logo a { width: 222px; height: 35px; background-size: 240px; background-position: 0 -38px; }
#actionbar .logo.bestone a { width: 162px; height: 58px; background-size: 240px; background-position: 0 -44px; }
#actionbar .logo.bestone.selectsave a { width: 180px; background-size: 180px; background-position: center; height: 80px; }
#actionbar .logo.bestone.sgn a { background-size: 165px; height: 40px; width: 180px; background-position: 0 -30px;}
#actionbar .logo.bestone.sgn a:after { width: 54px; height: 40px; top: 2px; right: 2px; background-size: 50px;}
  
#actionbar .logo { width: 226px; }
#actionbar .logo.bestone.sgn { width: 176px; }
#actionbar .searchform { padding: 0 0 0 20px; }
#actionbar .searchform .textinput { padding: 7px 10px; font-size: 1.5em; }
#actionbar .search { border-radius: 0 5px 5px 0; padding: 7px 10px 7px 26px; font-size: 1.5em; background-position: 7px -144px;}
#actionbar .headcontrols, #actionbar .headcontrols.headaccount { width: 90px; }
.searchform #clearsearch { right: 92px; top: 2px; }

#actionbar.basic .cell { height: 80px; }
.headcontrols > a { font-size: 1.15em; line-height: 1.15; }
.sticky .headcontrols > a { font-size: 1.25em; line-height: 1.2; }
.headcontrols > a:before { transform: scale(0.8); margin: -3px auto 0; }
.sticky .headcontrols > a:before { transform: scale(1); margin: -3px auto 0; }
a.signin { line-height: 0.95; }
}

@media screen and (max-width: 1000px) {
.slick-dots li { margin: 0 5px; }
.slick-dots li button { width: 10px; height: 10px; }
.banner-container { padding-bottom: 50px; }  
.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; }
.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;}
.joinus-intro .text { padding-left: 18px; padding-right: 18px; }
}


@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-icons391f7.png?a=11);  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; }
.joinus-intro .pic1, .joinus-intro .pic2 { width: 230px;}
.joinus-intro .pic1 img { margin-left: 5px; }
.joinus-intro .pic2 img { width: 190px;}
.joinus-intro .text p { font-size: 1.5em;}

}



@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; }
.bd-offers .nav a { padding: 15px; width: 32%; margin: 0 1.333% 1.333% 0; border: 3px solid #ffe000; border-radius: 12px; font-size: 1.4em; }
.bd-offers .nav a:nth-child(4n) { margin-right: 1.333%; }
.bd-offers .nav a:nth-child(3n) { margin-right: 0; }
}




@media screen and (max-width: 850px) {
.productpagenav.main .inner { display: block !important; }
.productpagenav .prodnav { display: none; }
.productpagenav .prodnav.mobile { display: block; width: 100%; padding: 0; background: transparent; font-size: 0.75em; margin-bottom: 15px;}
.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; }
.productpagedetail #prodtabs { margin-bottom: 0; }
.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;}
.stickytrolleycontrols { z-index: 9999; }
.stickytrolleycontrols .addleft { padding-left: 0; }

/* 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) {
.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; }
#actionbar .searchform .textinput { width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); }
.searchform #clearsearch { right: 46px; }
#actionbar .search { text-indent: -9999px; background-position: 11px -143px;}
#actionbar .sticky .search { text-indent: 0; }
}


@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; }
.joinus-intro .pic1, .joinus-intro .pic2 { width: 200px;}
.joinus-intro .pic2 img { width: 160px;}
.joinus-intro .text p { font-size: 1.4em;}

}



@media screen and (max-width: 768px) {
#mainmenu-shadow { border-top: 3px solid #0093d8; }
#mainmenu-shadow #elem, .sticky .menu_desktop { display: none; }
#actionbar-inner.sticky .cell.sticky-menu { padding-right: 16px; }
#actionbar.basic .cell.sticky-menu { 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;}
#actionbar { padding-left: 15px; }
#actionbar .logo { padding-left: 15px; }
#actionbar .logo a { width: 142px; }
#actionbar .logo.bestone a { width: 120px; background-size: 175px; background-position: 0 -23px; }
#actionbar .logo.bestone.selectsave a { width: 150px; background-size: 150px; }
#actionbar .logo.bestone.sgn a { background-size: 120px; height: 35px; width: 132px; background-position: 0 -20px;}
#actionbar .logo.bestone.sgn a:after { width: 40px; height: 35px; right: 2px; top: 3px;background-size: 40px;}
#actionbar .logo.bestone.sgn { width: 144px;}
#actionbar .searchform { padding-left: 10px; }
#actionbar .headcontrols { padding-left: 0; padding-right: 0; width: 80px;}
.headcontrols.headaccount a.dropdown::after { margin-left: -6px; }
.loggedin #actionbar-inner.sticky .searchform .textinput { width: -moz-calc(100% - 85px); width: -webkit-calc(100% - 85px); width: calc(100% - 85px); }

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, #hero.hero-bestone { height: 126px; }
#hero h1 { font-size: 1.5em; }
#hero h2, #hero h2.hero-bestone { font-size: 1.5em; line-height: 1.5; }
#hero h1.hero-bestone { font-size: 2.8em; }

.pg_home #banner .slick-prev, .pg_home #banner .slick-next { opacity: 0; visibility: hidden; }
.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; }

.joinus-intro-inner { margin: 0 0 20px;}
.joinus-intro { display: flex; flex-wrap: wrap; margin-top: -50px;}
.joinus-intro div.pic1, .joinus-intro div.pic2 { width: 50%; order: 0; display: block; }
.joinus-intro .pic1 img, .joinus-intro .pic2 img { width: auto; height: 240px; }
.joinus-intro div.text { order: 2; width: 100%; max-width: 100%; background: #f6f6f6; padding: 25px 25px 35px;}
.joinusbar h2 { font-size: 3.3em;}
.joinusbar .middle { font-size: 1.2em; }

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

.shop-products.productpagedetail .footer { display: block; }
.stickytrolleycontrols h3 { font-size: 1.5em; }

.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-icons391f7.png?a=11); 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; }

.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; }
.banner-container.takeover { background-size: 200px; }
.bd-offers .shop ul.products li { width: 33.33%; }
.bd-offers .shop ul.products li:nth-child(4n) { border-right: none; }
.bd-offers .shop ul.products li:nth-child(3n) { border-right: 1px solid #f6f6f6; }
}


@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; }
.infopage .white-box .row { display: flex; flex-wrap: wrap; margin-bottom: 6px; }
.infopage .white-box .left, .infopage .white-box .right { width: 100%; padding: 10px;}
.infopage .white-box .textimage .left { order: 2; }
.infopage .white-box .textimage .right { order: 1; }
.infopage .fullwidth { padding: 0 10px; }
}


@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; }
.joinusbar .row { height: 86px; }
.joinusbar h2 { font-size: 3em;}
.joinusbar .middle { font-size: 1.1em; }
.joinusbar a.button { min-width: 140px; }
}


@media screen and (max-width: 680px) {
#actionbar.guest .headtools { display: none; }
#actionbar.guest .sticky .headtools { display: table-cell; }
p.acclog { display: none; }
.headcontrols p.accname { margin-top: 6px; }
#actionbar.loggedin .headcontrols, #actionbar.basic .headcontrols.headaccount { width: 70px; }
#actionbar .headcontrols.headaccount { width: auto;}
.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 .prodnav ul.breadcrumb { background: #eee; }
.productpagenav ul.breadcrumb li:before { border: 5px solid #fff; border-left: 0; border-top: 0; }
.productpagenav .inner, .shop-products.productpagedetail { display: block; }
.shop-products.productpagedetail .prodimage { width: 100%; max-width: 400px; float: none; margin: 0 auto; padding: 0 30px; }
.shop-products.productpagedetail .prodimage .magnify { margin: auto; }
.productpagedetail .must, .productpagedetail .webonly { right: 2px; }
.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 #prodtabs .blueline { margin: 5px 0 10px 0; }
.shop-products.productpagedetail .product-recom { padding: 20px 20px 20px 20px; }
.productpagedetail #prodtabs { margin-bottom: 30px; padding-top: 30px; }
#actionbar.loggedin .sticky .headtools { display: none; }
.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; margin-bottom: 16px; }
.shop-products.productpagedetail .product-recom ul { margin-left: 10px; margin-right: 10px;}
.prodimage-thumbs { text-align: center; margin-left: -30px; margin-right: -30px; }
.sli_rec .slick-prev { left: -18px; }
.sli_rec .slick-next { right: -18px; }
footer .award-logos .award-logos-gold { display: block; margin: 0; }
footer .award-logos .award-logos-grocer { display: block; padding: 20px 0; }
}


@media screen and (max-width: 620px) {
#actionbar .headtools { display: none; }
.headcontrols p.accname { margin-top: 2px; }
.headtrolley .fulfilmenttype { display: none;}
.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) {
#actionbar .logo.bestone a { width: 100px; height: 35px; background-size: 143px; background-position: 0 -26px; }
#actionbar .logo a.sgn { width: 132px;}

.uspbar li { display: none; }
.uspbar li:not(:first-child) { display: none !important; }
.uspbar li:first-child { display: table-cell; width: 100%;}
#actionbar .logo a { width: 119px; height: 29px; background-size: 200px; background-position: 0 -32px; }

.main .joinusbar .inner { padding: 20px 0 25px;}
.joinusbar .row { height: auto; display: block; }
.joinusbar .row > div { display: block; width: 100%; text-align: center; }
.joinusbar h2 { font-size: 3.2em; margin-bottom: 12px;}
.joinusbar .middle p { margin: 0 0 12px;}

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

.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-icons391f7.png?a=11); 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 { width: auto; max-width: none; display: block; margin: 0; padding: 0; }
footer .greyline.footer { padding: 25px 0 0 0; }
footer .greyline.footer span { display: none; }
.bd-offers .nav a { width: 49%; margin: 0 2% 2% 0; }
.bd-offers .nav a:nth-child(3n) { margin-right: 2%; }
.bd-offers .nav a:nth-child(2n) { margin-right: 0; }
.bd-offers .shop ul.products li { width: 50%; }
.bd-offers .shop ul.products li:nth-child(3n) { border-right: none; }
.bd-offers .shop ul.products li:nth-child(2n) { border-right: 1px solid #f6f6f6; }
#mrstatement-modal{ padding: 50px 20px 30px; }
}



@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-icons391f7.png?a=11); background-repeat: no-repeat; background-size: 234px 3000px; }
.bannerads p { margin: 5px; }
.stickytrolleycontrols h3 { font-size: 1.4em; }
.stickytrolleycontrols .addcenter p { display: block; text-align: right; padding: 0 10px; margin: -2px 0;}

}


@media screen and (max-width: 530px) {
#actionbar-inner.sticky .cell.headtools, #actionbar.guest .sticky .headwhyjoin { display: none; }
#actionbar .searchform .textinput { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.searchform #clearsearch { right: 40px; }
#actionbar .headwhyjoin { display: none;}
.headcontrols a .desk, .headcontrols br { display: none; }
.headcontrols a .mob, .headcontrols.headtrolley br { display: inline; }
a.signin { line-height: 1.1; }
#actionbar.guest .headcontrols { padding: 5px; }
.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 { display: block; margin: 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) {
.accname, .headtrol-items { display: none;}
.headcontrols .headtrol-total { font-size: 1.1em; margin-top: -2px; }
#actionbar.loggedin .headcontrols.headaccount { width: 20px; vertical-align: middle; }
#actionbar .logo.bestone.selectsave a { width: 122px; background-size: 120px; height: 60px; }
  
#actionbar.basic .cell { height: 60px; }
.loggedin .headaccount a { padding: 0 2px; margin-top: -5px; }
.loggedin .sticky .headaccount a { margin-top: 0; }
#actionbar.loggedin .headtrolley { padding-top: 12px; padding-bottom: 2px; width: auto;}
.sticky .headtrol-items { display: block;}
.sticky .headtrol-total { margin-top: 0; }

.benefits1, .benefits3, .benefits2, .benefits4, .retailerscommit .left { padding: 0 12px 20px 20px; }

.members-area h1 { font-size: 3.2em; }
.members-area-panel .column { padding: 15px 20px; }

.myrewardsstatement h2, .infopage .myrewardsstatement h2 { font-size: 2.4em; margin-bottom: 20px; }
.myrewardsstatement h2 .small { font-size: 0.7em; }
.myrewardsstatement { background: #164496; color: #fff; padding: 12px 20px 8px; margin-bottom: 30px;}
.myrewardsstatement td { padding: 8px 10px 0 0; font-size: 1.7em; }

.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, .main.thumbs .shop-products.gridview li .webonly, .main.thumbs .shop-products.gridview li .price-check { width: 95px; height: 30px; right: auto; top: auto; background: url(../assets/large-misc-icons2.png) no-repeat -204px -2755px; background-size: 312px 4000px; left: 10px; bottom: 14px; }
.main.thumbs .shop-products.gridview li .webonly { background: url(../assets/icons/web-only-roundel-2x.png) no-repeat -204px -10px; background-size: 312px; }
.main.thumbs .shop-products.gridview li .price-check { width: auto; height: 24px; bottom: -11px; background: #332f30; color: #ffd047; text-indent: 0; text-transform: uppercase; white-space: nowrap; font-size: 10px; padding: 0 12px; border-radius: 8px; }
.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 .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; }
.shop-products.productpagedetail .productpagedetail-inner .right { padding-top: 12px; }
.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; }

.sticky .checkmark-circle, .checkmark-circle { transform: scale(0.55); }
.mfp-ajax-holder .listadd .success { padding-right: 0; left: auto; right: 117px; top: 4px; }

}



@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; }
.joinus-intro .pic1 img, .joinus-intro .pic2 img { height: 200px; }
.myrewardsstatement .mr-week { padding-left: 20px;}
}


@media screen and (max-width: 450px) {
#mainmenu.limited nav ul li a { padding: 0 6px; font-size: 0.8em; }
.pg_home .takeover .banner { margin-bottom: -10px; }
a.signin span { display: none; }
#actionbar { padding-left: 12px; padding-right: 8px;}
#actionbar.guest .headcontrols.headaccount { width: 30px; vertical-align: middle; padding-left: 8px;}
#actionbar .sticky .headcontrols.headaccount { padding-left: 2px; padding-right: 5px;}
a.signin { display: inline-block; padding: 0; margin: 0; }
a.signin:before { margin-bottom: -8px; }
.headcontrols .headtrol-total, .sticky .headtrol-items { display: none;}
.headcontrols.headtrolley > a { padding: 6px 3px 3px 5px; }
.loggedin .headaccount a { margin-top: 2px; }
#actionbar-inner.sticky .headcontrols.headtrolley a { width: auto; padding: 5px 0 0 0; }
#actionbar-inner.sticky #header-trolley { width: 50px; position: relative; }

#actionbar-inner.sticky .headtrolley a { height: 30px; width: 40px; }
#actionbar-inner.sticky .headtrolley .headtrol-items span { display: none; }
#actionbar-inner.sticky .headtrolley .headtrol-items { display: block; position: absolute; margin: 0; padding: 0; background: #a5a9ac; border-radius: 50%; height: 25px; width: 25px; line-height: 25px; color: #fff; font-size: 10px; line-height: 26px; text-align: center; right: -2px; top: 3px; }

.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; }
.retailer-help .main .curved-shadow { padding: 0; }
.myrewardsstatement { font-size: 0.9em;}

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

.banner-slider-nav { display: none; }
#banner .slick-dots li button { width: 10px; height: 10px; }
#banner .slick-dots li { margin: 0 5px; }
.banner-slider #banner .slick-dots { display: none !important; }
.banner-container.takeover #banner:after { display: none; }
.main .home-deals.two { padding-top: 5px !important; }
.stickytrolleycontrols { padding: 9px 0; font-size: 0.95em; z-index: 9999; }
.banner-container { padding-bottom: 20px; }  
}


@media screen and (max-width: 430px) {
#actionbar.loggedin .logo { width: 100px; padding-left: 12px; }
#actionbar.loggedin .logo a { width: 96px; height: 29px; background-size: 160px; background-position: 0 -22px; }
#actionbar .logo.bestone a { width: 100px; height: 35px; background-size: 143px; background-position: 0 -26px; }
#actionbar.loggedin .searchform { padding-left: 8px;}
#actionbar.loggedin .sticky .searchform { padding-left: 0;}
.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; }
.app-panel .app-content p span { display: block; }
.myrewardsstatement thead th { font-size: 1.5em;}
#mrstatement-modal{ padding: 50px 10px 20px; }
}


@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 .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; }

.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; }
.myrewardsstatement td { padding: 8px 10px 0 0; font-size: 1.6em; }
.myrewardsstatement th { font-size: 1.3em; }
.myrewardsstatement td .small { font-size: 0.9em; }

footer .logo-awards { max-width: 287px; }
footer .logo-awards .grocer-wholesaler, footer .logo-awards .grocer-logistics, footer .logo-awards .toptrack100 { margin: 0 5px; }
.app-panel .app-content h3 span { display: block; }
.bd-offers .nav a, .bd-offers .nav a:nth-child(3n) { width: 100%; margin: 0 0 10px 0; border-radius: 8px; }
.bd-offers .shop ul.products li, .bd-offers .shop ul.products li:nth-child(2n) { width: 100%; border-right: none; }
.myrewardsstatement { padding: 10px 15px 6px; }
.myrewardsstatement .mr-week { padding-left: 10px;}
.mr-week .small { white-space: nowrap; }
}



@media screen and (max-width: 380px) {
#hero.hero-bestone h1 { font-size: 2.5em; }
#hero.hero-bestone h2 { line-height: 1.4; }
#actionbar .logo { width: 100px; padding-left: 12px; }
#actionbar .logo a { width: 96px; height: 29px; background-size: 160px; background-position: 0 -22px; }
#actionbar .searchform { padding-left: 10px;}
#actionbar .searchform .textinput, #actionbar .search { font-size: 1.4em; }
#actionbar.loggedin .headaccount { display: none; }
#actionbar.basic.loggedin .headaccount { display: table-cell; }
#actionbar .sticky .headtrolley > a:before { top: 58%; }
#actionbar-inner.sticky .headtrolley .headtrol-items { right: 2px; }
.searchform #clearsearch { display: none; }
.sticky .searchform #clearsearch { display: block; }
.joinus-intro { margin-top: -46px;}
.joinus-intro .pic1 img, .joinus-intro .pic2 img { height: 180px; }
}



@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;}
.main.thumbs .shop-products.gridview li .must { bottom: 32px; }
.main.thumbs .shop-products.gridview li .price-check { bottom: 7px; white-space: normal; width: 110px; overflow: hidden; }
}


@media screen and (max-width: 360px) {
#actionbar .search { padding-left: 22px; background-position: 9px -143px; }
#actionbar .searchform .textinput { width: -moz-calc(100% - 36px); width: -webkit-calc(100% - 36px); width: calc(100% - 36px); }
#actionbar .headcontrols.headaccount { padding-left: 4px; }
.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; }
fieldset { padding: 20px 20px 5px; }
}




/* 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; }
.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: 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; }
}


@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: 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, .other-sites-container, .logo-awards, .credit-cards, .greyline { 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, .promotional-brochures ul.plain { 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, .promotional-brochures ul.plain { 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; }
.promotional-brochures ul.plain { margin-top: 0; }
}



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




/* /News pages */
@media screen and (max-width: 1200px) {
.main .news-contact .inner { display: table; width: 100%; margin: 0; }
}
@media screen and (max-width: 1000px) {
.main .news-contact .inner { padding: 50px 0; }
}
@media screen and (max-width: 768px) {
.news-contact .inner .cell h3 { padding: 75px 0 0 0; font-size: 1.8em; }
.news-contact .inner .cell h3:after { border: 1px solid #fff; width: 60px; height: 60px; }
.news-contact .inner .cell.press h3:after,
.news-contact .inner .cell.general h3:after { background-size: 36px 36px; }
.news-contact .inner .cell p.text { margin: 6px 0 20px 0; font-size: 1.45em; }
}
@media screen and (max-width: 650px) {
.main .news-contact .inner { display: block !important; width: 100%; padding: 40px 20px; }
.news-contact .inner .cell { display: block; width: 100%; padding: 0; }
.news-contact .inner .cell.press { padding-bottom: 60px; }
}




@media screen and (max-width: 768px) {
.app-panel .app-table { padding: 15px; }
.app-panel .app-content h3 { font-size: 1.7em; }
.app-panel .app-content p { font-size: 1.4em; }
}



@media screen and (max-width: 630px) {
footer .logo-awards2022 { max-width: 291px; }
footer .logo-awards2022 .grocer-franchise2022.logo-award { margin-right: 0; }
footer .logo-awards2022 .grocer-wholesaler2022, footer .logo-awards2022 .grocer-franchise2022 { margin-bottom: 15px; }
}
@media screen and (max-width: 600px) {
footer .logo-awards2022 { margin-top: 30px; }
}




@media screen and (min-width: 651px) and (max-width: 1000px) {
.prom-broc .promotional-brochures .brochure-button a { min-width: 120px; font-size: 0.85em; }
.prom-broc .promotional-brochures .col3 { padding: 30px; width: 180px; }
.prom-broc .promotional-brochures .col2 { width: 210px; }

}
@media screen and (min-width: 651px) and (max-width: 800px) {
.prom-broc .promotional-brochures .col2 { width: 150px; }
}


@media screen and (max-width: 650px) {
.prom-broc .promotional-brochures .col3 { padding: 40px 0 20px 20px; text-align: left; }
.prom-broc .promotional-brochures .brochure-button a { min-width: 150px; text-align: center; }
}