/*
 * Theme Name: ZoneStrap
 * Theme URI: https://www.topzonemedia.com/zonestrap
 * Author: TopZone Media Group
 * Author URI: https://www.topzonemedia.com
 * Description: A mobile-first, responsive WordPress theme by TopZone Media.
 * Version: 1.0
 * License: GNU General Public License v3 or later
 * License URI: https://www.gnu.org/licenses/gpl.html
 * Tags: two-columns, right-sidebar
 * Text Domain: ZoneStrap
 */
/*
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License, version 2, as
 * published by the Free Software Foundation.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
 */
/* Mobile First CSS - look at responsive.css for the media queries */
/* This adds padding to accommodate for the TopZone Toolbar */
body {
  padding-bottom: 56px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.4em;
  color: #000000;
  line-height: 1.3
}

.alignright {
  float: right;
  margin: 1em 0 1em 1em;
  max-width: 100%;
  height: 100%
}

.alignleft {
  float: left;
  margin: 0 2em 1em 0;
  max-width: 100%;
  height: 100%
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: 100%
}

.alignnone.size-full {
  max-width: 100%;
  height: 100%
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  color: #000
}

h1 {
  font-size: 2.25em;
  font-weight: 700
}

strong, a {
  color: #810028
}

a.producttitlelink:link, a.producttitlelink:active, a.producttitlelink:visited, a.producttitlelink:hover, a:visited, a:link {
  font-family: 'Roboto', sans-serif;
}

.no-padding {
  padding: 0px
}

.margint20 {
  margin-top: 20px
}

.btn-brown {
  background: #810028;
  color: #fff;
  border: 0px;
  padding: 7px 30px;
  border-radius: 25px;
  font-size: 1.375em;
  transition: all 0.5s ease;
  font-family: 'Athelas';
  text-transform: uppercase;
}

.btn-brown:hover {
  background: #161a1c;
  color: #fff
}

/*.btn-default{background: transparent; font-weight: 700; color: #fff;padding: 7px 40px;border-radius: 20px;font-size: 1.6em;transition: all 0.5s ease;text-transform: uppercase;
border: 3px solid #fff}
.btn-default:hover{background: #43679E; color: #fff}*/
/* TopZone Toolbar */
.btn-primary {
  background-color: #810028;
  border-color: #810028;
}

.btn-primary:hover {
  background-color: #810028EF;
  border-color: #810028EF;
}

.mb20 {
  margin-bottom: 20px;
}

/***************************************************
T O P   B A R    C S S
***************************************************/
#topbar {
  background: #000;
  padding: 15px 0px;
}

#topbar img {
  width: 100%
}

#topbar .secondary-menu {
  list-style: none;
  text-align: right;
  margin-top: 40px
}

#topbar .secondary-menu li {
  display: inline-block;
  position: relative;
  padding: 0px 15px
}

#topbar .secondary-menu li a::before {
  font-family: FontAwesome;
  font-style: normal;
  color: #fff;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 1.5em;
  left: 58px;
  top: -35px;
}

#topbar .secondary-menu .my-account a::before {
  content: "\f007";
}

#topbar .secondary-menu .check-out a::before {
  content: "\f07a";
  left: 50px;
}

#topbar .secondary-menu .catalog a::before {
  content: "\f02d";
  left: 50px;
}

#topbar .secondary-menu .phone-no a::before {
  content: "\f095";
}

#topbar .secondary-menu li a {
  font-family: 'Roboto', sans-serif;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.225em;
  font-weight: 500;
  text-decoration: none;
}

/* This puts the Primary Navigation in the TopZone Toolbar */
#primaryNavigation {
  bottom: 0;
  width: 100%;
  margin: 0;
  z-index: 999;
  left: 0;
}

#primaryNavigation .phone-info {
  background: #f5d81c
}

/* This puts the collapsable menus in the Primary Navigation to the TopZone Toolbar */
#header {
  background: #810028;
}

#header .navbar-nav {
  text-align: center;
}

#header .navbar-default {
  min-height: 45px;
  background: transparent;
  border: 0px;
  border-radius: 0px;
}

#header .navbar-default .navbar-nav {
  float: inherit;
  text-align: left;
}

#header .navbar-default .navbar-nav > li {
  float: inherit;
  display: inline-block;
  cursor: pointer;
}

#header .navbar-default .navbar-nav > li > a {
  padding: 20px;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 1.135em;
  transition: all 0.5s ease;
  font-weight: 500;
  letter-spacing: 0.7px;
  text-decoration: none;
}

#header .navbar-default .navbar-nav > li > a:hover {
  color: #43679E
}

#primaryNavigation .navbar-collapse, #socialDropup {
  position: absolute;
  bottom: 54px;
  width: 101%;
  background: #283890;
  border: none;
  text-align: center;
  border-bottom: 1px solid #fff
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: transparent
}

#primaryNavigation .dropdown-menu {
  text-align: center;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
  background: #810028
}

#navBarsBtn {
  border: none;
  height: 54px;
  margin-top: 6px !important;
  /* margin-left: 0px !important; */
}

#navBarsBtn:hover, #navBarsBtn:focus {
  background: none;
}

#navBars {
  font-size: 1.3em;
}

#mobileIcons {
  height: 54px;
  line-height: 58px;
  width: 100%;
}

#mobileIcons a {
  display: inline-block;
  margin: 0 1.2em;
  color: #000;
}

#socialDropup a {
  font-size: 1.7em;
  color: #000;
}

#socialDropup a .fa {
  margin: 1em;
}

#mobileIcons a:hover, #mobileIcons a:focus {
  text-decoration: none;
  color: #000;
}

#scroll {
  position: fixed;
  right: 50px;
  bottom: 50px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: #810028;
  display: none;
  border-radius: 25px
}

#scroll i {
  position: absolute;
  left: 14%;
  color: #fff;
  height: 20px;
  width: 20px;
  z-index: 9999;
  top: -12%;
  font-size: 3.5em;
  font-weight: 300
}

#scroll:hover {
  background-color: #fff
}

#scroll i:hover {
  color: #283890
}

.x1 {
  width: 20%;
  border-right: 1px solid #ddd;
  text-align: center;
}

.x1 a.btn-primary {
  background-color: transparent;
  border: none;
}

.x1 a.btn-primary:focus, .x1 a.btn-primary:hover {
  background-color: transparent;
  border: none;
}

i.fa.big-icon {
  font-size: 25px !important;
}

button.toggle-btn {
  width: 54px;
  margin-right: 15px !important;
}

.navbar-toggle {
  float: unset;
}

.ui-btn-inner {
  border: unset;
  padding: 0;
  display: block !important;
}

/**********************************************************
C A R T   I C O N   O V E R L A Y   C S S   S T Y L I N G
**********************************************************/
.item-counter-container {
  display: inline;
  position: relative;
  top: 0;
  right: 0;
}

.item-counter {
  color: #fff;
  background-color: #810028;
  border-radius: 50%;
  display: inline-block;
  line-height: 0;
}

.item-counter:before, .item-counter:after {
  content: '\200B';
  display: inline-block;
  line-height: 0px;
  padding-top: 50%;
  padding-bottom: 50%;
}

.item-counter:before {
  padding-left: 4px;
}

.item-counter:after {
  padding-right: 4px;
}

@media (min-width: 992px) {
  .item-counter-container {
    position: absolute;
    top: -137%;
    right: 15%;
    left: auto;
  }
}

/**********************************************************
P A G E   C S S   S T Y L I N G
**********************************************************/
.viewer__navbar .navbar-default {
  background: #000 !important
}

.home #content {
  background: #fff;
  padding: 90px 0px;
  text-align: center;
}

.home #content h1 {
  color: black
}

.home #content p:nth-word(1) {
  color: red;
  font-size: 3em
}

.home #content img {
  width: 100%;
  height: 100%
}

.home #content p {
  font-size: 1.135em;
  line-height: 1.7;
  color: #000;
}

#pageTemplate {
  padding: 20px 0px 40px
}

#pageTemplate header {
  margin-bottom: 20px;
  padding-bottom: 0px;
  margin-top: 10px;
  border-bottom: 1px solid #ccc
}

#pageTemplate header h1 {
  color: #414242;
  font-family: 'Athelas-Bold';
}

#pageTemplate .btn {
  margin-top: 10px;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

#pageTemplate h2 {
  color: #000;
  font-size: 1.775em;
}

#pageTemplate h3 {
  margin-top: 20px;
  margin-bottom: 20px
}

#pageTemplate .list-wines {
  border: 5px solid #810028;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

#pageTemplate ul {
  margin: 25px 0px
}

#pageTemplate ul li {
  padding-top: 2px;
  padding-bottom: 2px
}

.page-id-144 #pageTemplate iframe, .page-id-114 #pageTemplate iframe {
  border: 0px;
  width: 100%;
  height: 300px
}

.page-id-104 iframe {
  border: 0px;
  width: 100%;
  height: 350px
}

.page-id-179 iframe, .page-id-184 iframe {
  border: 0px;
  width: 100%;
  height: 750px
}

.single-post .blogTitle {
  color: #810028;
  margin-top: 0px
}

.table {
  background: #ccc;
  margin-top: 15px
}

#ships-to p {
  margin-bottom: 0;
}

.event-list {
  text-align: center
}

.event-list .alignleft {
  display: block;
  float: inherit !important;
  margin: 0px auto;
}

.newsletter .img-header {
  max-width: 176px;
}

.newsletter .small {
  font-size: 85%;
}

.newsletter p {
  font-size: 16px;
}

.newsletter hr {
  border-bottom: 4px solid #666;
}

.mt15px {
  margin-top: 15px;
}

.mt30px {
  margin-top: 30px;
}

.font-weight-bold {
  font-weight: bold;
}

.well {
  background-color: #dddddd;
  border-radius: 0;
}

.bgc-white {
  background-color: #fff;
}

#main {
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.prodinfo td.plaintextbold > table {
  margin-top: 10px;
}

.prodinfo .plaintextbold td.plaintextbold {
  padding-right: 10px;
  font-weight: 500;
  width: 170px;
}

.prodinfo .plaintextbold td.plaintextbold:after {
  content: ":";
  margin-left: -0.2em;
}

/************************************************************
B L O G    C S S    S T Y L I N G
************************************************************/
.post-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
  clear: both;
}

.post-categories li {
  display: inline-block;
  margin: 1em 1em 1em 0;
}

.post-categories li a {
  background: #ccc;
  padding: 0.7em 1.3em;
  color: #000;
  text-decoration: none;
}

#blogTemplate {
  padding: 35px 0px 40px
}

#blogTemplate .blogTime i {
  padding-right: 5px
}

#blogTemplate article {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 40px
}

#blogTemplate article .btn-brown {
  padding: 2px 15px;
  font-size: 1.2em;
}

#blogTemplate .thumbnail-blog {
  margin-right: 10px;
  margin-bottom: 10px
}

/************************************************************
S L I D E R    C S S    S T Y L I N G
************************************************************/
#slider-home {
  background: #f5f5f5;
  padding: 0px
}

#carousel-custom, #tesimonial {
  position: relative;
}

#slider-home .carousel-control {
  background: none;
  color: #CACACA;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}

#slider-home .carousel-control.left {
  z-index: 999;
  opacity: 1;
  top: 35%;
}

#slider-home .carousel-control.right {
  z-index: 999;
  opacity: 1;
  top: 35%;
}

#slider-home .carousel-indicators {
  left: 3px !important;
  right: 0px !important
}

#slider-home .carousel-indicators li {
  background-color: #000;
  border: 2px solid #FFF;
}

#slider-home .carousel-indicators {
  position: absolute;
  bottom: 40px;
  left: 47%;
  z-index: 15;
  width: 100px !important;
  padding-left: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
  list-style: none;
}

#slider-home .carousel-indicators .active {
  background-color: #f5d81c;
  border: 2px solid #fff;
}

#slider-home .carousel-inner .item {
  height: 700px
}

.masthead {
  position: absolute;
  z-index: 9999;
  top: 0;
  width: 100%;
  margin-top: 10%;
  padding: 20px;
  text-align: center;
}

.masthead h2 {
  text-transform: capitalize;
  color: #000;
  font-size: 6.755em;
  font-family: 'SnellRoundhand';
  margin-bottom: 0px;
  line-height: 0.7;
}

.masthead h3 {
  font-family: 'Athelas';
  color: #810028;
  font-size: 6em;
  margin-top: 0px;
}

.masthead p {
  color: #2c3136;
  font-size: 1em;
  line-height: 1.3;
  font-family: 'Athelas';
}

.masthead .btn {
  margin-top: 20px
}

#post-394 .masthead .slide-box {
  background: rgba(255, 255, 255, 0.8);
  padding: 25px 10px;
}

/************************************************************
T A S T E F U L    P R O D U C T    C S S    S T Y L I N G
************************************************************/
.tasteful-product {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

.tasteful-product img {
  width: 100%;
  height: 100%
}

.tasteful-product h2, .gift-basket h2 , #testimonial h2 {
  text-transform: capitalize;
  color: #000;
  font-size: 3.9em;
  font-family: 'SnellRoundhand';
  margin-bottom: 20px;
  line-height: 0.7;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 35px
}

.tasteful-product span, .gift-basket span, #testimonial span {
  font-family: 'Athelas';
  color: #810028;
  font-size: 0.8em;
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

.tasteful-product p, .gift-basket p {
  font-size: 1.135em;
  color: #000;
  line-height: 1.7;
  margin-bottom: 40px
}

.tasteful-product p strong {
  font-style: italic;
}

.tasteful-product a {
  color: #810028;
  text-transform: uppercase;
  border-bottom: 2px solid #810028;
  font-size: 1.7em;
  font-family: 'Athelas';
  margin-top: 30px
}

/************************************************************
G I F T    B O X    C S S    S T Y L I N G
************************************************************/
.gift-basket {
  padding: 90px 0px 60px;
  background: url(images/giftbg.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.gift-basket h2, .gift-basket span, .gift-basket p {
  color: #fff
}

/************************************************************
A W A R D   W I N N I N G    C S S    S T Y L I N G
************************************************************/
.award-winning {
  background: url(images/awardwinningbg.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding: 30px 0px !important
}

.award-winning .thumb, .gift-basket .thumb {
  width: 100%;
  position: relative;
  top: 90px;
}

/************************************************************
T E S T T M O N I A L   C S S    S T Y L I N G
***********************************************************/
#testimonial {
  padding: 40px 0px 80px;
  text-align: center;
  overflow-x: hidden;
  height: 470px;
  overflow-y: hidden
}

#testimonial .sub-title {
  color: #717171;
  font-size: 1.1em;
  line-height: 1.3;
}

#testimonial-carousel {
  height: 400px;
  text-align: center;
}

#testimonial .carousel-inner p {
  color: #000;
  line-height: 1.5;
  margin-bottom: 25px;
}

#testimonial .carousel-inner .item h3 {
  color: #800525;
  font-family: 'Athelas';
  font-size: 1.5em;
}

#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 18px;
}

#quote-carousel .carousel-control {
  background: none;
  color: #CACACA;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}

#quote-carousel .carousel-control.left {
  left: -70px;
  z-index: 999;
  opacity: 1;
}

#quote-carousel .carousel-control.right {
  right: -70px;
  z-index: 999;
  opacity: 1;
}

#quote-carousel .carousel-control i {
  background: #fff;
  border-radius: 35px;
  color: #4e4e40;
  line-height: 1.57;
  font-size: 1.375em;
}

#quote-carousel .fa-chevron-left::before {
  left: -1px !important;
  position: relative;
}

#quote-carousel .carousel-control .fa-angle-left:before {
  position: relative;
  left: -1px;
  top: -1px
}

#quote-carousel .carousel-control .fa-angle-right:before {
  position: relative;
  right: -1px;
  top: -1px
}

/**********************************************************
S I D E B A R    C S S     S T Y L E
**********************************************************/
#sidebar .widget {
  margin-bottom: 20px
}

#sidebar .widget-title {
  background: #810028;
  color: #fff;
  padding: 10px 10px;
  text-transform: uppercase;
  font-size: 1.575em;
  margin-top: 0
}

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

#sidebar .widget ul {
  padding-left: 12px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background: #810028;
  border-color: rgb(207,1,57)
}

.pagination > li > a, .pagination > li > span {
  color: rgb(207,1,57)
}

/**********************************************************
 G A L L A R Y    C S S     S T Y L E
**********************************************************/
#gallery .fullsize {
  width: 100%;
  height: 100%
}

/**********************************************************
S U B S C R I B E D    C S S     S T Y L E
**********************************************************/
#subscribe {
  background: #640f2c;
  color: #fff;
  padding: 20px 0px;
}

#subscribe h2 {
  font-family: 'Athelas-Bold';
  color: #fff;
  font-size: 2.755em;
  margin-bottom: 5px;
}

#subscribe #search-input {
  margin-top: 20px
}

#subscribe .search-query {
  border: 1px solid #fff;
  border-radius: 0px;
  border-right: 0px;
  height: 60px;
  background: #640f2c;
  padding-left: 20px;
  text-transform: uppercase;
  color: #fff;
}

#subscribe .btn.btn-danger {
  background: #640f2c;
  border-left: 0px !important;
  border: 1px solid #fff;
  border-radius: 0px;
  height: 60px;
}

#subscribe .btn.btn-danger i {
  font-size: 2.7em
}

/**********************************************************
C O N T A C T    C S S     S T Y L E
**********************************************************/
::-webkit-input-placeholder {
  color: #fff;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

/**********************************************************
A C C O R D I O N     C S S     S T Y L E
**********************************************************/
#accordion.panel-group .panel {
  border-radius: 0px;
  border-bottom: 3px solid #810028;
}

#accordion.panel-group .panel-heading {
  background: rgba(246,229,187,0.4);
  color: #810028;
}

#accordion.panel-group .panel a {
  display: block;
  text-decoration: none
}

/**********************************************************
A R C H I V E S     C S S     S T Y L E
**********************************************************/
.campaign {
  text-align: center;
}

.campaign a {
  font-size: 1.4em !important;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif;
}

p:empty {
  display: none;
}

/**********************************************************
F O O T E R    C S S     S T Y L E
**********************************************************/
#footer {
  background: #2c3136;
  color: #b9b9b9;
  padding: 40px 0px 20px;
  margin-top: 40px;
}

#footer .footer-left {
  text-align: center;
  margin-top: 25px
}

#footer .footer-left img {
  width: 80px
}

#footer .footer-left h3 {
  color: #84888d;
  font-family: 'Athelas';
  margin-top: 5px;
  font-size: 1em;
  text-transform: uppercase;
  margin-bottom: 50px;
}

#footer .textwidget {
  font-size: 1.235em;
  line-height: 1.5;
  color: #fff
}

#footer .widget-title {
  color: #fff;
  font-size: 1.7em;
  margin-bottom: 20px;
  font-family: 'Athelas';
}

#footer .menu {
  list-style: none;
  padding-left: 0px
}

#footer .menu li {
  display: block;
  padding-bottom: 8px;
}

#footer .menu a {
  color: #84888d;
  font-size: 0.9em;
}

#footer .footer-middle ul, #footer .footer-middle ul ul, #footer .footer-middle ul li {
  padding-left: 0px
}

#footer .footer-middle ul ul li a {
  display: inherit !important;
}

#footer .footer-right img {
  width: 100%;
  height: 100%
}

#footer .footer-right h4 {
  margin-top: 0px;
  color: #fff;
  font-size: 1em;
  margin-bottom: 2px;
}

#footer .footer-right p {
  color: #84888d;
  font-size: 0.8em;
  line-height: 1.2;
  margin-bottom: 25px;
}

#footer .navbar-default {
  background: transparent;
  border: 0px;
  border-radius: 0px
}

#bottom .social-footer {
  list-style: none;
  padding-left: 0px;
  margin-top: 0px;
  text-align: center;
  margin-bottom: 0px
}

#bottom .social-footer li {
  display: inline-block;
}

#bottom .social-footer a, #slot-box .shop-now .social a {
  display: inline-block;
  text-align: center;
  background: transparent;
  margin-right: 2px;
  width: 25px;
  height: 25px;
  border: 1px solid #84888d;
  padding: 3px 0px;
}

#bottom .social-footer a i, #slot-box .shop-now .social a i {
  font-size: 1.275em;
  line-height: 1.4;
  color: #84888d;
}

#bottom .social-footer a:hover, #slot-box .shop-now .social a:hover {
  transition: all 0.5s ease;
  background: #EE2427;
  color: #fff
}

#bottom .social-footer i:hover {
  color: #fff
}

#bottom {
  background: #161a1c;
  text-align: center;
  padding: 15px 0px 0px;
  color: #84888d;
  font-size: 0.8em;
  padding-bottom: 7px
}

#bottom a {
  color: #84888d
}

#bottom span {
  color: rgb(147,201,64);
  font-weight: 800
}

#bottom .copyright {
  padding-bottom: 15px;
  padding-top: 5px;
}

.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {
  height: 300px !important
}

@media(min-width: 1300px) {
  .tasteful-product p {
    padding-left: 30px;
    padding-right: 30px
  }

  .gift-basket p {
    padding-left: 75px;
    padding-right: 75px
  }

  #testimonial .carousel-inner p {
    padding-left: 90px;
    padding-right: 90px;
  }

  #footer .footer-left .widget {
    padding-right: 70px
  }
}

@media(max-width: 1220px) {
  .container {
    width: 100%
  }
}

@media(max-width: 1300px) {
  #slider-home .carousel-inner .item {
    height: 550px
  }
}

@media ( max-width : 990px) {
  .container {
    width: 100% !important
  }

  .page-id-120 .btn.btn-brown {
    font-size: 1em
  }

  /* Start Changes AJM - 10/06/2017 */
  #header #topzone-nav .navbar-default .navbar-nav > li > a {
    padding: 12px 0 !important;
    border-bottom: 2px solid #800028;
  }

  #header #topzone-nav .navbar-default .navbar-nav > li:last-child > a {
    border-bottom: none;
  }

  #header #topzone-nav .navbar-default .navbar-nav {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  #primaryNavigation .navbar-collapse {
    border-bottom: 0;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    padding: 12px 0 !important;
    border-bottom: 1px solid #78909C;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-nav .open .dropdown-menu > li:last-child > a {
    border-bottom: 0;
  }

  li[id*="menu-item"].menu-item ul.dropdown-menu {
    padding-top: 0;
    background-color: #E0E0E0;
    padding-bottom: 0;
    transition: all 0.5s ease;
  }

  #topzone-navbar-0 {
    max-height: 70vh;
    overflow: scroll;
  }

  /* End Changes AJM - 10/06/2017 */
}

@media(max-width: 1020px) {
  #primaryNavigation {
    position: fixed !important;
    background: #810028 !important;
    border: 0px !important
  }

  .navbar-collapse.collapse {
    display: none !important
  }

  #header .navbar-default .navbar-nav {
    text-align: center !important;
    padding: 10px 0px
  }

  #header .navbar-default .navbar-nav > li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 1em !important;
    color: #000 !important;
    padding: 5px 0px !important;
  }

  .navbar-header {
    float: right !important;
    width: 100%
  }

  #primaryNavigation .navbar-collapse, #socialDropup {
    background: #f0efef
  }

  .navbar-toggle, #mobileIcons, .visible-mobile, .navbar-collapse.collapse.in {
    display: inherit !important;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 12px;
    font-size: 1em;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #navBarsBtn i:before, #mobileIcons i {
    color: #fff !important
  }

  #mobileIcons {
    float: left !important
  }

  .navbar-nav > li {
    display: block !important;
    float: inherit !important
  }

  .navbar-nav {
    float: inherit !important
  }

  #socialDropup a {
    color: #fff !important
  }

  #socialDropup a .fa {
    color: #000
  }

  #slider-home {
    display: none
  }

  #quote-carousel .carousel-control {
    z-index: 99 !important
  }
}

@media(min-width: 1020px) {
  #topbar img {
    width: 210px
  }

  #primaryNavigation .navbar-collapse {
    border: 0px !important;
  }

  .navbar-header {
    display: none !important
  }

  .home #content .alignleft {
    padding-right: 30px
  }

  .home #content .alignright {
    padding-left: 30px
  }

  .text-alignr {
    text-align: right
  }

  .home #content h3 {
    margin-left: 200px;
    margin-right: 200px
  }
}

@media(min-width: 768px) and (max-width: 1020px) {
}

@media ( max-width : 768px) {
  #topbar, #topbar .col-sm-8 {
    text-align: center !important;
  }

  #topbar img {
    width: 250px
  }

  #topbar .secondary-menu ul {
    text-align: center;
  }

  .home #content img {
    width: 220px;
    height: inherit;
    float: inherit;
  }

  .home #content .col-sm-3 {
    text-align: center;
  }

  .home #content .alignright, .home #content .alignleft {
    margin-left: 0px;
    margin-right: 0px
  }

  .alignright, .alignleft, .aligncenter {
    max-width: 100%;
    height: 100%
  }

  ol, ul {
    padding-left: 15px
  }

  #pageTemplate {
    padding: 0px 0px 30px
  }

  #footer {
    display: none;
  }

  #footer .social-footer ul {
    margin-top: 0px
  }

  #socialDropup a .fa {
    margin: 1em 0.3em;
    font-size: 0.8em;
  }

  #testimonial .carousel-inner p {
    line-height: 1.3;
    font-size: 0.9em
  }

  #scroll {
    right: 5px !important;
    bottom: 60px !important;
    width: 40px;
    height: 40px;
  }

  #scroll i {
    left: 10%;
    top: -25%;
    font-size: 3.5em;
  }

  .talignright, #topbar {
    text-align: center;
  }

  .page-id-107 #pageTemplate .btn {
    font-size: 1em;
  }
}

@media ( max-width : 528px) {
  #mobileIcons a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  #testimonial {
    height: 500px
  }

  #topbar .secondary-menu li {
    display: block;
  }

  #topbar .secondary-menu li a::before {
    font-size: 1.1em;
    left: 13%;
    top: 0px;
  }

  #topbar .secondary-menu .check-out a::before {
    left: 12%;
  }

  #topbar .secondary-menu li {
    padding-top: 3px;
    padding-bottom: 3px
  }

  #topbar .secondary-menu {
    margin-top: 10px
  }

  .page-id-107 #pageTemplate .btn {
    font-size: 0.7em;
  }

  .tasteful-product span, .gift-basket span, #testimonial span {
    font-size: 0.8em
  }
}

/**********************************************************
S T O R E    C S S     S T Y L E
**********************************************************/
.homepage .product-image img {
  max-width: 200px;
}

.prodlistimg {
  max-width: 95%;
  display: block;
}

h1 {
  font-family: 'Open Sans', sans-serif, serif;
  font-size: 22px;
  color: #800028;
  margin: 0 0 25px;
  font-weight: 600;
}

#main {
  font-family: 'Open Sans', sans-serif, serif;
}

.proddesc {
  font-family: 'Roboto', sans-serif, serif;
}

/* Labels before Dropdown boxes */
.select-box-label .plaintextbold {
  width: 90px;
}

/* Description Tab */
.tab td {
  border-left: 1px solid #cdcdcd;
  border-top: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  background-color: transparent;
  color: #666;
  width: 160px;
  display: block;
  padding: 10px 10px 0;
  box-sizing: border-box;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 12px solid white;
  position: relative;
  z-index: 200;
}

/* bottom line of description tab */
.tab-bottom td {
  border-top: 1px solid #cdcdcd;
  border-radius: 4px;
  display: block;
  z-index: 199;
  margin-top: -5px;
}

.tab-recent td {
  width: 200px;
}

/* Price */
.prodinfo .ProductPrice, .prodinfo .price td {
  font-size: 150%;
}

img[src*="noimage"] {
  content: url('images/noimage.svg');
}

.prodlistimg {
  max-height: 140px;
}

.x1:first-child {
  padding-right: 0;
}

.x1:last-child {
  padding-left: 0;
}

.contains_options, .contains_textbox {
  width: 75%;
}

.contains_options select,
.contains_textbox input {
  width: 100%;
}

table { width: 100%; overflow-y: hidden; }

.custinfo input[type="text"],
.custinfo input[type="password"],
.custinfo select {
  width: 95%;
}