/**************************************************************
## General
***************************************************************/

.hide {
  display: none;
}
body, header.main-header {
  max-width: 2000px;
  margin: auto;
}

.siteby{
font-size:8px;
}

table {
    border: 0px;
}
.image-text-widget {
    margin: 0px 0px;
}
.main-content,
.template-index .main-content {
    padding-top: 200px; /*Originally 157px, changed by JKH on Jan 29, 2020 - also why we have so much space at the top of the site at 157px*/
}
.flex-video {
    padding-bottom: 53.5%!important;
}
  .stripes, body.page-information {
    background-image: -webkit-linear-gradient(left, #FFCD00, #FFAC00 25%, #FF8200 25%, #FF8200 50%, #9ADBE8 50%, #9ADBE8 75%, #FFFFFF 75%);
    background-image: -moz-linear-gradient(left, #FFCD00, #FFCD00 25%, #FF8200 25%, #FF8200 50%, #9ADBE8 50%, #9ADBE8 75%, #FFFFFF 75%);
    background-image: -ms-linear-gradient(left, #FFCD00, #FFCD00 25%, #FF8200 25%, #FF8200 50%, #9ADBE8 50%, #9ADBE8 75%, #FFFFFF 75%);
    background-image: linear-gradient(to right, #FFCD00, #FFCD00 25%, #FF8200 25%, #FF8200 50%, #9ADBE8 50%, #9ADBE8 75%, #FFFFFF 75%);
    background-size: 5% 6px;
    background-position: 50% 100%;
    background-repeat: repeat;
  }

.template-index h3.accent {
    font-size: 15px; /*orginally 15px changed by jkh*/
    font-weight: 600;
    line-height: 15px;
}

.brown {
    background: #562700 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 25px -10px black;
}
.red {
    color: #ff8200;
}
.yellow {
    color: #FFCD00;
}
.white {
    color: #FFFFFF;
}
.blue {
    color: #9adbe8;
}
.right-hand {
  margin-left: 10px;
  line-height: 18px;
  float: right;

}

.right-hand:after {
    display: inline-block;
    background: url(//cdn.shopify.com/s/files/1/1135/9368/t/43/assets/gradys_hands_right.png?v=16047797860026544819) no-repeat 0 0;
    background-size: 100%;
    height: 22px;
    width: 50px;
    content: "";
}

.left-hand {
    margin-right: 10px;
  float: left;
}

.left-hand:before {
    display: inline-block;
    background: url(//cdn.shopify.com/s/files/1/1135/9368/t/43/assets/gradys_hands_left.png?v=8726328933737281485) no-repeat 0 0;
    background-size: 100%;
    height: 22px;
    width: 50px;
    content: "";
}

.previous-next.row .previous.columns.large-6.small-6,
.previous-next.row .next.columns.large-6.small-6 {
  padding: 0px;
}

div.row.stripes {
    height: 20px;
}


.template-page .main-content .row {
    width: 100%;
    margin: auto;
    max-width: 1425px;
    padding: 20px!important; /*org 20px*/
}

li.nav-item.dropdown:hover {
    text-decoration: underline;
}

  .template-index .widgets .featured-promo.brown .row .description .description-box {
      font-size: 16px; /*org 16px*/
      line-height: 1.3;
      margin: 30px auto 15px;
      text-align: left;
      color: white;
  }

  .template-index .widgets .featured-promo .columns h1.title {
      color: #9adbe8!important;
  }

.template-page .page-title {
  display: none;
}


/**************************************************************
## Fonts
**************************************************************/

h1 {
  font-family: !important;
  font-family: !important;
}
h2 {
  font-family: google, 'Lato', sans-serif!important;
  font-family: futura-pt!important;
}
h3 {
  font-family: google, 'Lato', sans-serif!important;
  font-family: alternate-gothic-no-1-d!important;

}
p, .description{
  font-family: 'Times New Roman', Times, serif!important;
  font-family: futura-pt!important;
}
.price, .actual-price, .compare-price {
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif!important;
  font-family: futura-pt!important;
}
.button{
  font-family: google, 'Lato', sans-serif!important;
  font-family: futura-pt!important;
  font-size: 15px;
  
}
.accent{
  font-family: Garamond, Baskerville, Caslon, serif!important;
  font-family: futura-pt!important;
}

.product-item .title{
  font-family: google, 'Lato', sans-serif!important;
  font-family: alternate-gothic-no-1-d!important;
}

.related-recipe .title {
  text-align: left;
  font-size: 17px!important;
  line-height: 34px;
  font-family: google, 'Lato', sans-serif!important;
  font-family: alternate-gothic-no-1-d!important;
}

.ten-reasons span.white, .ten-reasons span.blue,
.the-offices span.white, .the-offices span.blue{
  font-family: google, 'Lato', sans-serif!important;
  font-family: futura-pt!important;
  font-size: 30px;
}

.template-cart h3 {
    font-weight: 600;
}

.template-cart .order-notes h3, 
.template-cart .totals h3 {
    font-weight: normal;
}

.template-index h3 {
  font-weight: 600;
}

/**************************************************************
##Slider
**************************************************************/

.slide h1,
.template-index .slider .slide .caption .title {
    font-size: 7.5em;
    margin-bottom: 0px;
}
.slide h3,
.template-index .slider .slide .caption .sub-title {
    font-size: 2em;
    margin: -7px 0px 7px 7px;
    font-size: 2.6em;
}
.slide .button,
.template-index .slider .slide .caption a.button {
    font-size: 1.5em;
    padding: 18px 84px;
}

.template-index .widgets .title, h3 a, h3 a:link, h3 a:visited  {
  color: #462102!important;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 0px;
  line-height: 0.9em;
}
.featured-promo .title{
  font-size: 3.5em!important;
}
.template-index .product-grid .price {
  display: inline-block;/*org inline-block*/
  margin-top: 7px;
  font-size: 1.2em;
  background-color: #FBF8F5;
  padding: 5px 10px;
  color: #ff8200;
  border: dashed 1px #ff8200;
}

.product-grid .title {
  font-size: 1.7em; /*org 1.7em*/
  line-height: 1em; /*org 2em* april 19 2021 - jkh*/
  margin-bottom: 0px;
}
.product-grid .price {
  margin-top: 7px;
  font-size: 1em;
}

.template-collection .description {
  max-width: 90%;
  padding: 20px; /*org 20px*/
  margin: 0px!important;
  font-size: 15px;
}

.large-12 .caption h2.title {
  font-size: 3.5em !important;
  margin-bottom: 5px;
}

.template-index .social-feeds .title{
  font-size: 1.7em;
  margin-bottom: 21px;
}

.related-recipe p .title .a {
  line-height: 0px;
}

/**************************************************************
  ## Navigation
**************************************************************/

@media only screen and (min-width: 768px){
  
  .nav-subscribe-mobile {
    display: none;
  }


  /**************************************************************
  ## Navigation
  **************************************************************/

  header.main-header {
      position: fixed;
      margin-top: -9px;
      -webkit-transition: all 0.6s ease;
      transition: all 0.6s ease;
      padding: 5px 0px 0px 0px;
  }
  header.main-header .bg {
      height: 97%;
  }
  header.main-header.hover {
      margin-top: -120px
  }
  header.main-header .main-menu .widescreen > ul > li > a {
      padding: 0 14px;
  }
  header.main-header h1.title {
      width: 140px; /*org 140px*/
      opacity: 1;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      text-align: center;
      margin: auto;
  }
  header.main-header .main-menu-dropdown-panel .row {
      padding-bottom: 10px;
  }
  header.main-header .main-menu-dropdown-panel .columns {
      padding: 5px 25px 0px 25px;
  }
  header.main-header .cart {
      width: inherit;
      display: inline-block; /*original - display: inline-block;*/
      float: none;
      width: 40px;
      text-align: left;
  }
  header.main-header .top.row {
    padding-top: 25px; /*org 15px* space between top of the browser and logo*/
      padding-bottom: 0px;
  }
  .main-menu li.nav-item {
      display: inline-block;
  }
  .columns.large-6.medium-8.menu-container {
      padding-top: 25px; /*org 13px - space between logo and menu*/
      line-height: 1;
  }
  .columns.large-3.medium-2.cart-container {
      padding-top: 12px;
      line-height: 1;
  }
  
  .second-logo .logo-flat-white {
      max-width: 70px; /*org 70px*/
      margin-left: -54px;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
      padding: 5px 4px; /*org 5px 4px;*/
  }
  .second-logo .logo-flat-white.hover {
      margin-left: -20px;
      opacity: 1;
      background: #FFFFFF;
  }
  .menu-container {
      text-align: center!important;
  }
  .search-account {
      display: inline-block!important;
      float: none;
      right: inherit!important;
      position: relative!important;
  }
  .cart-container {
      text-align: right!important;
  }
  .navigation .columns {
      padding-left: 0;
      padding-right: 0;
  }
  .navigation.row {
      padding: 0 20px;
  }
  .nav-subscribe-icon {
      width: 20px;
      margin-top: -6px;
      margin-right: 9px;
  }
  .font-nav {
      pading: 0px;
  }
  .nav-subscribe {
      right: 0px;
      z-index: 10000;
      position: absolute;
      opacity: 1;
      background-color: white;
      padding: 0px 24px;
      text-align: right;
      top: 39px;
      display: none;
  }
  .right-nav-pop {
      text-align: right;
      color: #ff8200;
      padding: 0px;
  }
  .left-nav-pop {
      padding: 14px 5px 0px 5px;
      margin: 0px;
      color: white;
      text-align: center;
      vertical-align: middle;
  }
  
  .nav-item-link {
      font-size: 30px; /*org 18px - jkh*/
      font-weight: 100;
  }
  .glyph.arrow-down:before {
      content: none;
  }
  
  /**************************************************************
  ## Index
  **************************************************************/
  
  section.slider {
      overflow: hidden;
      max-height: 600px;
  }
  .template-index .product-slider {
      padding-top: 50px; /*org 70px*/
      padding-bottom: 15px; /*org 20px*/
  }
  .template-index .slider .slide .caption .bg {
      opacity: 0;
  }
  .template-index .slider .slide .caption {
      width: 80%;
      max-width: 80%;
  }
  .template-index .row.header {
      display: none;
  }
  .block-section {
      display: inline-block;
  }
  .block-title {
      font-size: 4em;
      padding: 10px;
      width: 100%;
      text-align: center;
      position: absolute;
      top: 33%;
      margin: auto;
  }
  .template-index .instagram-widget .items {
      max-height: none;
  }
  .template-index .widgets.stripes {
      padding: 40px 60px;
      margin: 15px 0px;
  }
  .template-index .widgets .featured-promo.brown .row .columns {
    padding-bottom: 0;
  }
  .template-index .widgets .featured-promo.brown .row {
      padding: 50px 30px;
  }
  .template-index .widgets .featured-promo.brown .row .columns:nth-child(2) {
      border: 1px #ff8200 solid;
      padding: 38px 30px;
  }
  .template-index .widgets .featured-promo.brown .row .description {
      margin: 0px;
  }
  .template-index .widgets .featured-promo.brown .row .description .description-box {
      font-size: 16px;
      line-height: 1.3;
      margin: 30px auto 15px;
      text-align: left;
      color: white;
  }
  .template-index .widgets .featured-promo .columns .description .call-to-action {
      margin: 0px;
  }
  .template-index .widgets .featured-promo .columns .description .call-to-action a {
      margin: 15px 0px;
      width: 100%;
      font-weight: 600;
  }

  a.nav-item-link {
      vertical-align: -webkit-baseline-middle !important;
  }
  
  /**************************************************************
  ## Section Blocks
  **************************************************************/

  .homepage-block-section{
    display: inline-block;
    width: 100%;
  }

  .grid-item.homepage-block {
    position: relative;
    display: inline-block;
    float: left;
    margin: 6px 0;
    padding: 0px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box;
  }

  .homepage-block {
    box-sizing: border-box;
    display: inline-block;
    margin: 0px;
    padding: 0px;
  }

  .template-index .main-content .grid-item img {
    min-width: 100%;
    padding: 0px;
    margin: 0px;
  }

  .min-height {
    min-height: 500px;
  }

  .homepage-block-section .caption {
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    right: 0;
    box-sizing:border-box;
    padding:40px;
  }

  .top { 
    top: 0px;  
  }

  .middle { 
    top: 50%;
    transform: translateY(-50%);
  }

  .bottom { 
    bottom: 0; 
  }

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

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

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

  .grid-item img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    height: auto;
  }

  .large-12.homepage-block{
/*     min-height:650px; */
  }


  /**************************************************************
  ## Page
  **************************************************************/

  .template-page .main-content .single-column.row {
    max-width: 1170px;
    margin: 0 auto;
  }

  .template-page td div {
    width: 3em;
  }

  .template-page td {
    width: 3em;
    padding: 50px;
  }

  .page-press.template-page td {
    padding: 70px 50px;
  }

  .page-faq td {
    vertical-align: top !important;
  }

  /**************************************************************
  ## Press
  **************************************************************/
.template-page p {
    max-width: 760px;
    margin: auto;
}

  /**************************************************************
  ## Article
  **************************************************************/

  .template-blog .side-bar, .template-article .side-bar {
    text-align: left;
  }

  /**************************************************************
  ## Product
  **************************************************************/

  .template-product article .page-title {
    line-height: 1.2;
    color: #462102!important;
/*     text-shadow: 2px 2px 1px rgba(242, 90, 29, 0.8); */
    text-transform: uppercase;
    font-size: 2.5em;
    margin-bottom: 0px;
  }

  .template-product .rte-content p, .template-product span {
    font-size: 16px; /*org 14px*/
  }

  .template-product .columns.previous-next.large-3 {
    float: right;
    padding: 0.75em 1.16667em 0.75em;
  }
  
  .template-product article.row {
    padding-bottom: 90px;
  }
  
/*   .template-product .similar-products.row {
    padding-top: 25px;
  } */
  
  .sold-out {
    max-width: 63px; /*Modified by JKH, max-width & max-height, both addition to original Aug-5-2019*/ 
    max-height: 63px;
    box-shadow: 5px 5px 0px 0px #FF8200;
  }

  .nyc_only { 
    max-width: 90px; /*Modified by JKH, max-width & max-height, both addition to original Aug-5-2019*/
    max-height: 90px;
    box-shadow: 5px 5px 0px 0px #9adbe8;
  }
  

  
  .sale { 
    max-width: 50px; /*Modified by JKH, Max width/height, both additon to original mw-67 mh-65px*/
    max-height: 50px;
    font-size: 15px !important; /*10px*/
    box-shadow: 4px 4px 0px 0px #9adbe8;
}
  
  .new_product {
    max-width: 63px;
    max-height: 63px;
    box-shadow: 5px 5px 0px 0px #9adbe8;
  }
  
  .Decaf { 
    box-shadow: 5px 5px 0px 0px #ffcd00;
  }
  
  .template-product img.brown {
    padding: 20px;
  }
  
  .coffee-formula {
    max-width: 260px;
}
  
  .similar-products .title {
    padding-left: 15px;
}
  /**************************************************************
  ##Collection
  **************************************************************/

  .collection-title{
    text-align: center;
    text-transform: uppercase;
  }

   .template-collection .description {
    max-width: 700px;
    left: 0;
    right: 0;
    float: none;
    text-align: left;
    font-size: 17px;
    line-height: 19px; /*org 19px*/
    margin: 14px auto 24px auto !important;
  }

  .single-product-content {
    padding: 40px; /*org 40px*/
  }

  .top-section img {
    width: 100%;
  }

  .template-collection h1.title {
    line-height: 1.2; /*org 1.2*/
    color: #462102!important;
/*     text-shadow: 2px 2px 1px rgba(242, 90, 29, 0.8); */
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 0px;
  }

  .template-collection .product-grid .price {
    display: none; /*org 'inline-block;'*/
    margin-top: 7px;
    font-size: 1.2em; /*org 1.2em*/
    background-color: #FBF8F5;
    padding: 5px 10px;
    color: #ff8200;
    border: dashed 1px #ff8200;
  }


  .template-collection .single-product-content p.price {
    font-size: 30px; /*org 30px*/
    margin-bottom: 0px;
  }


  .template-collection .single-product-content .add-to-cart {
    display: inline-block;
  }

  .template-collection .single-product-content .quantity {
    display: inline-block;    
    width: 49%;
  }

  .template-collection .single-product-content .button {
    width: 100%;
  }

  .template-collection .breadcrumbs {
    padding-bottom: 15px;
  }
  
    .template-collection .main-content .description p {
	font-size: 17px;
    line-height: 30px; /*org 30px*/
    text-indent: 2.5em;
    font-family: "clarendon-urw" !important;
    font-weight: 100;
    margin-bottom: 0px;
    padding: 15px; /*org 15px*/
  }
  
  .template-collection div.row.top-section div.columns.large-5 img {
  	padding: 0 80px; 
  }
  
  .template-collection article.description.columns {
	padding: 0 20px;
    background-color: #FBF8F5;
    padding: 5px 10px;
    border: dashed 1px #ff8200;
    margin-top: 30px !important;
  }
  
  .template-collection .description {
    max-width: 100%;
  }
  
  /**************************************************************
  ## Recipe
  **************************************************************/

  .template-collection .page-recipes .product-grid .product-item {
    padding: 0 10px;
  } 

  .template-collection .recipe-logo {
    font-size: 3em; 
    margin-bottom: 0px;
  }

  .template-collection .no-1 {
    float: left;
    clear: both;
  }
  .template-collection .no-2 {
    float: right !important;
  }

  .template-collection .one-hundred .image-wrapper, .one-hundred img {
    width: 100%;
  }


  .template-collection .recipe-top-1, .recipe-bottom-1 {
    float: right;
    padding: 0 20px;
  }

  .template-collection .recipe-top-2, .recipe-bottom-2 {
    float: left;
    padding: 0 20px;
  }
  
  .template-product .previous-next.row [class*="column"] + [class*="column"]:last-child {
    float: right
  }
  
    .previous-next.row {
    margin: 25px 0;
  }

  .gif-ingredient {
    margin-bottom: 25px;
  }

  .gif-ingredient img {
    width: 100%;
  }

  .recipe-text {
    margin: 15px 20px !important;
  }

  .template-product .similar-products .product-item {
    margin-bottom: 15px;
  }

  h1.recipe-page-title {
    margin-bottom: 10px !important; 
  }

  .recipe-title {
    font-family: "clarendon-urw";
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
  }

  section.similar-products.row {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  section.similar-products.row .image-wrapper.large-3 {
    float: left;
  }

  .recipe-feature-image {
    padding: 0px;
  }

  .template-product article {
    padding-top: 5px;
  }
  
  .recipe-tags {
    display: inline-block;
  }
  
  .template-product .similar-products {
    text-align: left;
  }
  
  .tag-container {
      text-align: center;
  }
  .previous-next {
    font-size: 16px;
  }
  
  .product-grid .image-wrapper img {
    width: 100%;
     max-width: none;
}
  .product-grid .image-wrapper {
     width: 100%;
     max-width: none;
}
  
  .prev-next-bar .row{
  padding: 0px 20px;
  }
  
/*   .product-grid .image-wrapper{
      width: 100%;
  }
  
  .product-grid .image-wrapper img{
  max-width: none;
    width: 100%;
    
  } */
  
  
  .template-product .photos-s .container, .template-product .photos-s .container img{
  width: 100%;
    max-width: none;
  }
  
  .product-recipe .related-recipe {
    width: 50%;
}
  
  .related-recipe p.title {
    line-height: 18px;
    padding: 10px 0px;
}
  
  
  .related-recipe.image-wrapper {
min-height:150px;
}
  
  /**************************************************************
  ## Information
  **************************************************************/
  
  .page-information.template-page .row.brown {
    padding: 40px 40px !important;
    margin-bottom: 40px;
    box-sizing: border-box;
  }

  .page-information.template-page p.ten-reasons {
        font-size: 30px;
    font-weight: 500;
    border: 1px solid #FFCD00;
    padding: 50px 18px;
    float: none;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    max-width: none;
  }
  
  
  .page-information.template-page .nutritional {
    font-size: 25px;
    font-weight: 500;
    border: 1px solid #FFCD00;
    padding: 20px;
    float: left;
    line-height: 1.2;
    text-align: center;
    width: 100%;
  }

  .page-information.template-page .reasons-header {
    display: inline-block;
    background: #FFAC00;
    color: #562700;
    font-size: 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    font-family: google, 'Lato', sans-serif!important;
    font-family: futura-pt!important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2em;
    padding-left: 2em;
    text-transform: uppercase;
    border: 0;
    letter-spacing: 1px;
    margin: 0;
    position: relative;
    text-decoration: none;  
  }

  .page-information.template-page .info-text {
    font-size: 30px;
    text-align: center;
    padding: 40px;
    line-height: 1.5;
    border: 1px solid #FFCD00;
  }
  
  .page-information.template-page .one-two-three {
    padding: 25px;
    border: 1px solid #FFCD00;
  }
  
  .page-information.template-page .step-1,
  .page-information.template-page .step-3 {
    border-right: 1px dashed #9adbe8;
  }
  
  .page-information.template-page .instructions .row:nth-child(2) {
    border-top: 1px solid #9adbe8;
    border-bottom: 1px solid #9adbe8;
  }
  
  .page-information.template-page .instructions .row:nth-child(3) {
    margin-bottom: 20px;
  }
  
  .instructions {
    max-width: 900px;
    margin: 50px auto;
}
  
  .instructions .columns  img{
  padding:20px;
  }
  
  .page-information .main-content {
    padding-top: 180px;
}

  img.nutritionalimg {
    margin: auto;
    width: 230px;
    left: 0;
    right: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  .nutritionacol{
       width: 30%;
    text-align: right;
    display:inline-block;
}
  
  
  .ten-reasons-box {
    width: 60%;
    display: inline-block;
}
  
  /**************************************************************
  ## Footer
  **************************************************************/
  
  
  .brew-it-yourself td, .brew-it-yourself th {
    padding: 20px;
  }
  .brew-it-yourself tr:nth-child(2) {
    border-bottom: 1px solid #9adbe8;
  }

  .brew-it-yourself th:nth-child(1), .brew-it-yourself td:nth-child(1) {
    border-right: 1px dashed #9adbe8;
  }

  .brew-it-yourself th:nth-child(3), .brew-it-yourself td:nth-child(3) {
    border-left: 1px dashed #9adbe8;
  }
  
  
  
  /**************************************************************
  ## Footer
  **************************************************************/

  .main-footer {
    padding: 40px 0 40px 0;
  }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
    .page-information.template-page .row.top-section.brown, 
    .page-information.template-page .row.bottom-section.brown {
      padding: 40px 10% !important;
    }
    .brew-it-yourself th, 
    .brew-it-yourself tr, 
    .brew-it-yourself td,
    .brew-it-yourself th:nth-child(1), 
    .brew-it-yourself td:nth-child(1) {
      border-left: none;
      border-right: none;
    }
    
    table.brew-it-yourself tbody tr:nth-of-type(even) {
      border-bottom: 1px solid #9adbe8;
    }
    
    table.brew-it-yourself tbody tr:last-of-type {
      border: none;
    }
    
    .main-header .top.row {
      padding-top: 13px;
    }
  }

@media only screen and (max-width: 767px){
  
  .columns.large-2.right-nav-pop,
  .columns.large-6.medium-8.menu-container,
  .columns.large-3.medium-2.second-logo,
  .columns.large-3.medium-2.cart-container {
    display: none !important; /*display: none !important;*/
  }
  

  
  .main-header h1.title img {
    max-width: 100%; /*org 100%*/
    max-height: 100px; /*org 100px*/
    margin-bottom: 0px;
  }
  
  .nav-subscribe-icon-mobile {
    width: 30px;
  }
  
  .nav-subscribe-mobile {
    opacity: 1;
    background-color: white;
    display: none;
    padding: 0 10px;
  }
  
  .main-header .mobile-menu .nav-item a {
    font-size: 20px;
    padding: 8px 15px;
  }
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
  /* Force table to not be like tables anymore */
  .template-page table, thead, tbody, th, td, tr { 
    /*display: block !important; /*display: block !important - jkh - commented out Jul 28*/
    text-align: center;
  }
  .template-page td { 
    /* Behave  like a "row" */
    position: relative !important; 
  }
  .template-page td {
    width: inherit;
    padding: 10px;
  }
  .template-page td:before { 
    /* Now like a table header */
    position: absolute !important;
    /* Top/left values mimic padding */
    top: 6px !important;
    left: 6px !important;
    width: 45% !important; 
    padding-right: 10px !important; 
    white-space: nowrap !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1300px) { 

  .medium-1 { position: relative; width: 8.33333%!important; }
  .medium-2 { position: relative; width: 16.66667%!important; }
  .medium-3 { position: relative; width: 25%!important; }
  .medium-4 { position: relative; width: 33.33333%!important; }
  .medium-5 { position: relative; width: 41.66667%!important; }
  .medium-6 { position: relative; width: 50%!important; }
  .medium-7 { position: relative; width: 58.33333%!important; }
  .medium-8 { position: relative; width: 66.66667%!important; }
  .medium-9 { position: relative; width: 75%!important; }
  .medium-10 { position: relative; width: 83.33333%!important; }
  .medium-11 { position: relative; width: 91.66667%!important; }
  .medium-12 { position: relative; width: 100%!important; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: none; } 
}