/* ADD MY STYLE - RESPONSIVE */

/* STYLE FOR BIG PC - 1200 and more */
@media (min-width: 1200px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1170px;  
  }
  /* SLIDE SHOW - images, pagination */
  div#slideshow-handler-bg div.camera_caption > div > div > div.container,
  div#slideshow-handler-bg div.camera_pag {
    /*padding-left: calc((100% - 1240px) / 2);*/
  }
}
/* STYLE FOR BIG PC - 1200 and more */
@media (min-width: 1400px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1374px;  
  }
}


/* STYLE FOR SMALL PC - 1399 and 1200 */
@media (max-width: 1399px) and (min-width: 1200px) {
  nav#menu ul.menu-nav > li > a {
    padding: 0px 13px !important;
  }
}

/* STYLE FOR SMALL PC - 1279 and 980 */
@media (max-width: 1279px) and (min-width: 980px) {

}


/* STYLE FOR PC - 980 and more */
@media (min-width: 980px) {
  /* TOP MENU - pop up button */
  div#cl-handler {
    display: none;
  }
  /* STANDART MAIN CONTENT - siyinz for span 3 and span 9 */
  /*div#main-content-handler > div.row-fluid > div.span3.rs-cl {
    width: 26.97917%;
  }
  div#main-content-handler > div.row-fluid > div.span9.rs-cc {
    width: 70%;
    margin-left: 3.02083%;
  }*/
  /* MY ADD LEFT SITE CONTENT */
  div#main-content-handler > div.row-fluid > div.span3.rs-cl,
  section#story-content.myAddLeft > div#content-handler > div > div.span3 {
    width: 260px;
    box-sizing: content-box;
    /*margin-right: 45px;*/
  }
  div#main-content-handler > div.row-fluid > div.span9.rs-cc,
  section#story-content.myAddLeft > div#content-handler > div > div.span3 + div.span9,
  div#myNavigationPosition div.row-fluid div.span9 {
    margin-left: 2px;
    width: calc(100% - 260px - 2px);
    box-sizing: border-box;
    padding-bottom: 0px;
  }
  /* WIDTH VM PRODUCTS IN CATEGORY */
  div.row-fluid.tft-modules div.product.span2.myRowP5 {
    width: calc(20% - 8px);
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 10px;
    min-width: 0px;
  }
  div.row-fluid.tft-modules:first-child div.product.span2.myRowP5 {
    margin-top: 0px;
  }
  div.row-fluid.tft-modules div.product.span2.myRowP5:first-child {
    margin-left: 0px;
  }
}


/* SPET RESPONSIVE VIEW */
@media (max-width: 1199px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px; /* 980 */
  }
  /* header - bg */
  section#myTopSection > div.myBg > div.container > span {
  background-size: 100% auto;
  background-position: 50% 100%;
  width: 1095px;
  margin-left: -120px;
  }
  /* logo */
  div.myPosLogo {
    margin-right: 15px;
  }
  /* top menu */
  nav#menu ul.menu-nav > li > a {
    padding: 0px 5px !important;
  }  
}


@media (max-width: 979px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 728px; /* 768 */
  }
  /* header - top modules */
  div.myTopMenuTop {
    /*margin-bottom: 0px;*/
  }
  /* header - contact */
  div.myTopMenuTop div.myHeaderTextPos {
    padding-bottom: 10px;
    box-sizing: border-box;
  }
  /*div.myTopMenuTop div.myHeaderTextPos > div.custom {
    vertical-align: top;
    padding-top: 5px;
  }
  div.custom.myContactHeader table td {
    padding: 5px 0px;
  }*/
  /* slide image */
  div#slideshow-handler div.sl-3rd-parties div.custom > table td {
    font-size: 40px;
  }
  /* intro article */
  body.myBody.myIntro div.myMainContent {
    padding-top: 80px;
  }
  div.item-page.myIntro > div > table > tbody > tr > td {
    display: block;
    padding: 0px !important;
    width: 100% !important;
    margin-bottom: 80px;
  }
  div.item-page.myIntro > div > table > tbody > tr:last-child > td:last-child {
    margin-bottom: 0px;
  }
}


@media (max-width: 767px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 100%;
    padding: 0px 20px;
    box-sizing: border-box;
  }
  .container .container {
    padding: 0px 0px;
  }
  /* header */
  header#top-handler div.ms-handler {
    padding-top: 15px;
  }
  /* header - bg */
  section#myTopSection > div.myBg {
    height: 80px;
  }
  section#myTopSection > div.myBg > div.container {
    width: 295px;
    max-width: 100%;
  }
  /* header - logo */
  div.myPosLogo {
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 12px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  /* header - top modules */
  div.myTopMenuTop {
    clear: both;
    margin: auto;
  }
  div.myTopMenuTop > div.myHeaderTextPos {
    float: none;
    clear: both;
    margin: auto;
    height: auto;
    padding: 0px;
    display: table;
  }
  /* header - top modules - header contact */
  div.myTopMenuTop div.myHeaderTextPos > div.custom.myContactHeader > table > tbody > tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  div.myTopMenuTop div.myHeaderTextPos > div.custom.myContactHeader > table > tbody > tr > td:nth-child(1) {
    width: 23px;
    box-sizing: content-box;
    text-align: center;
  }
  div.myTopMenuTop div.myHeaderTextPos > div.custom.myContactHeader > table > tbody > tr > td:nth-child(1) img {
    margin-left: auto;
    margin-right: auto;
  }
  /* header - top menu button */
  div#cl-handler a {
    padding: 8px 0px;
  }
  /* header - lang switch */
  div.myLangSwitchSpacer {
    height: 38px;
  }
  /* main content */
  div#main-content-handler {
    max-width: 100%;
  }
  /* RESPONSIVE TABLE */
  table.myResponsiveTable {
    display: block;
    overflow: auto;
  }
  table.myResponsiveTable > tbody {
    display: table;
    width: 100%;
  }
  /* BLOG - AKCE */
  div.newsflash.myNewsModul div.myArticle div.myArticleIntroImg {
    float: none;
    margin-left: 0px;
    margin-bottom: 15px;
  }  
}


@media (max-width: 600px) {
  /* title h1 */
  h1, p.myH1, div.blog h1, div.productdetails-view h1 {
    font-size: 28px;
  }
  /* module title - banner 1 (co vam nabizime) */
  div.myTitleBlock div.sppb-addon-content, div.myTitleBlock div.sppb-addon-content h1, div.myTitleBlock div.sppb-addon-content h2 {
    font-size: 40px;
  }
  /* arrow jump to top */
  .jump-to-top.visible {
    bottom: 96px;
  }
  .myKurzyTable .sppb-addon-content > table > tbody > tr > td {
    display: block;
  }
}


@media (max-width: 500px) {
  /* header - top modules */
  /*div.myTopMenuTop > div:first-child,
  div.myTopMenuTop > div {
    float: none;
    display: table;
    margin: auto;
  }*/
  /* position banner-1 (co vam nabizime) */
  div.myBanner1 div.sppb-addon-text-block.myImgTextBlock > div.sppb-addon-content {
    font-size: 30px;
    font-weight: 600;
  }
}


@media (max-width: 424px) {
  /* intro button - poptat */
  div#slideshow-handler div.sl-3rd-parties div.custom > div a {
    padding: 28px 30px;
  }
  /* position banner-1 - co vam nabizime */
  div.myBanner1 div.sppb-addon-text-block.myImgTextBlock > div.sppb-addon-content {
    font-size: 20px;
    font-weight: bold;
  }
  /* footer */
  div#footer-line {
    /*padding-bottom: 50px;*/  
  } 
}


@media (max-width: 374px) {
  /* bottom 1 - breezing form */
  div.bfFormDiv form section#gdpr label {
    font-size: 13px;
    width: calc(100% - 25px) !important;
  }
  /* article float img */
  div.item-page > div[itemprop="articleBody"] img[style*="float: left;"],
  div.item-page > div[itemprop="articleBody"] img[style*="float: right;"] {
    /*float: none !important;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;*/
  }
}


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


/* SP BUIDER STYLING RESPONSIVITY */
@media (max-width: 991px) {
  /* MY CONTACT UP FOOTER */
  div#myContactUpFooter:before {
    position: relative;
  }
  /* MY CONTACT UP FOOTER - modules title */
  div.myContactModuleRow div.sppb-addon-title {
    text-align: center;
  }
  /* MY CONTACT UP FOOTER - modules content */
  div.myContactModuleRow > div > div.sppb-row > div {
    border-left: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  div.myContactModuleRow > div > div.sppb-row > div:nth-child(1) {
    border-top: 0px;
  }
}