/* RESPONSIVE */
.container {
  padding-left: 0px;
  padding-right: 0px;
}



/* UP */
@media (min-width: 1360px) {
  .container,
  .sppb-row-container {
    width: 1280px;
  }
}

@media (min-width: 992px) {
  /* MY STICKY TOP */
  body > div.body-innerwrapper {
    padding-top: 154px;
  }
  section#sp-top-bar,
  section#sp-top-bar-2 {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
  }
  section#sp-top-bar {
    background-color: white;
    height: 106px;
    box-sizing: border-box;
    z-index: 5;
  }
  section#sp-top-bar-2 {
    background-color: white;
    top: 106px;
    z-index: 4;
  }
}

@media (min-width: 768px) {
  .sppb-section.myBannerCollagen > div.sppb-row-container > div.sppb-row > div:nth-child(1) {
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
    margin-right: 30px;
  }
  .sppb-section.myBannerCollagen > div.sppb-row-container > div.sppb-row > div:nth-child(2) {
    -ms-flex: 0 0 calc(100% - 220px - 30px);
    flex: 0 0 calc(100% - 220px - 30px);
    max-width: calc(100% - 220px - 30px);
  }
}



/* TEMPORARILY */
@media (max-width: 1400px) and (min-width: 768px) {
  /* intro banner under slideshow */
  .sppb-section.myBannerCollagenLeftLine > div.sppb-container-inner > div.sppb-row > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .myProductdetailsView .myLeftRight .myRight {
    width: 63%;
  }
  /* ADD TEXT IN HEADER */
  div#sp-menu2 > div.sp-column > .sp-module.myHeaderText {
    flex-grow: 0;
    display: block;
    position: absolute;
    left: 102px;
    bottom: 50px;
    max-width: 460px;
  }
  .custommyHeaderText {
    text-align: left;
  }
  .custommyLogo > div > a > img:nth-child(2) {
    margin-top: 34px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  /* ADD TEXT IN HEADER */
  div#sp-menu2 > div.sp-column > .sp-module.myHeaderText {
    flex-grow: 0;
    position: absolute;
    top: 106px;
    left: 0px;
    width: calc(100% - 82px);
    height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
  }
  .custommyHeaderText {
    text-align: left;
  }
}



/* DOWN */
@media (max-width: 1359px) {
  .myProductDetailTabs .myHead .myTabButton {
    letter-spacing: 0px;
  }
  /* VM Detail */
  .myProductChilds .myProductChild .myCart .addtocart-bar span.addtocart-button {
    margin-left: 20px;
  }
  .myProductChilds .myProductChild .myPrice {
    margin: 0 4%;
  }
}

@media (max-width: 1199px) {
  .myProductDetailTabs .myHead .myTabButton {
    padding: 12px 9px;
  }
  div#sp-menu2 > div.sp-column > .sp-module.myLogo {
    /*flex: 1;*/
    flex-grow: 1;
  }
}

@media (max-width: 991px) {
  /* TOP MENU mobile */
  #sp-menu .sp-column .sp-megamenu-wrapper {
    text-align: right;
  }
  a#offcanvas-toggler {
    /*display: table;*/
    display: inline-block;
  }
  /* INTRO LINK to vm category */
  .myLinksCategories > .sppb-container-inner > .sppb-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 0px;
  }
  .myLinksCategories > .sppb-container-inner > .sppb-row > div {
    width: 325px;
    /*max-width: 100%;*/
  }
  /* VM Category */
  .myProductsList {
    justify-content: center;
  }
  .myProductsList.myPerRow4 > .product-container {
    width: 325px;
  }
  /* ART Category News */
  .myModuleNews {
    gap: 30px 30px;
  }
  .myModuleNews .myArt {
    width: 295px;
  }
  /* NO FIXED HEADER ??? */
  div#sp-top-bar-sticky-wrapper {
    height: auto !important;
  }
  div#sp-top-bar-sticky-wrapper section#sp-top-bar {
    position: relative !important;
  }
  /* VM Detail */
  .myProductdetailsView .myLeftRight .myLeft,
  .myProductdetailsView .myLeftRight .myRight {
    width: 100%;
  }
  .myProductdetailsView .myLeftRight .myRight {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .myProductdetailsView .myLeftRight .myRight > .myProductChilds {
    order: -1;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .myProductdetailsView .myLeftRight .myRight > .myProductDetailTabs {
    margin-top: 28px;
  }
}

@media (max-width: 768px) {
  #sp-page-title {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  /* PAGE WIDTH */
  .container,
  .sppb-row-container,
  .sppb-section-content-center .sppb-row-container {
    width: calc(100% - 40px);
  }
    /* TOP HEADER */
  div#sp-menu2 > div.sp-column {
    min-height: unset;
    flex-wrap: wrap;
    justify-content: center;
    padding: 7px 0px;
    max-width: 425px;
    margin: auto;
  }
  div#sp-menu2 > div.sp-column > .sp-module.myLogo,
  div#sp-menu2 > div.sp-column > .sp-module.myHeaderText {
    flex-grow: 0;
  }
  .custommyLogo > div > a > img:nth-child(2) {
    display: none;
  }
  /* intro banner under slideshow */
  .sppb-section.myBannerCollagen > div.sppb-row-container {
    width: 100%;
  }
  .sppb-section.myBannerCollagen > div.sppb-row-container > div.sppb-row > div:nth-child(2) {
    padding-left: 20px;
  }
  /* FOOTER */
  div.sppb-section.myFooterLine > div.sppb-container-inner > div.sppb-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 20px 0px;
    text-align: center;
  }
  ul.menumyFooterMenu {
    align-content: center;
    align-items: center;
  }
  div.sppb-column.mySocIconsLine > div.sppb-column-addons {
    justify-content: center;
  }
  div.sppb-column.myCopyrightColom > div.sppb-column-addons {
    justify-content: center;
    text-align: center;
  }
  .myForFirsts {
    text-align: center !important;
  }
  /* VM Detail */
  .myProductDetailTabs .myHead {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    gap: 3px 4px;
  }
  /* SP ELEMENT - table art kontakt */
  table.mySpMobil > tbody > tr > td {
    display: block;
  }
  /* SP ELEMENT - title br */
  .mySpTitleBr > .sppb-addon-title > br {
    display: none;
  }
  /* VM Detail */
  .myProductChilds .myProductChild .myCart {
    width: 100%;
  }
  .myProductChilds .myProductChild .myPrice {
    /*margin-left: 5%;*/
    margin-right: 0%;
  }
  #fancybox-content div.myPopCartRowProdusts div.myPopCartRowProdust > img {
    display: none;
  }
}

@media (max-width: 424px) {
  /* TOP HEADER */
  
}

@media (max-width: 374px) {
  .mySlideArts.myIntroSlider div.myArt .myCover2 .myContent {
    font-size: 15px;
  }
  .mySlideArts.myIntroSlider div.myArt .myCover2 .myImg {
    max-width: 140px;
  }
}

@media (max-width: 319px) {
  body > div.body-innerwrapper {
    min-width: 320px;
  }
}