
@media (max-width: 1022px) {
	.single-product .summary {
		text-align: center;
	}

	.single-product .summary .badge {
		margin: 0 auto;
	}
	.single-product__info__price {
		align-items: center !important;
	}
}

@media (max-width: 992px) {
	.banner__learn-more__item{width:calc(32.3333% - .66667rem)}
	.banner__learn-more__list{padding: 2rem 0;}
	.banner__content-top {
		top: 10px !important;
		transform: translateY(0) !important;
		padding: 1rem !important;
	}

	.banner__content-bottom {
		top: auto !important;
		bottom: 0 !important;
		transform: translateY(0) !important;
		padding: 1rem !important;
	}
}

@media (max-width: 767px) {
	.banner__learn-more__item {width: 100% !important;}
	.video-banner__image img{height: 450px;}
}

.single-product__info__price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.product__accessories-nav__link {
	background: transparent;
	text-align:left;
}

.justify-between {
	justify-content: space-between;
}

.woocommerce-message .button {
    border: 1px solid #000;
    border-radius: 0;
    font-size: 1.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    padding: 0.5rem 3rem;
    text-decoration: none;
}
.woocommerce-message .button:not([aria-disabled="true"]):focus,
.woocommerce-message .button:not([aria-disabled="true"]):hover,
.woocommerce-message .button:not([disabled]):focus,
.woocommerce-message .button:not([disabled]):hover {
    background-color: #fff;
    color: #000;
}

.woocommerce-error .button {
    border: 1px solid #000;
    border-radius: 0;
    font-size: 1.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    padding: 0.5rem 3rem;
    text-decoration: none;
}
.woocommerce-error .button:not([aria-disabled="true"]):focus,
.woocommerce-error .button:not([aria-disabled="true"]):hover,
.woocommerce-error .button:not([disabled]):focus,
.woocommerce-error .button:not([disabled]):hover {
    background-color: #fff;
    color: #000;
}

.banner__content-desktop-top {
	top: 10px !important;
	transform: translateY(0) !important;
	padding: 1rem !important;
}

.banner__content-desktop-bottom {
	top: auto !important;
	bottom: 0 !important;
	transform: translateY(0) !important;
	padding: 1rem !important;
}

.saved-sale {
	display: none;
}

.product__accessories__section__price {
	display: flex;
	flex-direction: column;
	align-items: center
}

.accesories-container .button {
	font-size: 16px;
	margin-top: 10px;
}

.product-card.small .single_add_to_cart_button {
	padding: 10px;
	position: static;
	transform: none;
}

.product-card.small .title {
	font-size: 14px;
}


@media (max-width: 767px) {

.panel {
  padding: 0 !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease-out;
}
}

.feature__list__card__image img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	object-position: center;
}

.banner-image__section img {
	width: 100%;
}


@media (min-width: 768px) {
.mobile-tabs {
	display: none !important;
}
}

@media (max-width: 767px) {
.desktop-tabs {display: none;}
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px 35px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
display: flex !important;
justify-content: space-between;
align-items: center;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Product Sticker */
.single-product__top-block--gallery {
	position: relative;
}

/* Navigation Megamenu */
@media (min-width: 992px) {
	.nav__item:hover .nav__list--dropdown {
	    z-index: 3;
	}
}