/* ROLL GALLERY BUTTON */
@media (min-width: 1872px) {
  .myJsRoll.myN1 a.myButton.myScriptAdd,
  .myJsRoll.myN2 a.myButton.myScriptAdd,
  .myJsRoll.myN3 a.myButton.myScriptAdd,
  .myJsRoll.myN4 a.myButton.myScriptAdd,
  .myJsRoll.myN5 a.myButton.myScriptAdd,
  .myJsRoll.myN6 a.myButton.myScriptAdd,
  .myJsRoll.myN7 a.myButton.myScriptAdd,
  .myJsRoll.myN8 a.myButton.myScriptAdd,
  .myJsRoll.myN9 a.myButton.myScriptAdd,
  .myJsRoll.myN10 a.myButton.myScriptAdd,
  .myJsRoll.myN11 a.myButton.myScriptAdd,
  .myJsRoll.myN12 a.myButton.myScriptAdd {
    display: none;
  }
}
@media (min-width: 1565px) {
  .myJsRoll.myN1 a.myButton.myScriptAdd,
  .myJsRoll.myN2 a.myButton.myScriptAdd,
  .myJsRoll.myN3 a.myButton.myScriptAdd,
  .myJsRoll.myN4 a.myButton.myScriptAdd,
  .myJsRoll.myN5 a.myButton.myScriptAdd,
  .myJsRoll.myN6 a.myButton.myScriptAdd,
  .myJsRoll.myN7 a.myButton.myScriptAdd,
  .myJsRoll.myN8 a.myButton.myScriptAdd,
  .myJsRoll.myN9 a.myButton.myScriptAdd,
  .myJsRoll.myN10 a.myButton.myScriptAdd {
    display: none;
  }
}


.sppb-row-container,
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-left: 0px;
  padding-right: 0px;
}


/* ADD MY RESPONSIVE CSS STYLE */

@media (min-width: 1500px) {
  .sppb-row-container,
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1416px;
  }
}

@media (min-width: 1280px) {
  #offcanvas-toggler {
    display: none !important;
  }
  /* VM FILTER */
  .myVmFilterBanner .myVmFilterBannerContent {
    min-width: calc(100% / 2);
  }
}




@media (max-width: 1279px) and (min-width: 768px) {
  /* BANNERY 2 */
  #sp-page-builder .sppb-section.myBanners2Row > div > .sppb-row > div:nth-child(1),
  .sppb-section.myBanners2Row > div > .sppb-row > div:nth-child(1) {
    max-width: 60%;
    flex-basis: 60%;
  }
  #sp-page-builder .sppb-section.myBanners2Row > div > .sppb-row > div:nth-child(2),
  .sppb-section.myBanners2Row > div > .sppb-row > div:nth-child(2) {
    max-width: 40%;
    flex-basis: 40%;
  }
  .myBanners2Row .mySpBgTitle1 {
    left: calc( ((-100vw + (100% * (100 / 60))) / 2) + 10px );
    width: calc( 100% + ((100vw - (100% * (100 / 60))) / 2) - 10px );
    top: 18px;
  }
  .myBannerModelovaRada {
    width: calc( 100% + ((100vw - (100% * (100 / 60))) / 2) - 10px );
    margin-left: calc( ((-100vw + (100% * (100 / 60))) / 2) + 10px );
    margin-top: 7vw;
  }
  .sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column:nth-child(2) > .sppb-column {
    max-width: calc( 100% + ((100vw - (100% * (100 / 40))) / 2) - 10px );
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  /* BANNER 1 - SlideShow */
  .sppb-column.myBanners1Col > .sppb-column-addons {
    flex-direction: row;
    gap: 20px 20px;
  }
  .sppb-column.myBanners1Col > .sppb-column-addons > div {
    width: calc(50% - 10px);
  }
  /* BANNERY 3 = Flip Cards section */
  #sp-page-builder .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  #sp-component .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div {
    width: calc(100% / 3);
  }
  .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div:nth-of-type(3n+1):before {
    display: none;
  }
  /* MANUALNI ZALOZKY */
  #sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div,
  .sppb-section.myManualTabs > div > .sppb-row > div {
    width: calc(100% / 4);
  }
  #sp-main-body .sppb-section.myManualTabs.ver7 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver7 > div > .sppb-row > div {
    width: calc(100% / 4);
  }
  #sp-main-body .sppb-section.myManualTabs.ver9 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver9 > div > .sppb-row > div {
    width: calc(100% / 5);
  }
  .sppb-section.myManualTabs:not([class^="ver"]):not([class*=" ver"]) > div > .sppb-row > div:nth-of-type(4n+5):before {
    display: none;
  }
  .sppb-section.myManualTabs.ver9 > div > .sppb-row > div:nth-of-type(5n+6):before {
    display: none;
  }
}




@media (max-width: 1499px) {
  .sppb-row-container,
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
  /* HEADER */
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 16px;
  }
  .sp-megamenu-parent > li:last-child > a, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0px 10px;
  }
  /* MANUALNI ZALOZKY */
  .sppb-section.myManualTabs > div {
    padding: 10px 0px;
  }
  #sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column,
  .sppb-section.myManualTabs > div > .sppb-row > div > .sppb-column {
    padding-bottom: 3px;
  }
  #sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title,
  .sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title {
    font-size: 17px;
    margin-top: 10px;
  }  
}

@media (max-width: 1279px) {
  .sppb-row-container,
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 900px;
  }
  /* KONTAKT HLAVICKA */
  #sp-header .sp-module.myKontaktTop .mod-custom {
    gap: 4px 20px;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * {
    font-size: 14px;
  }
  /* TOP MENU */
  #sp-header {
    height: 119px;
  }
  #sp-menu .menu-wrap.flex-auto {
    display: none !important;
  }
  /* BANNERY 3 = Flip Cards section */
  .sppb-section.myBannersFlipCards > div {
    padding: 13px 0px;
  }
  #sp-page-builder .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  #sp-component .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div {
    padding: 0px 5px;
  }
  .sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .myText .sppb-addon-title {
    font-size: 15px;
    margin-top: 12px;
  }
  .sppb-section.myFlipCard > div > .sppb-row > .sppb-row-column .myText .sppb-addon-content {
    font-size: 12px;
    line-height: 130%;
  }
  /* VM Products slider */
  .myTabs1 > .sppb-addon-content > .sppb-nav-tabs {
    margin-bottom: 20px;
  }
  .myVmProductsV1 .owl-carousel > .owl-nav {
    margin-top: 20px;
  }
  /* BANNER SUBARU */
  #sp-component .sppb-section.myBannersSubaruRow > div > .sppb-row > div,
  #sp-page-builder .sppb-section.myBannersSubaruRow > div > .sppb-row > div,
  .sppb-section.myBannersSubaruRow > div > .sppb-row > div {
    max-width: 100%;
    flex-basis: auto;
    width: auto;
  }
  .sppb-section.myBannersSubaruRow .sppb-column.myColText {
    padding-top: 20px;
    padding-left: 55px;
    padding-right: 30px;
    padding-bottom: 30px;
    width: 400px;
  }
  .sppb-section.myBannersSubaruRow .sppb-column.myColImg {
    width: 500px;
  }
  /* BLOG Akce */
  .myModuleBlog > .myCoverBlog {
    gap: 20px 0px;
    margin: 0px -10px;
  }
  .myModuleBlog > .myCoverBlog > .myBlogArt {
    /*width: 33.33%;*/
    padding: 0px 10px;
  }
  /* VIRTUEMART */
  .myVmProductsV1.myCatView .myProductCover {
    width: 50%;
  }
  /* MANUALNI ZALOZKY */
  #sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title,
  .sppb-section.myManualTabs > div > .sppb-row > div .myText > .sppb-addon-title {
    font-size: 13px;
  }
  /* VM Detail */
  .myDetailView .vm-product-container > .vm-product-media-container {
    width: calc(56% - 10px);
  }
  .myDetailView .vm-product-container > .vm-product-details-container {
    width: 44%;
  }
  .myDetailView .vm-product-container > .vm-product-media-container > .main-image {
    margin-right: 0px;
    margin-bottom: 10px;
    float: none;
    width: 100%;
  }
  .myDetailView .vm-product-container > .vm-product-media-container > .main-image img {
    height: auto;
  }
  .myDetailView .vm-product-container > .vm-product-media-container > .additional-images {
    margin-right: -10px;
  }
  .myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft {
    width: 33.33%;
  }
  .myDetailView .vm-product-container > .vm-product-media-container > .additional-images > .floatleft a {
    height: auto;
  }
  /* PAGE KONTAKT ROW 3 */
  #sp-component .myKontaktRow2 > div > .sppb-row > div,
  #sp-page-builder .myKontaktRow2 > div > .sppb-row > div {
    max-width: 100%;
    flex-basis: 100%;  
  }
  /* KATEGORY LIST */
  .sppb-section.myKategorieList > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
    min-height: 400px;
  }
  .sppb-section.myKategorieList.v2 > div > .sppb-row > div > .sppb-column > .sppb-column-addons {
    min-height: 300px;
  }
}


@media (max-width: 992px) {
  .sppb-row-container,
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: calc(100% - 40px);
  }
  .container .sppb-row-container,
  .sppb-row-container .sppb-row-container,
  .container .container, .container-lg .container-lg, .container-md .container-md, .container-sm .container-sm, .container-xl .container-xl, .container-xxl .container-xxl {
    max-width: 100%;
  }
  .container .myVmCatModuleContent .sppb-row-container,
  .myCatView .container {
    max-width: calc(100% - 40px);
  } 
  /* TABS 1 */
  .myTabs1 > .sppb-addon-content > .sppb-nav-tabs {
    margin-top: 0px;
  }
  /* VM Products slider */
  .myVmProductsV1 .owl-carousel {
    width: calc(100% + 20px);
  }
  .myVmProductsV1 .owl-carousel > .owl-stage-outer {
    width: calc(100% - 20px);
  }
  .myVmProductsV1 .owl-carousel > .owl-stage-outer > .owl-stage {
    min-width: calc(100% + 20px);
    margin-left: -10px;
  }
  .myVmProductsV1 .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item {
    padding: 0px 10px;
  }
  .myVmProductsV1 .owl-carousel > .owl-nav {
    width: calc(100% - 20px);
  }
  /* BANNER SUBARU */
  #sp-main-body #sp-component .sppb-section.myBannersSubaruX,
  #sp-page-builder .sppb-section.myBannersSubaru {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #sp-page-builder .sppb-section.myBannersSubaru {
    margin-top: 50px;
  }
  .sppb-section.myBannersSubaru:before {
    background-image: url(banners/subaru-mobil.png);
    width: 286px;
    height: 37px;
    right: 21px;
  }
  .sppb-section.myBannersSubaru > div > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons {
    gap: 40px 0px;
  }
  /*.sppb-section.myBannersSubaru > div > .sppb-row > .sppb-row-column > .sppb-column > .sppb-column-addons > div:nth-child(2n+0) {}*/
  .sppb-section.myBannersSubaruRow:nth-child(2n+0) > div > .sppb-row {
    flex-direction: column-reverse;
  }
  .sppb-section.myBannersSubaruRow .sppb-column.myColText,
  .sppb-section.myBannersSubaruRow .sppb-column.myColImg {
    width: 100%;
  }
  .sppb-section.myBannersSubaruRow .sppb-column.myColImg img {
    position: relative !important;
  }
  /* BLOG Akce */
  .myModuleBlog .myBlogArt .myTitle {
    font-size: 18px;
    line-height: 22px;
  }
  .myModuleBlog .myBlogArt .myColomText {
    font-size: 16px;
    line-height: 21px;
  }
  /* FILTR */
  .myVmFilterBanner form#myVmFilterForm {
    padding: 11px 10px;
  }
  #slider {
    width: calc(100% - 80px);
  }
}


@media (max-width: 767px) {
  /* KONTAKT HLAVICKA */
  #sp-menu > .sp-column {
    gap: 10px 0px;
  }
  #sp-header .sp-module.myKontaktTop {
    position: relative;
    top: auto;
    right: auto;
    order: -1;
    width: 100%;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom {
    display: flex;
    flex-direction: column;
    /*align-content: flex-end;*/
    align-content: center;
    gap: 4px 0px;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * {
    gap: 0px 3px;
    line-height: 20px;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * > img {
    width: 20px;
    height: auto;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * > em {
    order: 1;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * > em:after {
    display: none;
  }
  #sp-header .sp-module.myKontaktTop .mod-custom > * > em:before {
    content: '- '
  }
  /* BANNERY 1 */
  .sppb-column.myBanners1Col > .sppb-column-addons {
    gap: 20px 0px;
  }
  .myBanner1 {
    font-size: 26px;
    padding: 24px 20px;
  }
  /* BANNERY 1 - SlideShow */
  .sp-slider.mySlideShowAddon .myText1 {
    font-size: 22px;
    line-height: 112%;
    bottom: 42px;
    padding: 0px 14px;
  }
  .sp-slider.mySlideShowAddon div.sp-dots {
    bottom: 12px !important;
  }
  /* BANNERY 2 */
  .sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column {
    padding-top: 0px;
  }
  .sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column:nth-child(2) {
    border-left: 0px;
    border-top: 1px solid #dbd9d9;
    padding-bottom: 0px;
    padding-top: 10px;
    margin-top: 17px;
  }
  .sppb-section.myBanners2Row > div > .sppb-row > .sppb-row-column:nth-child(2) > .sppb-column {
    padding-left: 0px;
    max-width: 100%;
    width: 100%;
  }
  .myBanners2Row .mySpBgTitle1 {
    top: 0px;
    left: auto;
    right: 0px;
    width: auto;
  }
  .myBanners2Row .mySpBgTitle1 .sppb-addon-title {
    font-size: 8vw;
  }
  .myBannerModelovaRada {
    padding-right: 0px;
    box-sizing: border-box;
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  /* BANNERY 3 = Flip Cards section */
  .sppb-section.myBannersFlipCards > div {
    margin: 0px -10px;
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
  }
  #sp-page-builder .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  #sp-component .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div.sppb-section,
  .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div {
    width: calc(100% / 2);
  }
  .sppb-column.myBannersFlipCardsCol > .sppb-column-addons > div:nth-of-type(2n+1):before {
    display: none;
  }
  /* PRODUCT SLIDER V1 = Products style - bottom params */
  .myDetailView .myBottomParams .myCover > .myParam,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam {
    width: 50%;
  }
  .myDetailView .myBottomParams .myCover > .myParam:nth-child(2n+1):nth-last-child(1):before,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:nth-child(2n+1):nth-last-child(1):before {
    display: none;
  }
  .myDetailView .myBottomParams .myCover > .myParam:nth-child(2n+3):after,
  .myVmProductsV1 .myProductContent .myBottomParams .myCover > .myParam:nth-child(2n+3):after {
    content: '';
    display: block;
    position: absolute;
    width: 500%;
    height: 1px;
    background-color: #dbd9d9;
    left: -250%;
    top: -8px;
  }
  /* BLOG Akce */
  .myModuleBlog > .myCoverBlog > .myBlogArt {
    width: 100%;
  }
  /* TITULKY */
  .mySpBgTitle1 h1.sppb-addon-title,
  .mySpBgTitle1 .sppb-addon-title {
    font-size: 10vw;
  }
  .mySpTitle1 .sppb-addon-content {
    font-size: 24px;
  }
  .myVmProductsV1 .myProductContent .myTitle {
    font-size: 20px;
  }
  /* VM Produkty kategorie */
  .myVmProductsV1 .myProductContent:before {
  
  }
  .myVmProductsV1 .myProductContent .myImage:before {
    padding-top: 70%;
  }
  /* VIRTUEMART */
  .category-view.myCatView {
    padding-top: 20px;
  }
  .myVmProductsV1.myCatView .myProductCover {
    width: 100%;
  }
  .category-view.myCatView .browse-view .myProductsCount {
    bottom: calc(100% + 0px);
  }
  /* PATICKA */
  #sp-footer-long #sp-footer-top .sppb-section.mySectionFooterTop {
    padding-bottom: 0px;
    /*margin-top: 20px;*/
  }
  /* MANUALNI ZALOZKY */
  .sppb-section.myManualTabs > div {
    margin: 0px 10px;
    width: calc(100% - 20px);
    max-width: 100% !important;
  }
  #sp-main-body .sppb-section.myManualTabs > div > .sppb-row > div,
  .sppb-section.myManualTabs > div > .sppb-row > div {
    width: calc(100% / 3);
    padding: 0px 5px;
  }
  #sp-main-body .sppb-section.myManualTabs.ver4 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver4 > div > .sppb-row > div {
    width: calc(100% / 2);
  }
  #sp-main-body .sppb-section.myManualTabs.ver6 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver6 > div > .sppb-row > div {
    width: calc(100% / 3);
  }
  #sp-main-body .sppb-section.myManualTabs.ver7 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver7 > div > .sppb-row > div {
    width: calc(100% / 3);
  }
  #sp-main-body .sppb-section.myManualTabs.ver9 > div > .sppb-row > div,
  .sppb-section.myManualTabs.ver9 > div > .sppb-row > div {
    width: calc(100% / 3);
  }
  .sppb-section.myManualTabs:not(.ver4) > div > .sppb-row > div:nth-of-type(3n+4):before {
    display: none;
  }
  .sppb-section.myManualTabs.ver4 > div > .sppb-row > div:nth-of-type(2n+1):before {
    display: none;
  }
  /* VM Detail */
  .myDetailView .back-to-category.mySpButton {
    float: none;
    text-align: right;
  }
  .myDetailView .vm-product-container > .vm-product-media-container,
  .myDetailView .vm-product-container > .vm-product-details-container {
    width: 100%;
    float: none;
  }
  .myDetailView .vm-product-container > .vm-product-media-container {
    margin-bottom: 20px;
  }
  .myDetailView .product-description table {
    display: block;
    max-width: 100%;
    overflow: auto;
  }
  .myDetailView .product-description table > tbody {
    display: table;
  }
  /* PAGE KONTAKT ROW 1 */
  #sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div,
  .myKontaktRow1 > div > .sppb-row > div {
    width: 100%;
  }
  #sp-page-builder .page-content .myKontaktRow1 > div > .sppb-row > div:nth-child(3),
  .myKontaktRow1 > div > .sppb-row > div:nth-child(3) {
    display: none;
  }
  .myKontaktRow2 > div > .sppb-row > div > div > .sppb-column-addons {
    padding: 10px 10px;
  }
  .myKontaktRow2 .myKontaktHlavicka > .sppb-addon-title {
    font-size: 28px;
    line-height: 100%;
  }
  .myKontaktRow2 .myKontaktKontakt {
    width: calc(100% - 51px);
    padding-left: 5px;
  }
  .myKontaktRow2 .myKontaktKontakt > .sppb-addon-title {
    margin-bottom: 5px;
  }
  .myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(2) img {
    right: calc(100% + 5px);
  }
  .myKontaktRow2 .myKontaktKontakt > .sppb-addon-content table td:nth-last-child(1) {
    font-size: 14px;
  }
  /* PAGE KONTAKT ROW 3 */
  .myTimeBlok.typ1 {
    margin: 0px;
    max-width: 100%;
  }
  .myTimeBlok .sppb-addon-content table td {
    font-size: 16px;
  }
  .myTimeBlok .sppb-addon-content table td:nth-last-child(n+2) {
    padding-right: 12px;
  }
  /* OBRAZKY optekani vpravo */
  .sppb-addon-content .imageRight {
    float: none !important;
    margin-left: 0px !important;
  }
  /* REPAIR - JCE PopUP !!! - left right switch */
  .wf-mediabox-frame {
    padding-left: 15px;
    padding-right: 15px;
  }
  .wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev,
  .wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next {
    width: 15px;
  }
  .wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev::after,
  .wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next::after {
    font-size: 18px;
  }
}


@media (max-width: 424px) {
  /* KONTAKT HLAVICKA */
  #sp-header > .container {
    max-width: calc(100% - 20px);
  }
  #sp-header > div > div > .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  #sp-header > div > div > .row > div {
    padding-left: 0px;
    padding-right: 0px;
  }
  #sp-menu > .sp-column {
    /*gap: 4px 0px;*/
  }
  #sp-header .sp-module.myLogoRight {
    margin-left: 20px;
  }  
}


@media (max-width: 374px) {
  #sp-header .sp-module.myLogoRight {
    display: none;
  }
}