/* CSS Document */
@media(max-width:1900px){
	ul#landing-footer-locations{
		font-size:1.8rem;
	}
}
@media(max-width:1700px){
	#markets-right-text{
		width:50%;
	}
}
@media(max-width:1675px){
	#footer-top .img-responsive{
		/*width:250%;*/
		/*margin-left:-150%*/
		object-position: 92% 50%;
	}
	#main-nav ul.nav > .dropdown > a{
		font-size:2rem;
		padding:0px 10px;
		margin:21px 0;
	}
	#main-nav .dropdown-menu .header-subnav a{
		font-size: 2.5rem;
	}
	#main-nav .dropdown-menu{
		min-width: 620px;
	}
	#main-nav .dropdown-menu .dropdown-menu-top{
		padding: 20px 30px;
	}
	#main-nav .dropdown-menu span{
		font-size: 4rem;
	}
	#main-nav .dropdown-menu .dropdown-menu-bottom a{
		font-size: 2rem;
	}
	ul#header-social li{
		margin:0;
	}
	ul#header-social li a{
		font-size:0.7rem
	}
	#markets-right-text {
		width: 75%;
	}
	#office-coffee-right-text{
		width:60%;
	}
}
@media(max-width:1450px) {
	ul.footer-menu li a {
		line-height: 1.5em;
	}
	#footer-top .img-responsive{
		/*width:400%;*/
		/*margin-left:-270%*/
	}
	html{
		font-size:8px;
	}
	#header-top{
		margin:0 0 5px -1px;
	}
}
@media(max-width:1375px){
	img#markets-right-img{
		width:100%;
		margin:0;
		padding:10px 0;
	}
	#markets-right-text{
		width:100%;
		position:relative;
		padding:20px;
	}
	#markets-right-text img{
		position:relative;
		left:0;
		display:block;
		margin:10px auto;
	}
	#office-coffee-right-text{
		position:relative;
		top:0;
		transform:none;
		width:100%;
	}
	#office-coffee-right-text-inner{
		padding:20px;
		text-align:center;
	}
	img#office-coffee-right-text-img{
		position:relative;
		transform: none;
		left:0;
		margin:10px auto;
	}
	img#office-coffee-right-img{
		width:100%;
		margin:0;
	}
	#about-spotlight-container{
		position:relative;
		width:100%;
		margin:0;
		text-align:center;
	}
	#about-spotlight-text{
		padding:20px;
		background:var(--black);
	}
	.vending-block{
		padding:20px;
	}
}
@media(min-width:1350px){
	#home-carousel{
		min-height: 610px;
	}
}
@media(min-width:1200px){
	#header-phone-small{
		display:none;
	}
	#show-footer-button, #hide-footer-button{
		display:none;
	}
	#footer-phone-small{
		display:none;
	}
}
@media(max-width:1200px){
  html{
    font-size:6.5px;
  }
	#hide-footer-button, #footer-inside{
		display:none;
	}
	#show-footer-button, #hide-footer-button {
		font-size: 32px;
		text-align:center;
		color:var(--white)
	}
	#show-footer-button{
		display:block;
		position:relative;
	}
	#show-footer-button:hover, #hide-footer-button:hover{
		cursor:pointer;
	}
	#header-phone-small a{
		font-size:25px;
		position:absolute;
		top:5px;
		right:20px;
		z-index:1000000;
		color:#fff;
	}
	#logo{
		margin:0 auto;
		position:relative;
		padding:0;
		margin-bottom:-50px;
		width:100%;
	}
	#header-right{
		display:none;
	}
	header{
		padding:0;
		margin:0;
	}
	#footer-phone-small a{
		display:block;
		text-align:center;
		padding:10px 0;
		color:var(--white) !important;
		font-size:4rem;
	}
	#footer-top .img-responsive{
		width:100%;
		margin-left:0
	}
	#footer-top{
		text-align:center;
	}
	footer{
		padding:25px 0 0 0;
		text-align:center;
	}
	#footer-logo, #footer-contact, #footer-phone, #footer-social{
		margin:0 20px;
	}
	#footer-menu-button{
		background:#000;
		margin-top:30px;
		padding:60px 30px 20px;
	}
	#footer-inside{
		background:#000;
	}
	#footer-inside ul.footer-menu a{
		color:#fff;
	}
	#show-footer-button, #hide-footer-button{
		font-size:60px;
	}
	#footer-phone-small{
		display:block;
	}
	#logo{
		width:100%;
		margin:0 auto;
	}
	#rewards-spotlight-img{
		position:relative;
		margin:10px auto;
		display:block;
	}
	.rewards-spotlight-text{
		padding:20px !important;
		margin:0 !important;
		width:100%;
		text-align:center;
		display:block;
	}
	#rewards-spotlight{
		margin:0;
	}
	#contact-buttons{
		padding:20px 0;
	}
	#about-map{
		text-align:center;
	}
	#why-block{
		padding:20px;
	}
	.owl-carousel .owl-item img{
		min-width: unset;
	}
	#markets-list ul{
		list-style-image: url(../img/bullet-sm.png);
	}
}
@media(max-width:992px){
	.main-content{
		padding:25px 0px;
		text-align:center;
	}
	.rewards-main-col{
		padding-left: calc(var(--bs-gutter-x)* 0.5);
	}
	#pantry-spotlight-img{
		width:100%;
	}
	#pantry-spotlight-text{
		position:relative;
		bottom:0;
		right:0;
		width:100%;
	}
	#app-sidebar-img-container{
		display:none;
	}
	a.app-button{
		max-width:250px;
		width:100%;
		margin:10px auto;
	}
	a.benefit-link{
		display:inline-block;
		margin:10px;
	}
	#office-coffee-spotlight-text-inner, a#office-coffee-spotlight-link{
		padding:20px;
		text-align:center;
	}
	.why-icon-circle{
		margin:20px auto 10px auto;
		position:relative;
	}
	#markets-list{
		column-count:1;
	}
	#markets-spotlight-text-inner, #markets-spotlight-link{
		padding:20px;
		text-align:center;
	}
	.content-band-image{
		max-width: 200px;
	}
	.rewards-hero-image{
		max-width: 590px;
	}
}
@media(min-width:768px){
	.dropdown:hover>.dropdown-menu {
		display: block;
	}
}

@media(max-width:767px){
	.mean-nav .collapse{
		display:block;	
	}
	.navbar-collapse{
		padding:0;	
	}
	.mean-container .mean-nav ul li{
		margin-left:0;	
	}
	.img-responsive{
		margin:20px 0;
	}
	#main-content{
		padding:10px;
		text-align:center;
	}
	#footer-banner{
		padding:20px;
		flex-direction:column;
		justify-content: center;
		align-items:center;
	}
	#footer-banner-logo-caption{
		margin:10px;
	}
	#footer-banner-link{
		margin:10px;
		justify-content: center;
		align-items:center;
	}
}

@media(max-width: 425px) {
	#home-carousel{
		min-height: 163px;
	}
	#home-carousel .owl-carousel .owl-item img{
		min-width: unset !important;
	}
}
@media(max-width: 411px) {
	#home-carousel{
		min-height: unset;
	}
}