/* MY RESPONSIVE VIEW */



/* MY RESPONSIVE VIEW - width */

@media (min-width: 1366px) {
  /* container */
  .container {
    max-width: 1232px;
  }
  /*  TOP MENU - mobile menu */
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    display: none !important;
  }
}


@media (max-width: 1365px) {
  /* container */
  .container {
    max-width: 984px;
  }
  /*  TOP MENU */
  div#sp-menu nav.sp-megamenu-wrapper.d-flex {
    display: none !important;
  }
  header#sp-header div#sp-search {
    margin-right: 0px;
  }
  /*  TOP MENU - mobile menu */
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: none;
    margin: 0px 20px;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right:after {
    content: 'MENU';
    margin-left: 7px;
    font-size: 15px;
    font-weight: 600;
    color: white;
  }
  .offcanvas-active .burger-icon>span,
  #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
  }
  /* ANIMATE NUMBER */
  .myAnimateNumber,
  .myNumberText {
    font-size: 22px;
  }
  /* CASOVA OSA SLIDER */
  .myTimeSwiftSlide .owl-nav,
  .myTimeSwiftSlide .owl-dots {
    margin-top: 20px;
  }
  .myTimeSwiftSlide .owl-item p {
    font-size: 23px;
    line-height: 113%;  
  }
    /* NASE VIZE A HODNOTY - PAGE */
  .mySpCellFormatLeft div.sppb-addon.sppb-addon-text-block {
    font-size: 20px;
    line-height: 24px;
  }
  .mySpCellFormatLeft .titleHeading,
  .mySpCellFormatLeft div.sppb-addon.sppb-addon-text-block.titleHeading {
    font-size: 36px;
    line-height: 100%;
  }
  .mySpCellFormat .myTitle {
    font-size: 20px;
  }
  /* KARIERA */
  div.sppb-column.myStyleKariera {
  
  }
  .newsflashKariera .myArticleTitle {
    font-size: 30px;
  }
  /* KONTAKY */
  div.sppb-column.myStyleKontakt > div.sppb-column-addons > div.sppb-section > div.sppb-container-inner > div.sppb-row > div {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    width: 297px;
  } 
}


@media (max-width: 1023px) {
  /* container */
  .container {
    max-width: calc(100% - 40px);
  }  
}


@media (max-width: 991px) {
  /* INTRO IMAGE */
  div.sppb-section.myTopImg > div.sppb-container-inner > div.sppb-row > div.sppb-col-md-12 > div {/* same min height */
    /*min-height: 603px !important;*/
    min-height: 46.1933vw !important;
  }
  .myTopImg.myShadowImg div.mySlideShowImgArt div.sp-background:before,
  .myTopImg.myShadowImg:before {
    display: none;
  }
  /* CASOVA OSA SLIDER */
  .owl-item .newsflash-title {
    font-size: 23px;
  }
  .myTimeSwiftSlide .owl-item p {
    font-size: 18px;
    line-height: 113%;
  }
  /* PS BUILDER - ROW */
  .sppb-row {
    gap: 20px 0px;
  }
  .myRowSpace .sppb-row {
    row-gap: 0px;
  }
  /* NASE VIZE A HODNOTY - PAGE */
  .mySpCellFormat {
    width: calc(100% + 40px);
    margin: 0px -20px;
  }
  .mySpCellFormat div.sppb-row {
    gap: 0px 0px;
  }
  .mySpCellFormat div.sppb-row > div {
    width: 33.33333%;
  }
  /* FORM */
  .titleHeading.myForm > div.sppb-addon-content > div,
  .myFormText > div.sppb-addon-content > div {
    /*display: inline-block;*/
    display: inline;
  }
  form.myFormStyle.my2 .rsform-block label {
    width: 140px;
  }
  form.myFormStyle.my2 .rsform-block .formControls {
    width: calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
  /* CESTIFIKACE - REVERSE COL */
  .myMobileReverseCol > div.sppb-container-inner > div.sppb-row {
    flex-direction: column-reverse;
  }
  /* STAVEBNINY */
  div.sppb-column.myStyleStavebniny {
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
    margin: 0px -20px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  div.sppb-column.myStavebninyLeft {
    padding-top: 40px !important;
    padding-right: 0px !important;
    padding-bottom: 40px !important;
    padding-left: 0px !important;
  }
  div.sppb-column.myStavebninyLeft div.sppb-column-addons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px 40px;
  }
  div.sppb-column.myStavebninyLeft div.sppb-column-addons > div {
    margin: 0px !important;
  }
  div.sppb-column.myStavebninyLeft div.sppb-column-addons > div:nth-child(1) {
    flex-grow: 1;
  }
  div.sppb-column.myStavebninyLeft > div.sppb-column-addons > div.sppb-section.myLineAdress div.sppb-column-addons {
    gap: 15px 15px;
  }
  div.sppb-column.myStavebninyLeft > div.sppb-column-addons > div.sppb-section.myLineTime div.sppb-column-addons {
    gap: 15px 25px;
    align-items: flex-end;
  }
  div.sppb-column.myStavebninyTable {
    max-width: 100%;
  }
  /* KARIERA */
  div.sppb-column.myStyleKariera {
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
  }
  /* KONTAKY */
  div.sppb-column.myStyleKontakt {
    max-width: 100%;
    width: 100%;
    padding-left: 0px;
  }
  div.sppb-column.myStyleKontakt > div.sppb-column-addons > div.sppb-section > div.sppb-container-inner > div.sppb-row {
    /*display: flex;*/        
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    /*align-content: flex-start;*/
    /*justify-content: center;*/
    /*align-items: stretch;*/
  }
  div.sppb-column.myStyleKontakt > div.sppb-column-addons > div.sppb-section > div.sppb-container-inner > div.sppb-row > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
  }
  div.sppb-column.myStyleKontakt .titleHeading div {
    font-size: 18px !important;
    line-height: 100% !important;
  }
  .sppb-column.myStyleKontaktLeft {
    padding-top: 20px !important;
    padding-right: 0px !important;
    padding-bottom: 44px !important;
  }
  .sppb-column.myStyleKontaktLeft > div.sppb-column-addons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0px 44px;
  }
  .sppb-column.myStyleKontaktLeft > div.sppb-column-addons > div {
    min-width: 28%;
  }
  /* HIDDEN COLS */
  .sppb-section.myMobileHiddenCol3 > div > div.sppb-row > div:nth-child(3) {
    display: none;
  }
  /* MOBILE LINE - use in vyrobni program */
  .sppb-section.myMobileLine div.sppb-column > div.sppb-column-addons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0px 40px;
  }
  /* Hlavicka - Ostatni Stranky */
  .sppb-addon.mySlideImg {
    display: none;
  }
}


@media (max-width: 767px) {
  /* CASOVA OSA SLIDER */
  #sppb-addon-1670514773059 .sppb-addon-title {
    font-size: 24px;
    line-height: 28px;
  }
  /* NASE VIZE A HODNOTY - PAGE */
  .mySpCellFormat div.sppb-row > div {
    width: 100%;
  }
    /* KARIERA */
  .newsflashKariera .myArticleTitle {
    font-size: 24px;
  }
  /* KONTAKY */
  div.sppb-column.myStyleKontakt > div.sppb-column-addons > div.sppb-section > div.sppb-container-inner > div.sppb-row > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }  
}


@media (max-width: 559px) {
  /* FORM */
  form.myFormStyle.my2 .rsform-block .formControls,
  form.myFormStyle.my2 .rsform-block label {
    width: 100%;
    max-width: 100%;
  }
  form.myFormStyle.my2 .rsform-block.rsform-block-textodeslat > div {
    display: inline;
  }
}


@media (max-width: 374px) {
  /*  TOP MENU - mobile menu */
  #sp-header .container {
    max-width: calc(100% - 20px);
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin: 0px;
  }
  /* ANIMATE NUMBER */
  .myNumbersWithText .sppb-col-xs-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}



/* REPAIR STYLE */
@media (max-width: 1365px) and (min-width: 992px) {
  /* NASE VIZE A HODNOTY - PAGE */
  body.mySpCellFormatPage main#sp-component .sppb-col-md-5 {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
  }
  body.mySpCellFormatPage main#sp-component .sppb-col-md-7 {
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    max-width: 67%;
  }
  .mySpCellFormat {
    /*width: calc(100% + ((100vw - 984px) / 2) - 20px);*/
    width: calc(100% + ((100vw - 149%) / 2) - 8px);
  }
  /* REFERENCE - sp SimplePortfolio */
  .sp-simpleportfolio .sp-simpleportfolio-filter > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 10px 0px;
  }
  /* PODPORUJEME */
  .titleHeading.myArtPodporujeme {
    font-size: 40px;
    line-height: 112%;
  }
  /* STAVEBNINY */
  div.sppb-column.myStyleStavebniny {
    max-width: calc(100% + ((100vw - 984px) / 2) - 20px);
  }
  /* KARIERA */
  div.sppb-column.myStyleKariera {
    max-width: calc(100% + ((100vw - 984px) / 2) - 20px);
  }
  /* KONTAKY */
  div.sppb-column.myStyleKontakt {
    max-width: calc(100% + ((100vw - 984px) / 2) - 20px);
  }
  /*div.sppb-column.myStyleKontakt > div.sppb-column-addons > div.sppb-section > div.sppb-container-inner > div.sppb-row > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }*/
}
@media (max-width: 991px) and (min-width: 768px) {
  /* ANIMATE NUMBER */
  .myNumbersWithText .sppb-col-sm-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  /* TOP SOCIAL LINK (SEARCH POSITION) */
  header#sp-header div#sp-search {
    display: block !important;
  }
  /* CASOVA OSA SLIDER */
  #sppb-addon-1670514773059 .sppb-addon-title {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
.myNumbersWithText > div.sppb-container-inner > div.sppb-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: stretch;
}
.myNumbersWithText > div.sppb-container-inner > div.sppb-row > div {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: auto;
  width: auto;
}
}