/* 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 SMALL PC - 1279 and 980 */
@media (max-width: 1279px) and (min-width: 980px) {

}


@media (min-width: 992px) {
  /* TOP MENU - pop up button */
  div#cl-handler {
    display: none;
  }
}


/* STYLE FOR PC - 992 and more */
@media (min-width: 992px) {
  /* 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;
  }
  section#story-content.myAddLeft > div#content-handler > div > div.span3 + div.span9.myCatView {
  }
}
@media (max-width: 991px) {
  /* 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: 100%;
    box-sizing: border-box;
  }
  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: 0px;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 0px;
  }
  section#story-content.myAddLeft > div#content-handler > div > div.span3 + div.span9.myCatView {
  }
}


/* SPET RESPONSIVE VIEW */
@media (max-width: 1199px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px; /* 980 */
  }
  /* TOP MENU */
  nav#menu ul.menu-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  nav#menu ul.menu-nav > li {
    float: none;
    width: auto;
  }
  nav#menu ul.menu-nav > li.myMenuVm {
    white-space: nowrap;
  }  
}


@media (max-width: 991px) {
  /* page distribucni seznam */
  div.moduletableDistributi div.myProductRow > div.mySpacer,
  div.moduletableDistributi div.myProductRow:nth-child(2n+0) > div.mySpacer {
    flex-direction: column-reverse;
  }
  div.moduletableDistributi div.myProductRow div.myContent,
  div.moduletableDistributi div.myProductRow div.myImg {
    width: 100%;
  }
  div.moduletableDistributi div.myProductRow div.myImg {
    max-width: 436px;
  }
  /* TOP MENU */
  #menu, #megamenu-position {
    display: none;
  }
  /* HEADER */
  header#top-handler div.ms-handler > div.container > div.row-fluid > div.span12 {
    padding-bottom: 9px;
  }
  div.myPosLogo {
    width: 100%;
  }
  div.custom.myLogo {
    justify-content: center;
  }
  div.myTopMenu {
    display: block;
    width: auto;
    z-index: 1;
  }
  div.myTopMenuRight {
    order: 1;
    flex: 1;
  }
  /* VM DETAIL */
  div.myProDetailContentCover {
    flex-wrap: wrap;
  }
  div.productdetails-view div.myImgDetailProduct,
  div.productdetails-view div.myDetailProContent {
    width: calc(100%);
  }
}


@media (max-width: 979px) {
  /* header - top modules */
  div.myTopMenuTop {
    margin-bottom: 15px;
  }
  /* banner top 1 - intro image */
  div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > div:first-child,
  div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > div:first-child {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 7px;
  }
  div.custom.myIntroTwoImg > table > tbody > tr > td:first-child > p:last-child a,
  div.custom.myIntroTwoImg > table > tbody > tr > td:last-child > p:last-child a {
    min-width: unset;
    padding: 6px 9px;
    margin-top: 9px;
  }
  /* main intro content table */
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(1),
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(2) {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(1) {
    margin-bottom: 33px;
  }
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(2) {
    background-image: none;  
  }
  /* special contact table - only for 3 col */
  table.mySpContact > tbody > tr > td {
    display: block;
    width: 100% !important;
  }
  table.mySpContact > tbody > tr > td:nth-child(n+2) {
    padding-left: 0px;
    background-image: none;
    margin-top: 15px;
  }
  table.mySpContact > tbody > tr > td > table {
    height: auto !important;
    width: 100%;
  }
  table.mySpContact > tbody > tr > td > table td:nth-child(2) {
    width: auto !important;
  }
  /* article contact - table myTableContacts */
  table.myTableContacts td p {
    clear: both;
  }
  /* myArtMenu module menu in articles */
  div.moduletable.myArtMenu > ul.menu > li:nth-child(2n+1),
  div.moduletable.myArtMenu > ul.menu > li:nth-child(2n+2) {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    height: auto;
  }
  div.moduletable.myArtMenu > ul.menu > li:first-child {
    margin-top: 0px;
  }
  div.moduletable.myArtMenu > ul.menu > li > a span.myText {
    max-height: none;
  }
  /* special table Left text Right img */
  table.myLtextRimg td {
    display: block;
    padding-left: 0px !important;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  table.myLtextRimg td:last-child {
    margin-bottom: 0px;
  }
  /* art module menu with images */
  div.moduletable.myArtMenu2 > ul.menu > li {
    width: 260px;
    margin-bottom: 16px;
  }
  div.moduletable.myArtMenu2 > ul.menu > li:nth-child(n+6) {
    margin-top: 0px;
  }
  /* manual gallery style */
  p.myManualGallery img {
    width: 260px;
  }
}


@media (max-width: 991px) and (min-width: 768px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 728px !important; /* 768 */
  }
}


@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;
  }
  #content-handler,
  .container .container {
    padding: 0px 0px;
  }
  /* FORM STYLING */
  div.bfFormDiv form.bfQuickMode div.controls label.control-label,
  div.bfFormDiv form label {
    width: 100% !important;
  }
  div.bfFormDiv form section#gdpr label {
    width: auto !important;
    margin-right: 10px;
  }
  /* header */
  header#top-handler div.ms-handler {
    /*padding-top: 15px;*/
  }
  /* header - logo */
  div.myTopMenuLeft {
    float: none;
    display: table;
    margin: auto;
    margin-bottom: 13px;
  }
  /* header - top modules */
  div.myTopMenuTop {
    clear: both;
    margin: auto;
  }
  div.myTopMenuTop > div.myHeaderTextPos {
    float: none;
    clear: both;
    margin: auto;
  }
  /* banner top 1 - intro image */
  div.custom.myIntroTwoImg {
    margin-top: 0px;
    margin-bottom: 20px;
  }
  div.custom.myIntroTwoImg > table > tbody > tr > td:first-child,
  div.custom.myIntroTwoImg > table > tbody > tr > td:last-child {
    width: 50%;
  }
  div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(2),
  div.custom.myIntroTwoImg > table > tbody > tr > td:nth-child(3) {
    display: none;
  }
  /* main content */
  div#main-content-handler {
    max-width: 100%;
  }
  /* bottom 1 - breezing form */
  div.bfFormDiv.myFooterForm form section#myColumn1,
  div.bfFormDiv.myFooterForm form section#myColumn2 {
    float: none;
    width: 100%;
  }
  div.bfFormDiv.myFooterForm form section#myColumn2 {
    margin-left: 0px;
  }
  div.bfFormDiv.myFooterForm form div.form-actions button#bfSubmitButton.bfSubmitButton {
    min-width: unset;
  }
  /* footer - 3 col - col nuber 2 (bottom menu) */
  footer#footer div.myFooter3Col > div:nth-child(2) {
    display: none;
  }
  /* NAVIGATION */
  div#breadcrumb-line > div.container {
    padding: 0px 10px;
  }
  /* VM CATEGORY */
  div#myVmMenuPos.span3,
  div#main-content-handler.span9.myCatView,
  div#myVmMenuPos.span3 + div#main-content-handler.span9 {
    padding: 0px 10px;
  }
}


@media (max-width: 600px) {
  /* banner top 1 - intro image */
  div.custom.myIntroTwoImg > table > tbody > tr > td:first-child,
  div.custom.myIntroTwoImg > table > tbody > tr > td:last-child {
    display: block;
    width: 100%;
  }
  div.custom.myIntroTwoImg > table > tbody > tr > td:first-child {
    margin-bottom: 20px;
  }
  /* title h1 */
  h1, p.myH1, div.blog h1, div.productdetails-view h1 {
    font-size: 28px;
  }
}


@media (max-width: 500px) {
  /* header - top modules */
  div.myTopMenuTop > div:first-child,
  div.myTopMenuTop > div {
    float: none;
    display: table;
    margin: auto;
  }
}

@media (max-width: 425px) {
  /* page distribucni seznam */
  div.moduletableDistributi div.myProductRow > div.mySpacer {
    padding-left: 0px;
    padding-right: 0px;
  }
}


@media (max-width: 424px) {
  /* header - top modules - text phone and email */
  div.custom.myHeaderText {
    padding: 3px 0px;
  }
  div.custom.myHeaderText > p {
    float: none;
    margin-left: 0px;
    padding: 3px 0px;
  }
  /* footer */
  div#footer-line {
    padding-bottom: 50px;  
  }
  /* main intro content table */
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(1) > table td:nth-child(2) > div:nth-child(1),
  div.item-page.myIntroArticle > div > table > tbody > tr > td:nth-child(1) > table td:nth-child(2) > div:nth-child(1) a {
    font-size: 20px;
  }
  /* special contact table - only for 3 col */
  table.mySpContact > tbody > tr > td > table td:nth-child(1),
  table.mySpContact > tbody > tr > td > table td:nth-child(2) {
    display: block;
  }
  table.mySpContact > tbody > tr > td > table td:nth-child(1) {
    margin-bottom: 15px;
  }
  table.mySpContact > tbody > tr > td > table td:nth-child(2) {
    height: calc(100% - 166px - 15px);
  }
  table.mySpContact > tbody > tr > td > table td:nth-child(2) > div:nth-child(1) {
    margin-top: 0px;
  } 
}


@media (max-width: 374px) {
  /* bottom 1 - breezing form */
  div.bfFormDiv form section#gdpr label {
    font-size: 13px;
    /*width: calc(100% - 25px) !important;*/
    max-width: calc(100% - 25px) !important;
    margin-right: 5px;
  }
  /* article contact - table myTableContacts */
  table.myTableContacts td {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* 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;*/
  }
  /* HEADER */
  header#top-handler div.ms-handler {
    padding: 0px 13px;
  }
  div.myTopMenu {
    margin-left: -3px;
  }
  div.myLogPannel {
    margin-left: 0px;
  }
  div.myLogPannel ul.log-panel > li {
    margin-right: 10px !important;
  }
  div.myTopMenuRight > div.myCartModule {
    margin-left: 10px;
  }
  div.mySearchPos form > div.mijosearch input.form-control {
    width: 160px;
  }
}


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


/* VM PRODUCTS IN LINE */
@media (max-width: 1199px) and (min-width: 500px) {
  /* VM CATEGORY products */
  div.my-vm-view > div.my-col-3[class*="span"],
  div.my-vm-view > div.my-col-3 {
    width: calc(50% - 0px) !important;
  }