@charset "utf-8";
 @media (min-width:1024px){ 
.top-product img{margin:0 !important;}
.products ul li{margin:0 6px}
.gallery-holder{padding-right:0;}
.brands ul li{padding:0 9px 4px 0;}
.about .holder-columns .desc{width:79%;}
embed, object{width:100% !important;}
table.productPoplets{margin:0 0 !important;}
/**.clear{display:inline-block;}**/
 }
 @media (max-width:1024px){
body{width:100%;}
.products ul li div span { margin: 4px 8px !important; padding: 9px 17px !important; width: 100% !important;}
/*.clear{display:inline-block;}  */
.about .holder-columns .desc, .about .holder-columns, .about .description{width:100%;}
.about .description{padding:0;}
embed, object{max-width:100% !important;}
.about .holder-columns .desc{width:79%;}
.about{margin:0;}
.about .title{margin-top:10px;}
.about .title .cart-summary{float:right; margin-top:14px;}
.about .title h1{float:left;}
.description .holder{padding:0;}
.contact-info .mail{margin: 0 5px 0 6px; padding: 0 0 2px 34px;}

.captchaimg img{width:35% !important;}
.cat_textbox, .cat_dropdown, .cat_listbox, .cat_dropdown_smaller, .desc > table, .desc iframe, .webform input[type="text"]{ width: 100% !important;}
.shop-product-large .details{padding:0;}
.description{padding:0 0 0 20px}
/*.about .desc ul{padding:0 0 0 0; margin-right:25px;}*/

.gallery-holder img{height:auto !important;}

img[src*="FS_StickyStacks"], img[src*="/images/sysco/products/"] { width: 35% !important;}
.shop-product-small h5{padding:10px 0;}

.productLarge .productItem { text-align: left !important; width: 100%;}
table.productPoplets{margin:0 0 !important;}
.slideshow{height:520px;}


 }
@media (max-width: 1199px){
.gallery-holder{overflow-x:scroll !important;}
.brands, .brands ul{width:auto !important; margin:0 auto;}
img{height:100% !important;}
.top-product img{margin:0 !important;}
.footer-nav li{padding:0 7px;}
.holder-lists{width:72%;}
.contact-info ul li{padding:5px 20px 1px 0;}
img, .item,.slideshow, .slideshow .hold, .slideshow .hold ul, .slideshow .hold ul li, .main-title h1, .products .intro-text, .products .products-list, .products ul, .products, .top-product{width:100% !important; background-size:100%;}
.products ul li div span{width:100%;};
.brands ul li{padding:7px; width: 23%;}

.brands ul li, .products ul li { box-sizing: border-box; padding:4px 6px; width: 25%; margin:0;}
.products .intro-text{text-align:center; float:none;}
.products .shop{margin:0 auto;}
.gallery-holder{width:100%;}
.text-block{float:left; width:45%; box-sizing:border-box;}
.description{width:54%;  box-sizing: border-box;}

#wrapper, #main, #header, #footer{width:850px;}

.logo{background-size:100%; width: 39%; margin: 33px 0 0 -3px;}
.header-frame{width:53%;}
.add-nav li { padding: 0 20px 0 0;}
.main-nav li { padding: 0 40px 0 0;}
#header .row{float:left;}
.header-frame .yta, .header-frame .fba, .header-frame .rssa, .header-frame .twa{margin:0 5px;}
.alignleft { width: 33% !important;}
.content-block{width:68%;}
.slideshow .hold{max-height:534px !important; height:auto !important;}
.products ul li div span{width:92%; margin:0 5px;}
.products a[href="/brands"] img, .products a[href="/heat"] img, .products a[href="/categories"] img{width:31% !important; box-sizing:border-box;}
/*.title img, .desc img{width:100px !important;}*/
.literature-container img{width:25px !important;}
.shipping img[title], #catshopbuy > img[src*="shop_checkout"], img[src*="price_match"], img[src*="module_next"], img[src*="module_previous"], img[src*="/images/products/small/"], img[src*="/images/logo-fedex"], img[src*="/images/secure90x72"], h3 img[src*="/images/staff"], img[src*="/images/sig-logo"], img[src*="FS_StickyStacks"], img[src*="promotions"], img[src*="/mb/ss/172Wx-244SS"]{ width: auto !important;}
img[src*="FS_StickyStacks"]{width:35% !important;}
img[src*="/promotions/BCA_IMG_07481"], img[src*="black-friday-campaign_575"], img[src*="game-day-gourmet-575"] {width:100% !important;}
#modal-subscription > div{left:35%;}
}
 @media (min-width:10px) and (max-width:480px){
#wrapper, #main, #header, #footer, .search-form, .text-block, .description, .alignleft, #twocolumns .content-holder{width:100% !important; }
.text-block{float:left; width:100%;}
.description, .sign-up .social-networks{width:100%;}
.newsletter-form{width:98%;}
.products a[href="/brands"] img, .products a[href="/heat"] img, .products a[href="/categories"] img {width:100% !important;}
.description{padding:0;}
.cataloguelistdump tr td{width:100%; display:inline;}
table.productTable td { display: inline-block; padding: 3px; text-align: center !important;  width: 100% !important;}
.search-form { float: left; width: 55% !important;}
.holder-columns .desc td{text-align:left; display:block; width:100% !important; box-sizing:border-box;}
.shop-product-large .details{text-align:left;}
table.cart .icode {display:none !important;}
table.cart #prodquantity input.cartInputText {width:20px !important;}
table.cart tr td , table.cart tr th {padding-left:3px; padding-right:3px; display:table-cell !important;}
table.cart tr.shipping td.quantity select {width:96px !important;}
}
 @media (min-width:768px) and (max-width:991px){
.products ul li div span{width:86% !important;}
#wrapper, #main, #header, #footer{width:750px;}

.contact-info ul li{padding:5px 2px 1px 0;}
.logo{background-size:100%; width: 39%; margin: 38px 0 0 -3px;}
.header-frame{width:60%;}
.add-nav li { padding: 0 17px 0 0;}
.main-nav li { padding: 0 40px 0 0;}
#header .row{float:left;}
.header-frame .yta, .header-frame .fba, .header-frame .rssa, .header-frame .twa{margin:0 5px;}

.text-block{float:left; width:45%;}
.description{width:52%;}
#twocolumns .content-holder{width:56%;}
.content-block{width:63%;}
.holder-lists{width:69%;}
.footer-info a{float:right;}

.about .holder-columns .desc{width:75%;}
.description{padding:0;}

#outerImageContainer{width:100% !important; background-color:transparent; height:auto;}
.slideshow{height:445px;}
.slideshow .title .holder{height:100px;}
#modal-subscription > div{left:24%;}
}
@media (max-width: 767px){
form .webform td{width:auto !important;}
#catpproduct0{width:auto !important;}
/*.footer.clear { display: none;}*/
#outerImageContainer{width:100% !important; background-color:transparent; height:auto;}
h1{font-size:1.8em;}
.brands ul li { box-sizing: border-box; padding:0 2px; width: 25%;}
.products ul li { box-sizing: border-box; padding:0 2px; width: 25%; margin:0;}
.logo{background-size:100%; width: 39%; margin: 38px 0 0 -3px;}
.header-frame{width:60%;}
.add-nav li { padding: 0 20px 0 0;}
.main-nav li { padding: 0 40px 0 0;}
#header .row{float:left;}
.header-frame .yta, .header-frame .fba, .header-frame .rssa, .header-frame .twa{margin:0 5px;}

#wrapper, #main, #header, #footer, .contact-info li:first-child, .content-block, .sign-up, .about .holder-columns .desc, .about .holder-columns .aside, .cataloguelistdump, .top-product .text-block{width:100%;}
.about .holder-columns .aside{padding:0;}
.contact-info ul li{padding:5px 9px 1px 0;}
.logo{background-size:100%; width: 350px; margin: 30px 0 0 -3px;}
.header-frame{width:100%; background-color:#ffffff; margin-top:-4px;}
.add-nav li, .footer-nav li { padding: 0 12px 0 12px;}
#footer .footer-nav{margin:0;}
.main-nav li { padding: 0 40px 0 0;}
#header .row{float:left; margin:10px 0 0 0px; width:97%; padding-bottom:0;}
.header-frame .yta, .header-frame .fba, .header-frame .rssa, .header-frame .twa{margin:0 5px;}

.text-block{float:left; width:45%;}
.description{width:52%;}
#twocolumns .content-holder{width:56%;}
#twocolumns{padding:0 2px;}
.alignleft{width:35% !important;}
.indicates-required > br{display:none;}
.newsletter-form { float: left; width: 213px;}
.sign-up .social-networks { border-left: 1px solid #cccccc; float: right; width: 45%;}
.holder-lists{width:69%;}
.footer-info a{float:right;}
.contact-info{padding:0 0 9px 0;}
.holder-lists{padding:0; width:100%;}
.footer-holder.footer-info > p { float: left; padding: 0 10px;}
#footer .social-networks { float: right; width: 100px !important;}

/*.header-frame::before { background-color: #ece0b5; border: 1px solid #555555; border-radius: 3px; cursor:pointer; bottom: 100%; margin:5px 5px 0; font-size:35px; color:#555555; content: "="; padding:0 10px; position: absolute; right: 0; margin-bottom:0px;}*/
.header-frame { background-color: #ECDFB2; height: 100%; display:none; left: 0; margin-top: 0; overflow: visible; padding: 0; position: relative; width: 100%;}
/*.header-frame-menu{ height: 100%;}*/

.menu-icon {
    height: 26px !important;
    position: absolute;
    right: 13px;
    top: 100px;
    width: 26px !important;
}
.header-holder{padding:0;}
#wrapper { box-sizing: border-box; padding: 0 10px;}
.slideshow .title .holder{height:110px; padding:14px 10px 0;}

.about{margin:0;}
.products a[href="/brands"] img, .products a[href="/heat"] img, .products a[href="/categories"] img{width:30% !important; box-sizing:border-box;}
.main-title h1{box-sizing:border-box;}
.main-title{margin:0;}
.about .desc ul{padding:0;}

.cataloguelistdump tr td {width: 50% !important;}
.shop-catalogue { box-sizing: border-box; float: left; padding: 2px; width: 33.30%; margin:0; height:auto !important;}
.shop-catalogue .image{height:auto;}
.image img{margin:0 !important;}

table.productTable td { display: inline-block; padding: 5px; text-align: left;  width: 100%; box-sizing: border-box;}
.desc #catCartDetails { overflow: scroll;}
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox{width:100% !important;}
.main-nav { background-color: #cc3300; border-bottom:3px solid #cccccc; box-sizing: border-box; padding: 0px 6px 7px 6px !important; width: 100% !important; margin:5px 0 !important;}
.text-block br, .top-product br{display:none;}
.top-product .text-block .title{margin:0 0 4px -19px;}

/*.productSmall .productItem{width:100%;}*/
.products ul li div span { margin: 0 3px !important; padding: 4px 8px !important; width: 57% !important;}
#header .add-nav{padding:8px 0;}
#modal-subscription > div{left:20%;}
.menu-icon{background-image:url(../images/menu-icon.png); background-repeat:no-repeat; cursor:pointer;}
}
@media (min-width:10px) and (max-width:360px) {
#wrapper, #main, #header, #footer, .logo, .search-form, .text-block, .description, .alignleft, #twocolumns .content-holder, .sign-up .social-networks{width:100% !important;}
.content-block .alignleft{border:none;}
.logo { margin-top: 43px; width: 260px !important; margin-left:7px;}
.header-frame .twa{background-repeat:no-repeat; /*width:48%;*/}
.search-form{margin:10px;}
#header .add-nav, #twocolumns{padding:2px 0;}
.brands ul li { box-sizing: border-box; padding:0 2px; width: 50%;}
.products ul li { box-sizing: border-box; padding:0 2px; width: 50%; margin:0;}
.products ul li div span{width:73%;}
.header-frame{margin-top:-15px;}
.add-nav li, .footer-nav li{padding:0 6px;}
#footer .footer-nav{padding:0 2px;}
.contact-info ul li{padding:5px 4px 1px 0;}
.pam, .sign-up .social-networks{padding:0 !important;}
.products a[href="/brands"] img, .products a[href="/heat"] img, .products a[href="/categories"] img, img[src*="/mb/ss/172Wx-244SS"] {width:100% !important;}
.cataloguelistdump tr td{width:100%; display:inline;}

.shop-catalogue { box-sizing: border-box; float: left; height:auto !important; padding: 2px; width: 50%; margin:0;}
.shop-catalogue .image{height:auto;}
.image img{margin:0 !important;}
#footer .social-networks { float: none; margin: 0 auto; width: 100px !important;}
.slideshow{max-height:400px;}
img[src*="FS_StickyStacks"], img[src*="promotions"]{width:100% !important; margin:0 !important;}
.search-form { float: left; width: 100% !important;}
table.cart td{display:table-cell !important;}
.products ul li div span { margin: 0 5px !important; padding: 4px 6px !important; width: 90% !important;}

.header-frame .yta, .header-frame .fba, .header-frame .rssa, .header-frame .twa { background-repeat: no-repeat; background-size: 80% auto; margin: 10px 1px; padding: 10px 10px;}
.header-frame .yta { background-position: 8px 0; padding: 9px 23px; margin-right:5px;}
.search-form{background:none; margin:10px 0 0 10px; padding:0; width:60% !important;}
.search-form .text{width:57% !important; border-right: 1px solid #dadada;}
#header .row, .search-form .text input{width:100% !important;}
.main-nav li { padding: 0 11px 0 0;}
#modal-subscription > div{width:95%; left:0; padding:2em 0.5em 2.5em; margin:0;}
}