/*
Theme Name: American Ranch Market 2020
Theme URI: http://underscores.me/
Author: the Development team
Author URI: https://wordpress.org/
Description: Authentic Pinoy cooked meals are made from the best quality ingredients.  Come and taste the real Pinoy foods.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: americanandseafoodmarketla
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

American Ranch Market is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


/*--------------------------------------------------------------
# GENERAL STYLES
--------------------------------------------------------------*/
body {
  font-family: 'Poppins', sans-serif;
  color: #333;
  font-size: 18px;
  margin: 0;
}

.container {
  max-width: 1640px;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

a {
  color: #F7CC02;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover {
  color: #333;
}

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4,
h4,
h6 {
  margin-top: 0;
  font-family: 'Poppins', sans-serif;
  transition: all ease-in-out .3s;
  font-weight: 700;
}

h1,
h2 {
  color: #333;
  font-size: 90px;
  line-height: 99px;
  margin-bottom: 50px;
}

h3 {
  font-size: 40px;
  margin: 15px 0;
}

h4 {
  font-size: 30px;
  color: #F7CC02;
  line-height: 36px;
  margin-bottom: 15px;
}

h5 {
  font-size: 25px;
}

h6 {
  font-size: 18px;
  color: #F7CC02;
}

.site-main p {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: .5px;
}

.site-button {
  border: none;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #F7CC02;
  color: #333;
  box-sizing: border-box;
  padding: 20px 60px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.site-button-big {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 23px;
  width: 100%;
}

.site-button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  border-radius: 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.site-button:hover,
.site-button:focus,
.site-button:active {
  color: white;
}

.site-button:hover:before,
.site-button:focus:before,
.site-button:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-center {
  text-align: center;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
header .header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

header .header .container {
  max-width: 1640px;
}

.hd-wrap {
  display: flex;
  justify-content: space-between;
}

.hd-logo {
  padding-top: 15px;
}

.hd-logo img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation div>ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.main-navigation ul:not(.sub-menu)>li {
  position: relative;
  margin: 0 17px;
}

.main-navigation ul:not(.sub-menu)>li:last-child {
  margin-right: 0;
}

.main-navigation ul:not(.sub-menu)>li>a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  padding: 30px 0px 0px;
  font-size: 15px;
  border-top: 10px solid transparent;
  letter-spacing: 1px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}

.main-navigation ul:not(.sub-menu)>li>a:hover,
.main-navigation ul:not(.sub-menu)>li.current-menu-item>a,
.main-navigation ul:not(.sub-menu)>li.current-menu-ancestor>a {
  border-top: 10px solid #F7CC02;
  text-decoration: none;
  color: #fff;
}

.main-navigation ul ul {
  text-align: left;
  float: left;
  position: absolute;
  top: 50%;
  left: -999em;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.8);
  list-style-type: none;
  opacity: 0;
  transition: all ease 0.5s;
  margin: 0;
  padding: 0;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  width: 250px;
}

.main-navigation ul.sub-menu li {
  transition: background 0.5s;
  color: #333;
  border-bottom: 1px solid #ddd;
}

.main-navigation ul.sub-menu li:last-child {
  border: none;
}

.main-navigation ul.sub-menu li a {
  color: inherit !important;
  box-sizing: border-box;
  padding: 15px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  border: none !important;
}

.main-navigation ul.sub-menu li:hover,
.main-navigation ul.sub-menu li.current-menu-item {
  background: rgba(247, 204, 2, 0.8);
  color: #fff;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
  top: 100%;
  transition: all ease 0.5s;
  left: auto;
  opacity: 1;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
  top: 100%;
  left: 100%;
}

.main-navigation .vi_wcaio_menu_cart {
  margin-top: 15px !important;
}

.main-navigation .widget_shopping_cart h2.widgettitle {
  font-size: 30px;
  line-height: 120%;
}

.main-navigation .vi_wcaio_menu_cart .woocommerce-mini-cart {
  opacity: 1;
  text-align: left;
}

.main-navigation .vi_wcaio_menu_cart a.vi_wcaio_menubar_dropdowns {
  background: #F7CC02;
  border-radius: 50%;
  padding: 0 !important;
  margin: 0 !important;
  width: 60px;
  height: 50px;
}

.main-navigation .vi_wcaio_menu_cart .widget_shopping_cart_content .woocommerce-mini-cart-item a {
  color: #333 !important;
  border-top: none !important;
}

.main-navigation .vi_wcaio_mini_cart_menu_icon {
  font-size: 28px !important;
  margin-top: -6px;
  padding-left: 5px;
}

.main-navigation .vi_wcaio_menu_cart .vi_wcaio_menu_cart_text_one {
  display: none;
}

.main-navigation .vi_wcaio_menu_cart a {
  text-shadow: none !important;
}

.main-navigation .vi_wcaio_menu_cart:hover a {
  border-color: transparent;
}

.main-navigation .vi_wcaio_menu_cart img {
  display: none;
}

.main-navigation .vi_wcaio_menu_cart_dropdown .vi_wcaio_menubar_shopping-cart .product_list_widget li .quantity {
  left: 15px !important;
}

.main-navigation .vi_wcaio_menu_cart_dropdown .vi_wcaio_menubar_shopping-cart .product_list_widget li a:not(.remove) {
  padding-left: 15px !important;
}


/*--------------------------------------------------------------
# BANNER
--------------------------------------------------------------*/
.banner {
  position: relative;
  color: #fff;
}

.banner .widget_metaslider_widget,
.banner .metaslider,
.banner .metaslider>div,
.banner .metaslider ul,
.banner .metaslider ul li {
  /*height: 100vh; */
  min-height: 880px;
}

.banner .metaslider img {
  /*height: 100%;*/
  height: 100vh;
  object-fit: cover;
}

.banner .secondary-logo {
  width: 95%;
  max-width: 190px;
  height: auto;
}

.banner section.widget_sow-editor {
  position: absolute;
  top: 140px;
  left: 50%;
  width: 100%;
  transform: translate(-50%, 0);
  max-width: 1640px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 45px;
  box-sizing: border-box;
}

.banner h4 {
  color: #fff;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5);
  margin-bottom: 15px;
}

.banner h2 {
  color: #fff;
  width: 100%;
  max-width: 660px;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5);
  margin: 0;
}

.banner-strip {
  padding-top: 30px;
  padding-bottom: 30px;
}

.banner-strip h3.widget-title {
  font-size: 25px;
  color: #333;
  margin: 0;
  line-height: 30px;
}

.banner-strip .so-widget-sow-button .ow-button-base a {
  background: transparent !important;
  font-size: 20px !important;
  color: #333 !important;
  font-weight: 700;
  border: 1px solid #333 !important;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: border-box;
  padding: 28px 15px;
  border-radius: 5px;
  font-family: 'Poppins', sans-serif;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
  min-width: 260px;
}

.banner-strip .so-widget-sow-button .ow-button-base a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  border-radius: 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.banner-strip .so-widget-sow-button .ow-button-base a:hover,
.banner-strip .so-widget-sow-button .ow-button-base a:focus,
.banner-strip .so-widget-sow-button .ow-button-base a:active {
  color: white !important;
}

.banner-strip .so-widget-sow-button .ow-button-base a:hover:before,
.banner-strip .so-widget-sow-button .ow-button-base a:focus:before,
.banner-strip .so-widget-sow-button .ow-button-base a:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ban-branch .panel-grid {
  justify-content: center !important;
}

.ban-branch .panel-grid>.panel-grid-cell {
  width: auto !important;
  padding-right: 20px;
}

.ban-branch-label {
  flex: 0 0 185px;
  width: 185px;
}

.ban-search .widget_product_search {
  display: flex;
  align-items: center;
}

.ban-search form {
  width: 100%;
  position: relative;
}

.ban-search h3.widget-title {
  padding-right: 20px;
}

.ban-search .search-field {
  width: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  border: none;
  background: #fff;
  padding: 15px 85px 15px 15px;
  height: 80px;
}

.ban-search button[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  height: 100%;
  border: none;
  background: #333;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 20px;
}

.ban-search button[type="submit"]:before {
  font-family: 'FontAwesome';
  content: "\f002";
  font-size: 32px;
}

/*--------------------------------------------------------------
# HOMEPAGE
--------------------------------------------------------------*/
/*---------------CATERING---------------*/
.catering-menu-section {
  padding-top: 50px;
  padding-bottom: 30px;
}

.catering-right {
  max-width: 650px;
  padding-left: 80px;
}

.catering-menu-section .site-button {
  margin-top: 50px;
}

/*---------------OUR MENU---------------*/
.our-menu-section {}

.menu-wrap {
  margin: 30px 0 60px;
}

.menu-items .sow-features-feature {
  box-sizing: border-box;
  padding: 0 15px !important;

}

.menu-row-2 {
  padding-right: 12px;
}

.menu-item-inner {
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

/*.menu-items.menu-items-4 .sow-features-feature{ width: calc(24% - 15px) !important; }

    .menu-items.menu-items-3 .sow-features-feature{ width: 31% !important; }*/

.menu-items .sow-features-feature-right-left-container {
  flex-direction: column !important;
}

.menu-items .sow-icon-container,
.menu-items .sow-icon-image {
  width: 100% !important;
  background-size: cover !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.menu-items .sow-icon-container {
  overflow: hidden;
}

.menu-items .sow-features-feature .sow-icon-image {
  transition: all ease-in-out .3s;
}

.menu-items .sow-features-feature .sow-icon-image:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.menu-items .textwidget {
  text-align: left;
  box-sizing: border-box;
  padding: 10px 25px 10px;
  min-height: 185px;
}

.menu-items h5 {
  margin: 0 !important;
}

.menu-items h5 a {
  text-decoration: none !important;
}

.menu-items .textwidget p {
  margin-top: 8px;
}

.menu-items .sow-more-text {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0;
}

.menu-items .sow-more-text a:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  z-index: 9999;
  font-size: 40px;
  background: #F7CC02;
  width: 60px;
  height: 60px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  right: 30px;
  bottom: -25px;
  transition: all ease-in-out .3s;
}

.menu-contact {
  border-radius: 5px;
  box-sizing: border-box;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.menu-contact h4 {
  color: #333;
  text-align: center;
}

.menu-items .sow-more-text a:hover:after {
  right: 10px;
  background: #333;
}

.menu-items .sow-features-list .sow-icon-container.sow-container-round:before {
  display: none;
}

.menu-location .panel-grid-cell:first-child {
  width: 55px !important;
  box-sizing: border-box;
  padding-right: 15px;
}

.menu-location .panel-grid-cell:nth-of-type(2) {
  width: auto !important;
  flex: 1;
}

.menu-location .sow-icon>span {
  background: #333;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.menu-location-wrap {
  margin-bottom: 20px;
}

.menu-location {
  width: 100%;
  max-width: 250px;
  margin: 0 auto 20px;
}

.menu-contact h3 {
  font-size: 15px;
  margin: 0 0 8px 0;
}

.menu-contact h4 {
  color: #fff;
}

.menu-contact .site-button {
  background: #333;
  color: #fff;
}

.menu-contact .site-button:before {
  background: #920000;
}

.menu-location a {
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
  color: #fff;
}

.menu-location-icon {}

.menu-location-content {}

/*---------------WEEKLY SPECIALS---------------*/
.weekly-special-section {
  color: #fff;
  height: 700px;
  padding: 100px 0;
}

.weekly-special-section h2 {
  color: #fff;
}

.site-main .weekly-special-section p {
  letter-spacing: 1px;
}

.weekly-special-section .site-button {
  margin-top: 30px;
}

/*---------------WHAT WE OFFER SECTION---------------*/
.offer-section {
  padding: 100px 0;
}

.offer-section .site-button {
  margin-top: 30px;
}

.offer-wrap {
  width: 100%;
  max-width: 1780px;
  margin: 0 0 0 auto;
  padding-left: 20px;
  box-sizing: border-box;
}

.offer-section .sow-features-list .sow-icon-container.sow-container-round:before {
  display: none;
}

.offer-section .sow-features-feature .sow-icon-container {
  width: 100% !important;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  border-radius: 5px;
}

.offer-section .sow-features-feature .sow-icon-image,
.offer-section .sow-features-feature,
.offer-section .sow-features-feature .sow-icon-container {
  height: 500px !important;
}

.offer-section .sow-features-feature .sow-icon-image {
  width: 100% !important;
  max-width: 100%;
  background-size: cover !important;
  border-radius: 5px;
  transition: all ease-in-out .3s;
}

.offer-section .sow-features-feature .sow-icon-image:hover {
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.offer-section .sow-features-feature {
  position: relative;
  padding: 0 0 0 30px !important;
  overflow: hidden;
  border-radius: 5px;
}

.offer-section .sow-features-feature .textwidget {
  position: absolute;
  bottom: 0;
  left: 50px;
}

.offer-section .sow-features-feature .textwidget h5 {
  color: #fff;
  transition: all ease-in-out .3s;
  text-shadow: 0 0 10px rgba(0, 0, 0, .9);
}

.offer-section .sow-features-feature:hover .textwidget h5 {
  color: #F7CC02;
}

.offer-section .sow-features-feature .textwidget h5 a {
  color: inherit;
  text-decoration: none !important;
}


/*---------------CONTACT---------------*/
.contact-section {
  color: #fff;
  height: 980px;
}

.contact-section h2 {
  color: #fff;
  margin-bottom: 30px;
}

.contact-section form {
  margin-top: 50px;
}

.contact-section form label.hidden,
.contact-section form br {
  display: none;
}

.contact-section input[type="text"],
.contact-section input[type="email"],
.contact-section input[type="tel"],
.contact-section textarea {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  letter-spacing: .5px;
  box-sizing: border-box;
  padding: 20px;
  color: #fff;
}

.contact-section textarea {
  margin-top: 13px;
  height: 200px;
}

.contact-section input[type="submit"] {
  margin: 10px auto 0;
  display: block;
}

.contact-section input[type="submit"]:hover {
  background: #333;
}

.contact-section ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */
}

.contact-section :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.contact-section ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;
}

.cf-three {
  display: flex;
}

.cf-three .cf-col-3 {
  flex: 1;
}

.cf-three .cf-col-3:nth-of-type(2n) {
  padding: 0 10px;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/*---------------FOOTER TOP---------------*/
.footer-top {
  padding: 40px 0;
}

.footer-top .container {
  display: flex;
}

.ft-top-left {
  width: 40%;
}

.ft-top-right {
  width: 60%;
  padding-left: 140px;
}

.ft-logos {
  display: flex;
  align-items: center;
}

.ft-main-logo {
  padding-right: 20px;
}

.ft-top-left p {
  font-size: 15px;
  line-height: 27px;
}

.footer-top dl.ft-email {
  margin: 20px 0 30px;
}

.ft-email dd {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
}

.ft-payment {
  display: flex;
  align-items: center;
}

.ft-payment span {
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  padding-right: 15px;
}

.ft-location-wrap {
  display: flex;
  margin-top: 40px;
}

.ft-location {
  flex: 1;
}

.ft-location h6 {
  margin-bottom: 25px;
  font-size: 20px;
}

.footer-top dl {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.footer-top dl dt {
  color: #F7CC00;
}

.footer-top dl dd {
  margin-left: 15px;
  letter-spacing: .5px;
}

.footer-top dl dd a {
  color: #333;
}

/*---------------FOOTER BOTTOM---------------*/
.footer-bottom {
  text-align: center;
  background: #222;
  padding: 30px 0;
}

.footer-bottom p {
  color: #fff;
  margin: 0;
  font-size: 15px;
}

/*--------------------------------------------------------------
# Popup
--------------------------------------------------------------*/

.pum-theme-2976 .pum-content + .pum-close,
.pum-theme-lightbox .pum-content + .pum-close {
  font-size: 16px !important;
}

.pum-container.pum-responsive img#panorama-popup {
  max-height: 90vh !important;
  width: auto !important;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/*--------------------------------------------------------------
# Inner page
--------------------------------------------------------------*/
.inner-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 500px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.inner-banner h1 {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, .5);
  margin: 0;
}

.inner .site-main {
  margin: 60px 0;
  min-height: 300px;
}

.inner .footer {
  border-top: 1px solid #ddd
}

/*CONTACT FORM*/
.site-form label.hidden,
.site-form br {
  display: none;
}

.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="tel"],
.site-form textarea {
  width: 100%;
  border: 1px solid #ddd;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #333;
  letter-spacing: .5px;
  box-sizing: border-box;
  padding: 10px 15px;
  margin-bottom: 10px;
}

.site-form textarea {
  height: 200px;
}

.sf-col {
  flex: 1;
  box-sizing: border-box;
}

.sf-two {
  display: flex;
}

.sf-two .sf-col:first-child {
  padding-right: 10px;
}

.sf-two .sf-col:last-child {
  padding-left: 10px;
}

.site-form ::placeholder {
  color: #333;
  opacity: 1;
}

.site-form :-ms-input-placeholder {
  color: #333;
}

.site-form ::-ms-input-placeholder {
  color: #333;
}

.site-form input[type="submit"] {
  margin: 25px auto 0;
  display: block;
}

.site-form input[type="submit"]:hover {
  background: #333;
}

.site-form p {
  margin: 0;
}

.cp-location h3 {
  font-size: 60px;
  margin-bottom: 0;
}

.site-main p.cp-address br {
  display: none;
}

.site-main p.cp-address,
.site-main p.cp-phone {
  position: relative;
  font-size: 20px;
  box-sizing: border-box;
  padding-left: 40px;
}

.site-main p.cp-phone a {
  color: inherit;
}

.cp-phone:before {
  content: "\f095";
  font-family: FontAwesome;
  box-sizing: border-box;
  color: #F7CC02;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 35px;
}

.cp-address:before {
  content: "\f041";
  font-family: FontAwesome;
  box-sizing: border-box;
  color: #F7CC02;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 35px;
}

.cp-location iframe {
  height: 400px !important;
  width: 100% !important;
}


/*------------- WOOCOMMERCE-------------*/
.shop-wrapper {
  display: flex;
  align-items: end;
}

.shop-left {
  flex: 0 0 350px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.shop-right {
  width: auto;
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 60px;
}

.shop-left h2.widget-title {
  font-size: 30px;
  margin: 0;
  text-align: center;
  background: #F7CC02;
  color: #333;
  line-height: 120%;
  box-sizing: border-box;
  padding: 20px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.shop-left ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.shop-left ul li {
  box-sizing: border-box;
  padding: 15px 25px;
  border-bottom: 1px solid #ddd;
  font-size: 19px;
  display: block;
}

.shop-left ul li:last-child {
  border-bottom: none;
}

.shop-left ul li.current-cat,
.shop-left ul li:hover {
  background: #333;
  color: #fff;
}

.shop-left ul li:last-child.current-cat,
.shop-left ul li:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.shop-left ul li a {
  color: inherit;
  display: block;
}

.shop-right h1 {
  margin: 0;
  font-size: 70px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  padding: 10px 0;
  margin: 0;
  font-size: 1em;
  line-height: 120%;
}


.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  border: none;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #F7CC02;
  color: #333;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #F7CC02;
  color: #333;
}

.woocommerce #respond input#submit:before,
.woocommerce a.button:before,
.woocommerce button.button:before,
.woocommerce input.button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  border-radius: 5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  color: white !important;
}

.woocommerce #respond input#submit:hover:before,
.woocommerce a.button:hover:before,
.woocommerce button.button:hover:before,
.woocommerce input.button:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #333;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #F7CC02;
  color: #fff;
  font-weight: 700;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-top: 0;
}

/************SINGLE PRODUCT PAGE************/
section.related h2 {
  font-size: 40px;
  line-height: 120%;
}

.single-product .product .summary {
  width: 100% !important;
  float: none !important;
}

.single-product .product .summary .cart {
  max-width: 800px;
}

/*.woocommerce table.cart .product-thumbnail { 
        display:none; 
      }*/

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #F7F7F7;
  border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: none;
  padding: 15px 30px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 22px;
}

.woocommerce-tabs h2 {
  display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
  background: #F7F7F7;
  box-sizing: border-box;
  padding: 30px;
}


/************FORM************/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce div.product form.cart .variations select,
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row select,
.woocommerce form .form-row .input-text, 
.woocommerce-page form .form-row .input-text,
.woocommerce .quantity .qty,
.woocommerce #review_form #respond textarea,
body.woocommerce-cart .coupon #coupon_code {
  border: 1px solid #ddd;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #333;
  letter-spacing: .5px;
  box-sizing: border-box;
  padding: 10px 15px;
}

.woocommerce .quantity .qty {
  padding: 8px 15px;
}

.woocommerce form ::placeholder {
  color: #333;
  opacity: 1;
}

.woocommerce form :-ms-input-placeholder,
.woocommerce form ::-ms-input-placeholder {
  color: #333;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  font-weight: 700;
}


.woocommerce div.product .product_title {
  font-size: 60px;
  margin-bottom: 0;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.woocommerce-MyAccount-navigation ul li {
  box-sizing: border-box;
  padding: 15px 25px;
  border-bottom: 1px solid #ddd;
  font-size: 19px;
  display: block;
}

.woocommerce-MyAccount-navigation ul li a {
  color: inherit;
  display: block;
}

.woocommerce-MyAccount-navigation ul li.is-active,
.woocommerce-MyAccount-navigation ul li:hover {
  background: #333;
  color: #fff;
}

.woocommerce-MyAccount-navigation ul li:first-child.is-active,
.woocommerce-MyAccount-navigation ul li:first-child:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.woocommerce-MyAccount-navigation ul li:last-child.is-active,
.woocommerce-MyAccount-navigation ul li:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cn-notice-text {
  font-family: 'Poppins', sans-serif !important;
}

.site-button.cn-button {
  padding: 10px 25px;
  font-size: 13px;
}









/*.shop-category{padding: 30px 20px 20px 20px;background: #fff;border:1px solid #ddd;}
  .shop-category li a{color: #333; text-transform: uppercase;}
  .shop-category li a:hover{color: rgb(146,0,0); text-decoration: none;}
  .posts-page{
    background: #fff;
    padding: 20px;
    border:1px solid #ddd;
  }
  .shop-category h2{font-size:30px;letter-spacing:1pt;line-height:120%;color:rgb(252,209,22);text-transform: uppercase;}
  .posts-page h1{
    font-size:40px;
    letter-spacing:1pt;
    line-height:120%;
    color:rgb(252,209,22);
    text-transform: uppercase;
  }

  .shop-category li, .inner-page li{
    padding: 5px 0;
    line-height: 160%;
  }
  .shop-category li a{color: #333;}


  .ftNote {font-size: 13px;}
  .ctc-map {padding: 20px 0 0}*/

  .shop-category #sow-button-2 a {
    width: 100%;
    border-radius: 0.25em 0.25em 0 0;
  }

/*menu*/
.text-bg {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}

.text-bg h3 {}

.text-bg h4 {}

.text-bg p {}

.text-bg strong {
  display: block;
}

.text-bg ul {
  list-style-type: none;
  column-count: 2;
}

.text-bg ul li {}

.menu-center {
  text-align: center;
}

.border {
  border: 1px solid #eee;
}

.left tbody tr td[colspan="4"] {
  text-align: center;
  background: #e8c5b4;
}

.tablepress tfoot th,
.tablepress thead th {
  background: #fcde19 !important;
}

.post-navi h2 {
  display: none;
}

.post-navigation {
  margin: 30px 0 0;
}

.post-navigation h2 {
  display: none;
}

.nav-links {}

.nav-previous {
  float: left;
}

.nav-next {
  float: right;
}

.clear {
  clear: both;
}

/* Product Category Page */
body.tax-product_cat .btn-menu {
  float: right;
  margin-top: 15px;
}

body.tax-product_cat .btn-disclaimer-container {
  text-align: center;
}

.category-note {
  font-weight: 700 !important;
  color: #fff !important;
  background: red;
  padding: 10px 20px !important;
  border-radius: 5px;
  margin: 15px auto 20px !important;
}

/* Single Product Page */
/*  body.single-product.woocommerce div.product form.cart .variations select{ line-height: 140%; padding: 10px; }
  body.single-product.woocommerce div.product form.cart .variations td.label label{ display: inline-block !important; font-weight: 700 !important; font-size: 16px;color: #333;  padding: 12px 0; line-height: 140%; margin: 0; }
  body.single-product.woocommerce .quantity .qty{ line-height: 140%; padding: 9px 15px; margin: 0; }
  body.single-product.woocommerce .disclaimer{ color: red; padding: 10px 0; }
  .woocommerce div.product form.cart, .woocommerce div.product p.cart{ margin-bottom: 5px; }
  .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{     background-color: #920000; }*/

/* Cart Page */
body.woocommerce-cart .btn-default {
  display: inline-block;
  line-height: 140%;
}

body.woocommerce-cart .coupon label[for="coupon_code"] {
  display: none !important;
}

body.woocommerce-cart .coupon #coupon_code {
  line-height: 140%;
  font-weight: 400;
  padding: 10px 10px;
  width: 130px;
}



.disclaimer-container {
  color: red;
  padding: 0 0 20px;
}

.woocommerce ul#shipping_method li label {
  display: inline !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 0;
  height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.woocommerce textarea {
  height: 120px;
}

/* Mini Cart */
#woo-floating-minicart-base p.total small.tax_label {
  color: #000 !important;
}

.woocommerce-error {
  border: 5px solid #b81c23;
}

.woocommerce .woocommerce-breadcrumb {
  display: none;
}

.job-heading {
  margin: 0;
}

.apply-form {
  box-sizing: border-box;
  padding: 40px 40px 20px 40px;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  border-radius: 5px;
}

.apply-form h3 {
  text-align: center;
  margin: 0;
  font-size: 50px;
}

.apply-form h5 {
  text-align: center;
  margin: 0 0 10px 0;
  color: #F7CC02;
  font-size: 20px;
}

.apply-form input[type="text"],
.apply-form input[type="email"],
.apply-form input[type="tel"],
.apply-form input[type="textarea"],
.apply-form select {
  width: 100%;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  padding: 8px 12px;
  font-size: 15px;
  border: 1px solid #ddd;
  margin: 5px 0;
}

.apply-form input[type="submit"] {
  margin: 30px auto 0;
  display: block;
}

.apply-form p {
  margin: 0;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  letter-spacing: 0;
}

.apply-form label {
  margin: 15px 0 5px 0;
  display: block;
}

.fm-2 {
  display: flex;
}

.fm-col {
  box-sizing: border-box;
  flex: 1;
}

.fm-2 .fm-col:first-child {
  padding-right: 5px;
}

.fm-2 .fm-col:last-of-type {
  padding-left: 5px;
}

.career-lists {
  margin-top: 40px;
}

.career-items {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 10px;
  background: #F3F3F3;
  color: #50505C;
  transition: all ease-in-out .3s;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 25px 40px;
}

.career-items .position {
  width: 100%;
}

.career-items-num {
  flex: 0 0 125px;
}

.career-items-num span {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  transition: all ease-in-out .3s;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #F7CC02;
  display: flex;
  align-items: center;
  justify-content: center;
}

.career-items-content {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  flex-grow: 1;
  text-align: left;
}

.career-items .meta {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0;
  display: flex;
}

.career-items ul.meta li {
  flex: 1;
  position: relative;
  font-weight: 700;
}

.career-items ul.meta li:before {
  font-family: "FontAwesome";
  color: #F7CC02;
  margin-right: 10px;
  display: inline !important;
}

.career-items ul.meta li.location:before {
  content: "\f041";
}

.career-items ul.meta li.job-type:before {
  content: "\f017";
}

.career-items .position h4 {
  color: #333;
}

.woocommerce-cart #e_deliverydate_field .woocommerce-input-wrapper {
  display: block;
}





/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
@media only screen and (max-width: 1600px) {
  .banner-strip .so-widget-sow-button .ow-button-base a {
    min-width: 100%;
    padding: 28px 30px;
  }
}

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

  h1,
  h2 {
    font-size: 65px;
    line-height: 85px;
  }

  .banner .metaslider img {
    height: 100%;
  }

  .banner .widget_metaslider_widget,
  .banner .metaslider,
  .banner .metaslider>div,
  .banner .metaslider ul,
  .banner .metaslider ul li {
    height: 750px;
    min-height: auto;
  }
}

@media only screen and (max-width: 1411px) {
  .menu-contact h4.menu-hour {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1405px) {
  .banner-strip .so-widget-sow-button .ow-button-base a {
    font-size: 17px !important;
  }

  .weekly-special-section {
    height: 300px;
  }

  .offer-section {
    padding: 50px 0;
  }

  .offer-wrap h5 {
    font-size: 20px;
  }

  .contact-section {
    height: 700px;
    padding: 60px 0;
  }

  .ft-top-right {
    padding-left: 50px;
  }
}

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

  .banner h2 {
    max-width: 100%;
  }

  .banner .widget_metaslider_widget,
  .banner .metaslider,
  .banner .metaslider>div,
  .banner .metaslider ul,
  .banner .metaslider ul li {
    min-height: 750px;
  }
}

@media only screen and (max-width: 1330px) {
  .banner-strip-wrap {
    flex-direction: column;
  }

  .banner-strip-wrap .panel-grid-cell {
    width: 100% !important;
  }

  .ban-branch .panel-grid>.panel-grid-cell {
    width: 25% !important;
  }

  .ban-search {
    margin-top: 20px;
  }

  .ban-search h3.widget-title {
    width: 31%;
    font-size: 21px;
  }

  .banner-strip h3.widget-title {
    font-size: 21px;
  }

  .banner-strip .so-widget-sow-button .ow-button-base a {
    padding: 18px 15px;
  }

  .ban-search .search-field {
    height: 55px;
    font-size: 17px;
  }

  .menu-items .sow-features-feature .sow-icon-container,
  .menu-items .sow-features-feature .sow-icon-image {
    height: 250px !important;
  }

  .menu-items h5 {
    font-size: 22px;
  }

  .site-main .menu-items p {
    font-size: 16px;
    line-height: 27px;
  }

  .menu-location a {
    font-size: 20px;
  }

  .menu-items .textwidget {
    padding: 10px 20px 10px;
  }

}

@media only screen and (max-width: 1305px) {
  .main-navigation ul:not(.sub-menu)>li {
    margin: 0 10px;
  }

  .cp-location h3 {
    font-size: 35px;
  }

  #ship-to-different-address,
  .woocommerce-billing-fields h3 {
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 120%;
  }

}

@media only screen and (max-width: 1215px) {
  .main-navigation ul:not(.sub-menu)>li {
    margin: 0 6px;
  }

  .banner section.widget_sow-editor {
    top: 95px;
  }

  .ft-location-wrap {
    flex-wrap: wrap;
  }

  .ft-location {
    flex: 1 1 50%;
    width: 50%;
  }

  .ft-top-left,
  .ft-top-right {
    width: 50%;
  }

  .apply-form h3 {
    font-size: 40px;
  }

  .apply-form h5 {
    font-size: 17px;
  }

  .career-items {
    padding: 25px 30px;
  }
}

@media only screen and (max-width: 1160px) {
  #wprmenu_bar:not(.active) {
    overflow: unset;
    z-index: 10 !important;
  }

  #wprmenu_bar .bar_logo {
    height: 110px;
  }

  .admin-bar #wprmenu_menu_ul {
    overflow: unset;
  }

  .vi_wcaio_menu_cart {
    display: none !important;
  }

}

@media only screen and (max-width: 1100px) {
  .menu-wrap {
    margin: 0;
  }

  .menu-items .sow-features-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .menu-items .sow-features-feature {
    width: 50% !important;
    margin-bottom: 50px !important;
  }

  .menu-row-2 {
    padding-right: 0;
    flex-direction: column;
  }

  .menu-row-2>.panel-grid-cell {
    width: 100% !important;
  }

  .banner {
    text-align: center;
  }

  .banner .widget_metaslider_widget,
  .banner .metaslider,
  .banner .metaslider>div,
  .banner .metaslider ul,
  .banner .metaslider ul li {
    min-height: unset;
    height: 550px;
  }

  .banner section.widget_sow-editor {
    margin-top: 0;
  }

  .secondary-logo {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .banner h2 {
    font-size: 50px;
    line-height: 62px;
  }

  .banner h4 {
    font-size: 23px;
    line-height: 32px;
  }

  .menu-contact>.so-panel {
    flex: 1;
    width: 100%;
  }

  .menu-location-wrap>.panel-layout {
    display: flex;
  }

  .menu-location-wrap>.panel-layout .panel-grid {
    width: 33.33%;
  }

  .menu-location {
    display: flex !important;
  }

  .banner-strip h3.widget-title {
    text-align: left;
  }

  .catering-right {
    padding-left: 0;
  }

  h1,
  h2 {
    font-size: 55px;
    margin-bottom: 0;
  }

  .offer-section .sow-features-feature .sow-icon-image,
  .offer-section .sow-features-feature,
  .offer-section .sow-features-feature .sow-icon-container {
    height: 300px !important;
  }

  .offer-wrap {
    align-items: center !important;
  }

  .offer-section h2 {
    font-size: 38px;
  }

  .offer-section h4 {
    font-size: 24px;
    margin-bottom: 0;
  }

  .site-main p {
    font-size: 16px;
    line-height: 30px;
  }

  .offer-wrap h5 {
    font-size: 17px;
  }

  .shop-wrapper {
    flex-direction: column;
  }

  .shop-left {
    flex-basis: 100%;
    width: 100%;
  }

  .shop-left ul {
    display: flex;
    flex-wrap: wrap;
  }

  .shop-left ul li {
    flex: 1;
    flex: 0 0 33.33%;
  }

  .shop-right {
    padding-left: 0;
    margin-top: 30px;
    width: 100%;
  }

  .woocommerce div.product .product_title {
    font-size: 45px;
    line-height: 65px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    font-size: 16px;
  }

  section.related h2 {
    font-size: 30px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .inner-banner {
    height: 300px;
  }

  .career-wrap {
    flex-direction: column;
  }

  .career-wrap>.panel-grid-cell {
    width: 100% !important;
  }

  .apply-form {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 900px) {
  .ft-location-wrap {
    flex-direction: column;
  }

  .footer-top dl br {
    display: none;
  }

  .ft-logos {
    flex-direction: column;
  }

  .ft-main-logo {
    padding-right: 0;
  }

  .ft-location {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 780px) {
  .menu-location {
    align-items: center !important;
    text-align: center;
  }

  .menu-location .sow-icon>span {
    margin: 0 auto !important;
  }

  .ban-branch .panel-grid>.panel-grid-cell {
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  .ban-search h3.widget-title {
    width: 100%;
    padding-right: 0;
    margin-bottom: 8px;
  }

  .ban-search .widget_product_search {
    flex-direction: column;
  }

  .banner-strip-wrap>.panel-grid-cell {
    margin-bottom: 0 !important;
  }

  .ban-search {
    margin-top: 0;
  }

  .catering-menu-section {
    text-align: center;
  }

  .catering-menu-section .site-button {
    margin-top: 20px;
  }

  .catering-right {
    max-width: 100%;
  }

  .offer-right {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .offer-section .sow-features-feature {
    padding: 0 5px !important;
  }

  .offer-section .sow-features-feature .textwidget {
    left: 50%;
    transform: translate(-50%, 0);
  }

  .catering-menu-section {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 680px) {
  .footer-top .container {
    flex-direction: column;
  }

  .ft-top-left,
  .ft-top-right {
    width: 100%;
  }

  .ft-top-right {
    padding-left: 0;
  }

  .cf-three {
    flex-direction: column;
  }

  .cf-three .cf-col-3:nth-of-type(2n) {
    padding: 10px 0;
  }

  .offer-right .sow-features-feature {
    float: none !important;
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .offer-wrap h5 {
    font-size: 22px;
  }

  .offer-section .sow-features-feature .textwidget {
    width: 100%;
  }

  .shop-left ul li {
    flex-basis: 50%;
  }

  .shop-right h1 {
    font-size: 45px;
  }

  .inner-banner h1 {
    font-size: 40px;
  }

  .inner-banner {
    height: 250px;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 15px;
    font-size: 12px;
  }


}

@media only screen and (max-width: 580px) {
  .menu-location-wrap>.panel-layout {
    flex-direction: column;
    align-items: center;
  }

  .menu-location-wrap>.panel-layout .panel-grid {
    width: 100%;
  }

  .career-items,
  .career-items .meta {
    flex-direction: column;
  }
}

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

  .woocommerce .woocommerce-ordering,
  .woocommerce-page .woocommerce-ordering {
    float: none;
  }

  .woocommerce .woocommerce-ordering select {
    width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  #wprmenu_bar .bar_logo {
    height: 75px;
  }

  .offer-section .sow-features-feature .sow-icon-image,
  .offer-section .sow-features-feature,
  .offer-section .sow-features-feature .sow-icon-container {
    height: 250px !important;
  }

  .banner section.widget_sow-editor {
    top: 45px;
  }

  .banner h4 {
    font-size: 19px;
    line-height: 28px;
  }

  .banner h2 {
    font-size: 35px;
    line-height: 50px;
  }

  .banner .widget_metaslider_widget,
  .banner .metaslider,
  .banner .metaslider>div,
  .banner .metaslider ul,
  .banner .metaslider ul li {
    height: 500px;
  }

  h1,
  h2 {
    font-size: 45px;
    line-height: 73px;
  }

  .weekly-special-section {
    padding: 50px 0;
  }

  .contact-section {
    height: 100%;
    padding-bottom: 20px;
  }

  .contact-section h2 {
    padding-bottom: 0;
  }

  .contact-section h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
  }

  .sf-two {
    flex-direction: column;
  }

  .sf-two .sf-col:first-child {
    padding-right: 0;
  }

  .woocommerce div.product .product_title {
    font-size: 35px;
    line-height: 55px;
  }

  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 25px;
  }

  .our-menu-section h2 {
    font-size: 35px;
    line-height: 120%;
  }

  .our-menu-section h4 {
    line-height: 120%;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 400px) {
  .shop-left ul li {
    flex-basis: 100%;
    padding: 10px 15px;
    font-size: 16px;
  }

  .shop-left h2.widget-title {
    font-size: 25px;
  }

  .woocommerce form .form-row-first,
  .woocommerce-page form .form-row-first {
    float: none;
  }

  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-first,
  .woocommerce-page form .form-row-last {
    width: 100%;
  }

  body {
    font-size: 16px;
  }

  .fm-2 {
    flex-direction: column;
  }

  .fm-2 .fm-col:first-child,
  .fm-2 .fm-col:last-of-type {
    padding: 0;
  }
}