/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/
@import "./css/variables.css";

/* Tipografías personalizadas */
@font-face {
  font-family: "Able Lead";
  src: url("/wp-content/themes/base/fonts/AbleLead-Regular.eot");
  src: url("/wp-content/themes/base/fonts/AbleLead-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/base/fonts/AbleLead-Regular.woff2") format("woff2"),
    url("/wp-content/themes/base/fonts/AbleLead-Regular.woff") format("woff"),
    url("/wp-content/themes/base/fonts/AbleLead-Regular.ttf") format("truetype"),
    url("/wp-content/themes/base/fonts/AbleLead-Regular.svg#AbleLead-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "URWClassico";
  src: url("/wp-content/themes/base/fonts/URWClassico-Ita.eot");
  src: url("/wp-content/themes/base/fonts/URWClassico-Ita.eot?#iefix")
      format("embedded-opentype"),
    url("/wp-content/themes/base/fonts/URWClassico-Ita.woff2") format("woff2"),
    url("/wp-content/themes/base/fonts/URWClassico-Ita.woff") format("woff"),
    url("/wp-content/themes/base/fonts/URWClassico-Ita.ttf") format("truetype"),
    url("/wp-content/themes/base/fonts/URWClassico-Ita.svg#URWClassico-Ita")
      format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/*********************************\
              GENERAL
\*********************************/
html {
  height: auto;
}
#Wrapper {
    opacity: 0;
}

.reveal-wrapper {
  width: 100%;
}

.text-reveal.verde .reveal-container {
  background-color: #2d4e59;
}

.text-reveal.violeta .reveal-container,
.image-reveal.violeta .reveal-container {
  background-color: #701940;
}

.text-reveal.blanco .reveal-container,
.image-reveal.blanco .reveal-container {
  background-color: #fcfcfc;
}

.row-reveal {
  position: relative;
  --before-y: 0%;
  overflow: hidden;
}

/* .row-reveal:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fcfcfc;
  transform: translateY(var(--before-y));
  z-index: 10;
} */

.validate_email_against_bot,
.otgs-development-site-front-end,
.wpml-ls-statics-footer {
  display: none;
}

:root {
  scrollbar-color: var(--principal) var(--blanco);
  scrollbar-width: thin;
}

.style-simple,
.style-simple .mfn-header-tmpl {
  --mfn-column-gap-bottom: 0;
  --mfn-column-gap-top: 0;
  --mfn-column-gap-right: 0;
  --mfn-column-gap-left: 0;
}

p:empty {
  margin: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
}

.admin-bar .full-screen .section_wrapper {
  min-height: calc(100vh - 32px);
}

.section.has-video .section_video {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section.has-video .section_video video {
  top: unset;
  left: unset;
  height: 100%;
}

.section.has-video .section_video .mask {
  display: none;
}

.style-simple .responsiveWidth {
  max-width: calc(2 * var(--halfSection));
}

.mobile-side-slide {
  overflow-x: clip !important;
}

.section_wrapper,
.container {
  box-sizing: border-box;
  padding-left: 33px;
  padding-right: 33px;
}

.slick-list {
  width: 100%;
}

.slick-track {
  display: flex;
  align-items: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Able Lead", sans-serif;
  font-weight: 300;
  line-height: 1;
}

h1 {
  font-size: var(--size-h1);
}

h2 {
  font-size: var(--size-h2);
}

h3 {
  font-size: var(--size-h3);
}

h4 {
  font-size: var(--size-h4);
}

h5 {
  font-size: var(--size-h5);
}

h6 {
  font-size: var(--size-h6);
}

body,
p {
  font-size: var(--size-p);
  line-height: 1.4;
  text-wrap: balance;
}

.lead,
.big {
  font-size: var(--size-plead);
  line-height: 1.4;
  font-weight: 500;
}

.small {
  font-size: var(--size-psmall);
  line-height: 1.2;
  font-weight: 400;
}

a:hover {
  text-decoration: none;
}

.decorative {
  font-family: var(--font-decorative);
}

.principal {
  color: var(--principal);
}

.secundario {
  color: var(--secundario);
}

.blanco {
  color: var(--blanco);
}

.column_heading {
  text-wrap: balance;
}

.button {
  height: var(--button-height);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.125rem;
  border: 2px solid #fcfcfc;
}

.button:hover {
  border-color: #fcfcfc;
}

.gap-1rem > .mcb-wrap-inner {
  gap: 1rem;
}

/*********************************\
            COMPLIANZ
\*********************************/
/* Cookies button */
body #cmplz-manage-consent .cmplz-manage-consent {
  background: var(--principal);
  right: unset !important;
  left: 10px;
  font-size: 0px;
  color: var(--negro) !important;
  bottom: 10px !important;
  padding: 0 !important;
  min-width: 1px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

body #cmplz-manage-consent .cmplz-manage-consent:before {
  content: "";
  background: transparent url(imagenes/icono-ajustes.svg) center center /
    contain no-repeat;
  width: 60%;
  height: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.8s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
}

body #cmplz-manage-consent .cmplz-manage-consent:hover:before {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

/* Cookies banner */
#cmplz-cookiebanner-container .cmplz-body {
  scrollbar-width: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
  grid-row-gap: 5px;
  padding: 20px;
}

#cmplz-cookiebanner-container .cmplz-header {
  display: none;
}

#cmplz-cookiebanner-container p {
  margin: 0;
}

#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn {
  letter-spacing: 0;
  font-size: var(--size-psmall) !important;
  line-height: 1.2 !important;
  text-transform: none;
  justify-content: center;
  height: auto;
}

#cmplz-cookiebanner-container
  .cmplz-categories
  .cmplz-category:not(:last-child) {
  margin-bottom: 5px;
}

#cmplz-cookiebanner-container
  .cmplz-categories
  .cmplz-category
  .cmplz-category-header
  .cmplz-category-title,
#cmplz-cookiebanner-container
  .cmplz-categories
  .cmplz-category
  .cmplz-description
  > span {
  font-size: var(--size-psmall);
  line-height: 1;
}

#cmplz-cookiebanner-container
  .cmplz-categories
  .cmplz-category
  .cmplz-category-header
  .cmplz-always-active {
  font-size: 10px;
  line-height: 1;
}

/* Complianz documents */
#cmplz-document {
  max-width: 100%;
  padding: 40px 0;
  text-align: justify;
}

#cmplz-document h2,
#cmplz-document h3,
#cmplz-document h4 {
  letter-spacing: 0px;
  font-weight: 600;
  border: 0;
  padding: 0;
  margin-bottom: 15px;
  line-height: 1.2;
}

#cmplz-document h2 {
  font-size: var(--size-h2);
  margin-top: 60px;
}

#cmplz-document h2:first-child {
  margin-top: 0;
}

#cmplz-document h3 {
  font-size: var(--size-h3);
}

#cmplz-document h4 {
  font-size: var(--size-h4);
}

/*********************************\
              HEADER
\*********************************/
header#mfn-header-template {
  max-height: 136px;
}

/* primer nivel */
.header .section_wrapper .wrap > .mcb-wrap-inner {
  display: grid;
  grid-template-columns: 300px auto;
  gap: 2rem;
}

#menu-main-menu > li > .mfn-menu-link {
  padding-block: 1.5rem;
}

#menu-main-menu-1 > li > .mfn-menu-link {
  padding-block: 1rem;
}

#menu-main-menu > li > .mfn-menu-link::after,
#menu-main-menu-1 > li > .mfn-menu-link::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  bottom: 20px;
  left: 50%;
  background-color: #fcfcfc;
  transition: width 0.3s ease, left 0.3s ease;
}

#menu-main-menu-1 > li > .mfn-menu-link::after {
  bottom: 13px;
}

#menu-main-menu > li > .mfn-menu-link:hover::after,
#menu-main-menu > li > .mfn-menu-link:active::after,
#menu-main-menu-1 > li > .mfn-menu-link:hover::after,
#menu-main-menu-1 > li > .mfn-menu-link:active::after {
  width: 100%;
  left: 0;
}

/* submenu */
.mfn-header-menu .mfn-menu-li .mfn-menu-link {
  justify-content: center;
}

#menu-main-menu ul.sub-menu.mfn-submenu,
#menu-main-menu-1 ul.sub-menu.mfn-submenu {
  border-radius: 0;
  left: -20px;
  top: 60px;
  max-width: 160px;
  box-shadow: 14px 14px 35px -6px rgba(0, 0, 0, 0.35);
  border: 1px solid #fcfcfc36;
}

#menu-main-menu-1 ul.sub-menu.mfn-submenu {
  top: 50px;
}

.column_sidemenu_menu #menu-main-menu-1 > .menu-item {
  border-bottom: 1px solid #fcfcfc47;
}

.mfn-sidemenu-tmpl {
  max-width: 400px;
  border-left: 1px solid #fcfcfc47;
}

.mfn-sidemenu-menu i {
  margin-top: 14px;
}

.mfn-sidemenu-menu ul.sub-menu.mfn-submenu {
  margin-top: -11px;
}

@media only screen and (min-width: 1274.9px) {
  .column_header_burger {
    display: none;
  }
}

@media only screen and (max-width: 1274px) {
  .column_header_menu {
    display: none;
  }

  .header .section_wrapper .wrap > .mcb-wrap-inner {
    justify-content: space-between;
  }
}

@media only screen and (max-width: 550px) {
  .header .section_wrapper .wrap > .mcb-wrap-inner {
    grid-template-columns: 200px auto;
  }

  .mfn-sidemenu-tmpl {
    min-width: 100%;
    padding-inline: 2rem;
  }
}

/*********************************\
              FOOTER
\*********************************/
body .mfn-footer-tmpl .mcb-section:not(.full-width) {
  max-width: 100%;
}

body #back_to_top.sticky {
  bottom: 10px;
  right: 10px !important;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

body #back_to_top.sticky:before {
  content: none;
}

/*Kit digital*/
body #mfn-footer-template .financiacion {
  display: grid;
  grid-template-columns: 1fr 1fr 5fr;
  gap: 20px;
  text-align: left;
  align-items: center;
}

body #mfn-footer-template .financiacion > div {
  line-height: 0;
}

body #mfn-footer-template .financiacion > div img {
  max-height: 50px;
  width: auto;
}

body #mfn-footer-template .financiacion > div p {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
}

@media only screen and (max-width: 959px) {
  body #mfn-footer-template .financiacion {
    grid-template-columns: 1fr 1fr;
    text-align: center;
    gap: 5px;
  }

  body #mfn-footer-template .financiacion > div:last-child {
    grid-column: 1 / span 2;
  }
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
  line-height: 1.2;
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  font-size: 26px;
  padding: 8px;
}

/*********************************\
              INICIO
\*********************************/
div#lightSlider-687 {
  height: 84dvh;
}
.controls-wrapper {
  min-width: 100vw;
  z-index: -1;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem;
}

button.slick-prev.slick-arrow {
  left: -100px;
}

button.slick-next.slick-arrow {
  right: -100px;
}

.slider-clientes button:hover {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
}

.slider-clientes button:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1),
    inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
}

.slick-prev,
.slick-next {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  z-index: 1;
  background-color: transparent;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: transparent;
}

.slick-prev img,
.slick-next img {
  width: 40px;
  height: 40px;
  filter: brightness(0) invert(1);
}

.slick-prev:hover,
.slick-next:hover {
  background: var(--secundario);
}

@media only screen and (max-width: 1239px) {
  .slider-clientes .slick-prev {
    left: 10px;
  }

  .slider-clientes .slick-next {
    right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .slider-historia .controls-wrapper button {
    padding: 0.5rem;
  }

  .slick-prev img,
  .slick-next img {
    width: 30px;
    height: 30px;
  }
}

/*********************************\
             CONTACTO
\*********************************/
body .wpcf7-form [type="submit"] {
  width: 100%;
  margin: 0 !important;
}

body .wpcf7-form .wpcf7-spinner {
  margin: 5px 0 0 -12px;
  left: 50%;
}

body .wpcf7-form .form-legal {
  font-size: 0.7em;
  line-height: 1.5em;
  opacity: 0.7;
  padding: 10px 0;
  text-align: justify;
}

body .wpcf7-form input[name="politica"] + span {
  font-weight: 500;
}

body .column_cf7 input[type="checkbox"] {
  min-height: 0px;
}

body .wpcf7-list-item {
  margin: 0;
}

body input[type="checkbox"],
body input[type="radio"] {
  accent-color: var(--principal);
}

/*********************************\
         PÁGINAS INTERNAS
\*********************************/

/* Historia */
.slider-historia .controls-wrapper button {
  z-index: -1;
  backdrop-filter: blur(10px);
  max-width: fit-content;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.15);
}

.slider-historia button.slick-prev.slick-arrow {
  left: 16px;
}

.slider-historia button.slick-next.slick-arrow {
  right: 16px;
}

.slider-historia .controls-wrapper {
  z-index: 1;
}

.slider-historia .controls-wrapper button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgba(255, 255, 255, 1),
    inset 0px -9px 0px -8px rgba(255, 255, 255, 1);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
}

@media only screen and (max-width: 768px) {
  .slider-historia .slick-slide {
    max-height: 400px;
  }
}

/* PAGINAS RELATIVAS A PRODUCTOS */
.category-2-cols > .section_wrapper {
  display: grid;
  grid-template-columns: 1080px auto;
}

.category-2-cols .right-col {
  padding-inline: 6rem;
  min-height: 100%;
}

#Wrapper .category-2-cols .right-col > .mcb-wrap-inner {
  align-content: space-between;
}

#Wrapper .especifica .button {
  font-size: 130px;
  line-height: 1;
  min-height: fit-content;
  padding: 1rem 3rem;
  max-height: 85px;
  min-width: 458px;
}

#Wrapper .especifica .button_label {
  max-height: 95px;
}

/* reverse row */
.category-2-cols.reverse > .section_wrapper {
  grid-template-columns: 740px auto;
}

.category-2-cols.reverse .right-col {
  z-index: 2;
}

@media only screen and (max-width: 1550px) {
  .category-2-cols > .section_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-2-cols.reverse > .section_wrapper {
    grid-template-columns: 1fr 2fr;
  }

  .category-2-cols .right-col {
    padding-inline: 3rem;
  }
}

@media only screen and (min-width: 1024.9px) {
  .category-2-cols .especifica {
    position: absolute;
    left: -320px;
    top: 46%;
    transform: translateY(-50%);
  }

  .category-2-cols .right-col {
    max-width: 650px;
    margin: auto;
  }

  .category-2-cols.reverse .right-col,
  .category-2-cols.no-logos .right-col {
    padding-top: 14rem;
  }

  .category-2-cols.reverse .especifica {
    left: 310px;
    top: 66%;
  }

  .category-2-cols.no-logos .especifica {
    top: 410px;
  }
}

@media only screen and (max-width: 1024px) {
  .category-2-cols > .section_wrapper,
  .category-2-cols.reverse > .section_wrapper {
    grid-template-columns: 1fr;
  }

  #Wrapper .category-2-cols .left-col,
  #Wrapper .category-2-cols.reverse .right-col {
    margin-bottom: 2rem;
  }

  #Wrapper .category-2-cols .left-col .image_wrapper img,
  #Wrapper .category-2-cols.reverse .right-col .image_wrapper img {
    max-height: 450px;
    height: 100%;
  }

  #Wrapper .especifica .button {
    padding: 1rem 4rem 0;
    min-width: max-content;
    font-size: 100px;
    max-width: 398px;
  }

  #Wrapper .category-2-cols .right-col > .mcb-wrap-inner {
    row-gap: 3rem;
    text-align: center;
  }

  #Wrapper .category-2-cols.reverse .left-col > .mcb-wrap-inner {
    row-gap: 2rem;
    text-align: center;
  }

  #Wrapper .category-2-cols.reverse .right-col {
    order: 2;
  }
}

@media only screen and (max-width: 768px) {
  #Wrapper .category-2-cols .right-col > .mcb-wrap-inner {
    row-gap: 2rem;
  }

  #Wrapper .category-2-cols:not(.reverse) .right-col {
    padding-inline: 1rem;
  }
}

@media only screen and (max-width: 550px) {
  #Wrapper .especifica .button {
    padding: 1rem 4rem 0;
    min-width: max-content;
    font-size: 62px;
    max-width: 398px;
  }

  #Wrapper .right-col .column_image .image_frame {
    max-width: 200px;
    width: 100%;
  }
}

/* Producto especial */
.h1-xxl h1.title {
  font-size: clamp(5rem, 20vw, 20rem);
  line-height: 1;
}

/* Sección específica */
.page-id-719 #Wrapper,
.page-id-719 #Content {
  background-color: #fcfcfc;
}

.height-930 .image_frame,
.height-930 .image_frame .image_wrapper {
  max-height: 930px;
  overflow: hidden;
}

.banner-especifica .section_wrapper > .wrap {
  min-height: 100%;
}

.banner-especifica h2.title {
  font-size: clamp(4rem, 10vw, 10rem);
  line-height: clamp(2rem, 7vw, 7rem);
}

/*********************************\
          BLOG / NOTICIAS
\*********************************/
/* Archive */
body.blog .column_blog,
body.archive.category .column_blog,
body.archive.tag .column_blog {
  padding-bottom: 120px;
}

body.archive.category .mcb-sidebar,
body.archive.tag .mcb-sidebar {
  display: none;
}

/* Fixed nav arrows */
body .fixed-nav {
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

body .fixed-nav .desc h6 {
  line-height: 1.3;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body .fixed-nav .desc .date {
  font-size: 13px;
  color: var(--gris);
  border: 0;
}

body .fixed-nav .desc .date .icon-clock {
  display: none;
}

body .fixed-nav .photo img,
body .Recent_posts ul li .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Barra lateral */
body .Recent_posts ul li a .desc {
  padding: 8px 10px 3px;
  min-height: 80px;
}

body .Recent_posts ul li a .desc h6 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
}

body .Recent_posts ul li a .desc .date {
  font-size: 12px;
  line-height: 14px;
}

body .widget:not(.widget_block) > h3 {
  font-size: 21px;
  line-height: 29px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -1px;
}

body .mcb-sidebar select {
  width: 100%;
}

body .widget_categories ul {
  list-style: none;
  padding: 0;
  background: none;
}

body .widget_categories ul li:after {
  content: none;
}

body .widget_categories ul li a {
  padding: 5px 10px;
  background: var(--principal);
  display: block;
  border-radius: 3px;
  margin-bottom: 6px;
}

body .widget_categories ul li a:hover {
  background: var(--secundario);
}

/*********************************\
            RESPONSIVE
\*********************************/
@media only screen and (min-width: 1921px) {
  #Wrapper .section_wrapper,
  #Wrapper .container {
    max-width: 1920px !important;
  }
}

@media only screen and (min-width: 1239.9px) {
  #Wrapper .section_wrapper,
  #Wrapper .container {
    box-sizing: border-box;
    padding-left: 33px;
    padding-right: 33px;
    /* max-width: 1920px !important; */
    margin: auto;
  }
}

@media only screen and (max-width: 1239px) {
  #Wrapper .container,
  #Wrapper .section_wrapper,
  #Wrapper .with_aside .content_wrapper {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
  body .Recent_posts ul li .photo {
    display: none;
  }

  body .Recent_posts ul li a .desc {
    margin: 0;
  }
}

@media only screen and (max-width: 959px) {
  body .animate {
    animation-delay: 0ms !important;
  }

  html.mfn-header-tmpl-burger-sidebar-opened #pojo-a11y-toolbar {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #Wrapper .mfn-header-tmpl .section_wrapper,
  body .section_wrapper,
  body .container {
    padding-inline: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .joinchat {
    --bottom: 20px;
  }

  .joinchat--left .joinchat__button {
    bottom: 0;
  }

  body .hideMobile {
    display: none !important;
  }

  body.style-simple .responsiveWidth {
    max-width: 670px;
    padding: 0 33px;
  }

  body .section_wrapper,
  body .container {
    padding-left: 0;
    padding-right: 0;
  }

  body .content_wrapper .mcb-column-inner {
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {
  body .woocommerce-variation-add-to-cart {
    flex-direction: column;
  }

  body .woocommerce .quantity {
    width: 100%;
    margin: 0 0 5px !important;
  }

  body .woocommerce .product div.entry-summary .cart .button {
    width: 100%;
  }

  body
    .woocommerce
    .product
    div.entry-summary
    .accordion
    table.shop_attributes
    tr {
    display: flex;
    flex-direction: column;
    padding: 0 0 10px;
  }

  body
    .woocommerce
    .product
    div.entry-summary
    .accordion
    table.shop_attributes
    tr:last-child {
    padding: 0;
  }

  body
    .woocommerce
    .product
    div.entry-summary
    .accordion
    table.shop_attributes
    th,
  body
    .woocommerce
    .product
    div.entry-summary
    .accordion
    table.shop_attributes
    td {
    width: 100%;
    padding: 0;
    text-align: left;
  }
}