.cc-wineclub-status { border: 2px solid #000000; float: left; width: 98%; margin: 10px 0 10px 0; padding: 0.5% 1%; }
.cc-wineclub-status .cc-wine-pack { float: left; width: 32%; opacity: 0.5; padding-left: 10px; }
.cc-counter-wrapper { overflow: hidden; }
.cc-counter-desc { float: left; }
.cc-counter-counter { float: right; display: flex; }
.cc-counter-wrapper input { border: 4px solid #000000; text-align: center; background: #fff; padding: 10px 0; line-height: 1; max-width: 40px; box-sizing: border-box; margin: 0; }
.cc-counter-wrapper button, button.cc-continue-mob { border: 0; text-align: center; background: #000000; color: #ffffff !important; display: inline-block; line-height: 1; margin: 0; cursor: not-allowed; padding: 15px; box-sizing: border-box; opacity: .5; }
.cc-counter-wrapper button#clear,
.cc-counter-wrapper button.enabled, button.cc-continue-mob.enabled { opacity: 1.0; cursor: pointer; }
.cc-counter-wrapper button#clear { margin-right: 5px; }
.cc-counter-wrapper button:hover { background: #000000 !important; }

.cc-wine-list-wrapper { clear: both; margin: auto; height: auto; }
.cc-wine-list-wrapper .cc-wine-wrapper { float: left; width: 32%; height: 360px; position: relative; margin: 5px 1%; border: 1px solid #ddd; background: #ffffff; box-sizing: border-box; }
.cc-wine-list-wrapper .cc-wine-wrapper:nth-child(+3n) { margin-right: 0; }
.cc-wine-list-wrapper .cc-wine-wrapper:nth-child(3n+1) { clear: left; margin-left: 0; }
.cc-wine-list-wrapper .cc-wine-wrapper .image { height: 271px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-bottom: 20px; }
.cc-wine-list-wrapper .cc-wine-wrapper .title { text-align: center; font-weight: bold; height: auto; line-height: 1; padding: 0 10px; box-sizing: border-box; }
.cc-wine-list-wrapper .cc-wine-wrapper .qty {     position: absolute;     top: 20px; left: 20px; width: 30px; height: 30px; text-align: center; background: #000000; border-radius: 100%; color: #ffffff; padding-top: 4px; }
.cc-wine-list-wrapper .cc-wine-wrapper .price { text-align: center; }
.cc-wine-list-wrapper .cc-wine-wrapper .price .strikethrough { text-decoration: line-through !important; }
.cc-wine-list-wrapper .cc-wine-wrapper .controls { display: none; position: absolute; top: 150px; left: 69px; text-align: center; }
.cc-wine-list-wrapper .cc-wine-wrapper .controls .addremove,
.cc-wine-list-wrapper .cc-wine-wrapper .controls a.view.quick-view-button { width: 40px; height: 40px; background: #000000 !important; color: #ffffff !important; border: none !important; opacity: 0.5; float: left; margin: 2px; padding: 0 !important; }
.cc-wine-list-wrapper .cc-wine-wrapper .controls a.view.quick-view-button { display: block !important; float: left; }
.cc-wine-list-wrapper .cc-wine-wrapper .controls a.view.quick-view-button:hover,
.cc-wine-list-wrapper .cc-wine-wrapper .controls .addremove:hover { -webkit-transition: all 1s; transition: all 1s; opacity: 1; }
.cc-wine-list-wrapper .cc-wine-wrapper:hover > .controls,
.cc-wine-list-wrapper .cc-wine-wrapper:focus > .controls { display: block; }
.cc-wine-list-wrapper .cc-wine-wrapper:hover .image { opacity: 0.8; }

.quick-view-content .single_add_to_cart_button { background: black !important; }

.cc_select_months { cursor: pointer; }

.cc-mselect-wrapper { float: left; width: 40%; padding-left: 50px; position: relative; }
.cc-mselect-wrapper a::before { display: block; float: left; margin: 5px 20px; width: 10px; height: 10px; content: ' '; outline: 3px solid #5c5c5c !important; border-radius: none !important; background:transparent; border:0 }
.cc-mselect-wrapper a:hover::before { transition: all 1s; -webkit-transition: all 1s; outline-color: #b7b7b7 !important; }
.cc-mselect-wrapper a:hover::after { transition: content 1s; -webkit-transition: content 1s; position: absolute; top: -1px;     left: 70px; content: '\2713'; }
.cc-mselect-wrapper a.active::after { position: absolute; top: -1px;     left: 70px; content: '\2713'; }
.cc-tandc { clear: both; font-size: 10px !important; opacity: 0.5; margin-top: 60px !important; }

div.quick-view div.quick-view-image a.button, .woocommerce.quick-view .cart { display: none !important; }
.quick-view-content.entry-summary .price { font-size: 21px !important; font-weight: 600 !important; }
.quick-view-content.entry-summary .product_title { font-size: 17px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; padding-top: 20px !important; }
.quick-view-content.entry-summary p { font-size: 16px; font-style: normal; line-height: 26px; }
.woocommerce.quick-view div.quick-view-image img { width: 100% !important; height: auto !important; margin: 0 !important; }

.subscription-actions .cancel { display: none !important; }
.is-gift-button { color: #333 !important; border: 1px solid #ddd; padding: 12px 28px; text-transform: uppercase; line-height: 1; box-sizing: border-box; margin: 10px 0 !important; background: #fff !important; display: inline-block; }
.is-gift-button:hover, .is-gift-button.active, .wc-option.active .wc-option-desc , .wc-option:hover .wc-option-desc ,  .wc-option.active .wc-option-area , .wc-option:hover .wc-option-area , .wc-delivery.active > label ,.wc-delivery:hover > label { border-color: #525252 !important; background: #525252 !important; color: #fff !important; }
.is-gift-input { display: none; text-align: center; }
.is-gift-input input { height: 30px; width: 200px; text-align: center; }
.is-gift-input input[name=gift_num_renewals] { width: 50px !important; margin: 10px 0 0; }
.is-gift-input textarea { width: 100%; max-width: 320px; margin: 15px 0 0; height: 90px; padding: 5px; font-size: 14px; }

p.return-to-shop { display: inline-block; }

/****************************
 * New Club Style [PACKS]
 * **************************/

.cruclub-subscribe-wrapper { background: #262626 none repeat scroll 0 0; float: left; margin-right: 1.11%; width: 31.9%; }
.cruclub-subscribe-wrapper .details h2 { color: #ffffff !important; margin-top: 5px; font-size: 16px; padding: 24px 0 40px 0; } 
.cruclub-subscribe-wrapper .price,
.cruclub-subscribe-wrapper .details { background: #171717; width: 95%; margin: auto; margin-top: 2.5%; color: #ffffff; text-align: center; font-size: 12px; text-transform: uppercase; font-weight: 600; line-height: 35px; }
.cruclub-subscribe-wrapper .price { margin-top: 0 !important; padding-top: 25px; height: 70px; }
.cruclub-subscribe-wrapper:nth-of-type(5) { margin-right: 0; }
.cruclub-subscribe-button { margin: 25px auto !important; display: block !important; width: 40% !important; text-align: center !important; text-transform: uppercase; }
.cruclub-subscribe-wrapper .price .rrp-price,
.cruclub-subscribe-wrapper .price .member-price { display: block; width: 100%; }
.cruclub-subscribe-wrapper .price .member-price { color: #c6a07e; }

.wc-section { padding: 20px 0; }
.wc-section > h3 { text-align: center; font-size: 20px; text-transform: uppercase; margin: 20px 0 0; }
.wc-section p { text-align: center; font-size: 16px; color: #bebebe; }
.wc-options { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.wc-options .wc-option { padding: 0 5px; width: 33.33%; box-sizing: border-box; margin: 0 0 10px; }
.wc-option .wc-option-area .wc-option-desc { display: block; line-height: 1; cursor: pointer; text-align: center; text-transform: uppercase; font-weight: bold; font-size: : 18px; background: #fff; }
.wc-option .wc-option-area label { margin: 0; font-size: 19px; font-weight: 600; cursor: pointer; }
.wc-option .wc-option-area img { display: block; cursor: pointer; }
.wc-option .wc-option-area { padding: 10px; box-sizing: border-box; border: 1px solid #e8e8e8; }
.wc-option.active .wc-option-area, .wc-option:hover .wc-option-area { border-color: #333; }
.wc-option .wc-option-area div span { display: block; padding: 20px 0 10px; color: #c01537; }
.wc-option-area div ul {  margin: 0; padding: 0; display: none; }
.wc-option.active div ul { display: block; padding: 10px 0; }
.wc-option-area div li { margin: 0; color: #b8b8b8; font-weight: normal; text-transform: none; font-size: 14px; line-height: 1.2; list-style-type: none; text-transform: uppercase; margin: 5px 0 0; }

.wc-options-data { width: 73%; }

.wc-deliveries { overflow: hidden; margin: 10px 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
.wc-delivery { width: 40%; text-align: center; font-size: 15px; cursor: pointer; display: none; padding: 0 5px; box-sizing: border-box; margin: 0 0 10px !important; }
.wc-delivery.show { display: flex; }
.wc-delivery span { color: #ff0000; }
.wc-delivery.active {  color: #333; }
.wc-delivery label { cursor: pointer; font-weight: bold; padding: 10px 20px; border: 1px solid #e8e8e8; display: inline-block; text-transform: uppercase; width: 100%; box-sizing: border-box; }
.wc-delivery label:hover, .wc-delivery.active label { border-color: #000; }
.wc-delivery.active label { border-color: #333; background: #fff; }

.wc-data { position: fixed; bottom: 0; right: 0; transition: ease-in-out .3s; height: 100%; }
.wc-data-area { background: #fff; padding: 60px 20px 10px; width: 375px; box-sizing: border-box; box-shadow: -1px 1px 2px rgba(0,0,0,.3); height: 100%; overflow: auto; }
.wc-data-area h3 { text-align: center; margin: 10px 0 10px; line-height: 1; font-size: 18px; }
a.wc-buy-now, a.wc-switch-now { width: 250px; display: block; text-align: center; color: #fff !important; background: #e75200; padding: 15px 30px; font-size: 18px; font-weight: bold; margin: 0 auto; }
a.wc-buy-now:hover, a.wc-switch-now:hover, a.wc-buy-now:focus, a.wc-switch-now:focus { background: #333; }
.wc-data-pref, .wc-data-gift { text-align: center; }
.wc-data-pref h4, .wc-data-gift h4 { font-size: 14px; font-weight: normal; color: #999; margin: 0; }

.wc-wines-selected { display: none; }
.wc-wines-selected.active { display: block; margin: 30px 0 }
.wc-wines-selected h4 { font-size: 14px; font-weight: normal; color: #999; margin: 0; text-align: center; }
.wc-data-result { font-weight: bold; text-align: center; }
#wc-winemix .cc-wine-list-wrapper .cc-wine-wrapper .image { width: 100%; }
.wc-winemix-loader { font-size: 50px; text-align: center; }
#wc-winemix .cc-wine-list-wrapper .cc-wine-wrapper .controls { left: 50%; transform: translateX(-50%); width: 132px; }
.wc-wines-selected ul { padding: 0; overflow: hidden; }
.wc-wines-selected li { list-style: outside none none; margin: 0 0 10px; overflow: hidden; width: 50%; float: left; padding: 0 5px; text-align: center; box-sizing: border-box; }
.wc-wines-selected li h6 { line-height: 1.2; font-size: 15px; margin: 2px 0 0; }
.wc-wine-image { background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; border: 1px solid #ddd; display: block; height: 100px; margin: 0 auto; width: 100px; }
.wc-wines-btn > a { background: #e75200 none repeat scroll 0 0; color: #fff !important; display: block; font-size: 16px; font-weight: bold; padding: 10px; text-align: center; text-transform: uppercase; }
.wc-wines-btn > a:hover, .wc-wines-btn > a:focus { background: #333 none repeat scroll 0 0; }
.woocommerce-MyAccount-navigation li { display: block; text-align: left; }
.woocommerce-MyAccount-content > nav.woocommerce-MyAccount-navigation { display: none; }
.woocommerce-MyAccount-content .woocommerce-MyAccount-content.woocommerce_account_subscriptions { width: 100%; }
.wines-selected { width: 45%; float: left; margin: 0 0 30px; }
.wines-selected table tr td img { max-width: 60px; }
.wc-benefits { background: #ececec; padding: 10px; }
ul.subs-btns { padding:0; margin: 0; }
.woocommerce .order_details ul.subs-btns li { display: inline-block; margin: 0 5px 5px 0; padding: 0; font-size: 14px; float: none; }
.winemix_cruclub_area { text-align: left; }
button.cc-continue-mob { display: none; margin: 0 auto; }

@media only screen and (max-width: 1280px) {
  .cc-wine-list-wrapper .cc-wine-wrapper,
  .cc-wine-list-wrapper .cc-wine-wrapper.one,
  .cc-wine-list-wrapper .cc-wine-wrapper.three { width: 49% !important; margin: 5px auto 5px auto !important; }
  .cc-wine-list-wrapper .cc-wine-wrapper:nth-child(2n) { float: right;  }
  .cc-wine-list-wrapper .cc-wine-wrapper:nth-child(3n+1) { clear: none; }
  .cc-wine-list-wrapper .cc-wine-wrapper:nth-child(2n+1) { clear: left; }
  .cc-wine-list-wrapper .cc-wine-wrapper .image { margin: auto !important; }
}

/* --- 730px break point ----- */
@media only screen and (max-width: 730px) {
  .cc-wineclub-status .cc-wine-pack { width: 100%;  }
  .cc-mselect-wrapper { clear:both; width:100%; }
  .cc-wine-list-wrapper .cc-wine-wrapper,
  .cc-wine-list-wrapper .cc-wine-wrapper.one,
  .cc-wine-list-wrapper .cc-wine-wrapper.three { width: 100% !important; margin: 5px 0 !important float: none;  }
}


@media only screen and (max-width: 1200px) {
  .cruclub-subscribe-wrapper {
    width: 100%; 
    margin: 5% 0;
  }
  .wc-data-area { width: 300px; }
  .wc-options-data { width: 70%; }
}

@media only screen and (max-width: 960px) {
  .wc-data-area { display: none; }
  .wc-options-data { width: 100%; }
  .wc-option .wc-option-area label { font-size: 17px; }
  .wine_club_page .wpb_column.vc_column_container.vc_col-sm-8 {
    width: 100%; }
}

@media only screen and (max-width: 767px) {
  .wc-delivery label { font-size: 14px; }
  .wc-options, .wc-delivery.show { display: block; }
  .wc-options .wc-option, .wc-delivery { width: 100%; }
  .wines-selected { width: 100%; float: none; }
  .cc-wine-list-wrapper .cc-wine-wrapper .controls { display: block; }
  button.cc-continue-mob { display: block; }
}