/* 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,
.sppb-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: 1257px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 992px) {
  /* HEADER - Mobile menu button */
  #sp-header #offcanvas-toggler {
    /*display: none;*/
  }
}

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



@media (max-width: 1199px) and (min-width: 560px) {
  .scrollup {
    bottom: 50px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  /* SlideShow */
  .mySlideShow .mySlideText1 {
    line-height: 120%;
  }
  .mySlideShow .sppb-sp-slider-button {
    margin: 0px;
    margin-top: 12px;
  }
  /* Paticka Logo Text */
  #sp-bottomlong .myFooterLogoText1 > .sppb-addon-title {
    font-size: 13px;
    line-height: 100%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  /* BOX 1 */
  #sp-main-body .sppb-section.mySecBox1 > div > .sppb-row > div:nth-child(1) {
    max-width: 40%;
    flex-basis: 40%;
  }
  #sp-main-body .sppb-section.mySecBox1 > div > .sppb-row > div:nth-child(2) {
    max-width: 60%;
    flex-basis: 60%;
  }
}

@media (max-width: 767px) and (min-width: 425px) {
  /* Animovana cisla 1 */
  #sp-main-body .sppb-section.myAnimNumber1 > div > .sppb-row > div {
    max-width: 50%;
    flex-basis: 50%;
  }
}



@media (max-width: 1199px) {
  /* Animovana cisla 1 */
  #sp-main-body .sppb-section.myAnimNumber1 .sppb-addon-wrapper.addon-root-icon {
    margin-bottom: 10px;
  }
  #sp-main-body .sppb-section.myAnimNumber1 .sppb-addon-wrapper.addon-root-icon > div {
    padding-bottom: 0px;
  }
  #sp-main-body .sppb-section.myAnimNumber1 .sppb-addon-content .sppb-animated-number,
  #sp-main-body .sppb-section.myAnimNumber1 .sppb-addon-content .sppb-animated-number-title {
    line-height: 100%;
  }
  #sp-main-body .sppb-section.myAnimNumber1 .sppb-addon-content .sppb-animated-number-title {
    margin-top: 3px;
  }
  /* FOOTER */
  #sp-bottomlong {
    padding: 30px 0 30px 0;
  }
  /* Podstranky - Text 1 */
  #sp-main-body .sppb-section.myKontaktySec1,
  #sp-main-body .sppb-section.myKontaktySec2,
  #sp-main-body .sppb-section.myPageText1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


@media (max-width: 991px) {
  /* Logo + Right Contacts */
  #sp-logo-wrapper {
    padding: 10px 0px;
  }
  #sp-logo-wrapper > div > .row {
    row-gap: 10px;
  }
  #sp-logo-wrapper #sp-logo2,
  #sp-logo-wrapper #sp-logo-right {
    height: auto;
    width: auto;
  }
  #sp-logo-wrapper #sp-logo-right {
    width: calc(100% - 342px);
    min-width: 50%;
    flex-grow: 1;
  }
  .sppb-section.myLogoContactSec > div > .sppb-row {
    row-gap: 10px;
  }
  #sp-logo-wrapper .sppb-addon-feature.sppb-text-left {
    margin: 0px;
  }
  #sp-logo-right .sppb-addon-feature > .sppb-addon-content > .sppb-media .sppb-icon-container > i {
    font-size: 16px;
    width: 16px;
    height: auto;
    line-height: 100%;
  }
  #sp-logo-right .sppb-addon-feature .sppb-media > .pull-left {
    margin: 0px;
    margin-right: 5px;
  }
  #sp-logo-right .sppb-addon-feature .sppb-media > .pull-left,
  #sp-logo-wrapper .sppb-addon-feature.sppb-text-left .sppb-media-body {
    width: auto;
  }
  #sp-logo-right .sppb-addon-feature > .sppb-addon-content > .sppb-media .sppb-media-content > .sppb-addon-title {
    margin-bottom: 2px;
  }
  #sp-logo-right .sppb-addon-feature > .sppb-addon-content > .sppb-media .sppb-media-content > .sppb-addon-text {
    display: none;
  }
  /* Header - Mobile Menu */
  #sp-header #sp-menu,
  #sp-header #sp-search {
    width: auto;
  }
  #sp-header #sp-search {
    flex-grow: 1;
  }
  a#offcanvas-toggler {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 5px;
    margin: 0px;
  }
  a#offcanvas-toggler::after {
    content: 'MENU';
    font-size: 20px;
    font-weight: 400;
    color: #959595;
  }
  #sp-header.menu-fixed a#offcanvas-toggler::after {
    color: #fff;
  }
  /* List 1 - ver2 */
  .mySpList1.ver2 > .sppb-addon-content > ul > li:nth-child(n+2) {
    margin-top: 10px;
  }
  /* Footer */
  #sp-bottomlong .sppb-section.mySecFooter1 > div > .sppb-row {
    row-gap: 30px;
  }
  #sp-bottomlong .sppb-section.mySecFooter1 > div > .sppb-row > div {
    max-width: 100%;
    flex-basis: auto;
    width: auto;
  }
  #sp-bottomlong .sppb-section.mySecFooter1 > div > .sppb-row > div:nth-child(1) {
  
  }
  #sp-bottomlong .sppb-section.mySecFooter1 > div > .sppb-row > div:nth-child(2) {
    flex-grow: 1;
    min-width: 50%;
  }
  #sp-bottomlong .sppb-section.mySecFooter1 > div > .sppb-row > div:nth-child(3) {
    width: 100%;
  }
  /* Footer - Menu */
  .myModuleMenu1 ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px 30px;
  }
  .myModuleMenu1 ul > li > a {
    padding: 2px 0;
  }
  /* TOP on Header */
  #sp-top1,
  #sp-top2 {
    width: auto;
  }
  #sp-top2 {
    flex-grow: 1;
  }   
}


@media (max-width: 767px) {
  .sppb-row-container, .sppb-container, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: calc(100vw - 30px);
  }
  /* Header - TOP */
  #sp-top1,
  #sp-top2 {
    line-height: 24px;
  }
  /* Header - TOP - Icon Text */
  #sp-top1 .sppb-addon-feature.sppb-text-left .sppb-media {
    display: block;
  }
  /* Header - TOP - Social Link */
  #sp-top2 ul.social-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
    float: none;
  }
  #sp-top2 ul.social-icons > li {
    margin: 0px;
  }
  /* SlideShow */
  .mySlideText1 {
    line-height: 120%;
  }
  /* Slogan 1 */
  #sp-main-body .mySlogan1 .sppb-media {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    row-gap: 10px;
  }
  #sp-main-body .mySlogan1 .sppb-media > .pull-left {
    margin: 0px;
  }
  /* SP List Icons */
  #sp-main-body .sppb-section.mySpListIcon1 .sppb-addon-title.sppb-feature-box-title {
    margin: 0px;
  }
  /* Hlavicka podstranky */
  #sp-page-title .sp-page-title h1,
  #sp-page-title .sp-page-title .myH1 {
    font-size: 38px;
  }
  #sp-page-title .sp-page-title h2,
  #sp-page-title .sp-page-title .myH2 {
    font-size: 28px;
  }  
}


@media (max-width: 554px) {
  /* SlideShow */
  .mySlideText1 {
    max-width: 300px;
  }
}


@media (max-width: 424px) {
  
}


@media (max-width: 374px) {
  /* Header - TOP */
  #sp-top1 {
    padding-right: 0px;
  }
  #sp-top-bar .sppb-media > .pull-left {
    display: none;
  }
  #sp-top-bar .sppb-media > .sppb-media-body .sppb-addon-text {
    /*font-size: 11px;*/
  }
}
