/* ADD MY STYLE - RESPONSIVE*/

@media (min-width: 1999px) {
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage {
    background-size: cover;
  }
}

@media (max-width: 1279px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container,
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table {
    width: 1200px; /* 1240 */
  }
  nav#menu > div.myBg:before {
    width: calc((100% - 1200px) / 2);
  }
  nav#menu > div.myBg:after {
    width: calc(50% + (1200px / 2) - 218px);
  }
}

@media (max-width: 1239px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container,
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table {
    width: 984px; /* 1024 */
  }
  nav#menu > div.myBg:before {
    width: calc((100% - 984px) / 2);
  }
  nav#menu > div.myBg:after {
    width: calc(50% + (984px / 2) - 218px);
  }
  /* logo */
  div.myLogoModul {
    margin-right: 10px;
  }
  /* search top header modul */
  div.search.myHeaderSearch > input#mod-search-searchword {
    width: 120px;
  }
  /* top menu */
  nav#menu > div.container > div#menu-handler > div.responsive-menu {
    margin-right: 166px;
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu > ul.menu-nav#nav > li > a {
    padding: 0px 10px !important;
  }
}

@media (max-width: 1023px) {
  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container,
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table {
    width: 728px; /* 768 */
  }
  nav#menu > div.myBg:before {
    width: 100%;
  }
  nav#menu > div.myBg:after {
    display: none;
  }
  /* logo */
  div.myLogoModul > div.custom.myLogo {
    background-image: none !important;
    padding-bottom: 3px;
  }
  /* search top header modul */
  div.mySearchModul {
    float: none;
    line-height: 97px;
    text-align: right;
  }
  div.search.myHeaderSearch > input#mod-search-searchword {
    width: 210px;
  }
  /* top menu */
  nav#menu > div.container > div#menu-handler > div.responsive-menu {
    margin-left: 0px;
    margin-right: 0px;
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu {
    height: 36px;  
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu > ul.menu-nav#nav {
    background-color: transparent;
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu > ul.menu-nav#nav > li > a {
    padding: 0px 14px !important;
    line-height: 36px !important;
    height: 36px;
  }
  /* slide show */
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table > tbody > tr > td:first-of-type > p {
    line-height: 36px;
    font-size: 20px;
  }
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table > tbody > tr:last-of-type > td:first-of-type > p {
    font-size: 18px;
    line-height: 32px;
  }
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table > tbody > tr:first-of-type > td:nth-of-type(2) img {
    margin-right: 0px;
  }
  /* modul top banner - produktova rada */
  div.myTopBanners > div.container {
  overflow: hidden;
  }
  div.myTopBanners > div.container > div.custom {
    margin: 0px -15px;
  }
  div.myTopBanners > div.container > div.custom > table {
    margin: 0px auto;
    width: 100%;
    max-width: 633px;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td {
    width: 33.33%;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(3n+0) {
    width: 33.34%;  
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(1n+4) {
    margin-top: 30px;
  }
  /* modul bottom long - partners */
  section#bottom-long {
    display: none;
  }
  section#bottom-long+div.myUnderFooter {
    padding-top: 50px;
    margin-top: 0px;
  }
  /* modeles under footer */
  div.myUnderFooter > div.container > div.myModul > div.moduletable > div.myTitle > p {
    font-size: 30px;
  }
  /* article contact */
  table.myContactTable > tbody > tr > td:first-child {
    width: 35%;
  }
  table.myContactTable > tbody > tr > td:last-child {
    width: 65%;
  }
  /* bottom form for all page */
  div.bfFormDiv.myBottomForm form section#myLeft {
    width: 49%;
  }
  div.bfFormDiv.myBottomForm form section#myRight {
    width: 48%;
    margin-left: 3%;
  }
  /* vm pages */
  div.tmp-content-area > div.myVmMenu.span3 {
    width: 32%;
  }
  div.tmp-content-area > div.myVmContent.span9 {
    margin-left: 2%;
    width: 66%;
  }
  /* vm pages - category */
  div.browse-view.myKategoryProduct > div.row-fluid.myProductLineInCategory > div.myProductInCategory {
    width: 100%;
  }
  /* vm pages - product detail */
  div.productdetails-view.productdetails > div.row-fluid > div.span6:first-of-type {
    width: 33%;
  }
  div.productdetails-view.productdetails div.additional-images > div.floatleft {
    width: 50%;
  }
  div.productdetails-view.productdetails > div.row-fluid > div#b-area.span6 {
    width: 67%;
  }
  /* article - partners - McGill */
  div.myDivPartnerMcGill {
    margin-right: 0%;
    margin-top: 0px;
  }
  /* info table */
  table.myInfoIcon > tbody > tr {
    display: block;
  }
  table.myInfoIcon > tbody > tr > td {
    margin: 8px auto;
  }
  /* info table - intro modul */
  div.custommyInfoIcon table.myInfoIcon td > p:nth-child(2) {
    font-size: 15px;
    line-height: 19px;
  }
  div.custommyInfoIcon table.myInfoIcon > tbody > tr {
    display: flex;
  }
  div.custommyInfoIcon table.myInfoIcon > tbody > tr > td {
    margin: 0px;
  }
  /* flex line for button */
  .myFlexLine {
    display: block;
    text-align: center;
  }
  .myFlexLine a.myButton {
    margin-bottom: 10px;
  }
  .myFlexLine a.myButton: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;
  }
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table {
    width: calc(100% - 40px);
  }
  .container .container {
    padding: 0px 0px;
  }
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
  div#breadcrumb-line.container {
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    padding: 10px 20px;
  }
  /* logo */
  div.myLogoModul {
    margin: 0px;
    float: none;
  }
  div.myLogoModul > div.custom.myLogo {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin: 0px auto;
  }
  /* search top header modul */
  div.mySearchModul {
    text-align: center;
    line-height: 50px;
  }
  /* top menu */
  nav#menu > div.container > div#menu-handler > div.responsive-menu {
    height: auto;
    display: table;
    margin: 0px auto;
    margin-bottom: 9px;
    min-width: 254px;
    background-color: white;
    box-shadow: 0px 0px 3px #757575;
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu > ul.menu-nav#nav {
    display: block;
    /*border-top: 1px solid white;*/
    border-top: 2px solid #eb6436;
  }
  nav#menu > div.container > div#menu-handler > div.responsive-menu > ul.menu-nav#nav > li {
    display: block;
    text-align: center;
  }
  /* header info */
  nav#menu > div.myBg,
  div.myHeaderContactModul {
    height: 58px;
    /* hidden header info */
    display: none;
  }
  div.myHeaderContactModul > div.custom > p {
    display: block;
    background-image: none;
    padding-right: 0px;
    margin-right: 0px;
  }
  /* slide show */
  div#slideshow-handler-bg {
    display: none;
  }
  /* modul top banner - produktova rada */
  div.myTopBanners > div.container > div.custom > table {
    max-width: 422px;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td,
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(3n+0) {
    width: 50%;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(1n+3) {
    margin-top: 30px;
  }
  /* modeles under footer */
  section#bottom-long+div.myUnderFooter {
    padding-top: 0px;
    padding-bottom: 15px;
  }
  div.myUnderFooter > div.container > div.myModul {
    width: 100%;
    margin-right: 0px;
    margin-top: 30px;
  }
  /* bottom menu modul */
  ul.menu.myBottomMenu > li {
    width: 50%;
  }
  /* vm pages - category */
  /* vm pages - category - main menu */
  div.myTopMenu2 {
    padding: 10px 0px;
  }
  div.myTopMenu2 > div.container > ul.menu.myTopMenu2 {
    border-top: 2px solid #eb6436;
  }
  div.myTopMenu2 > div.container > ul.menu.myTopMenu2 > li,
  div.myTopMenu2 > div.container > ul.menu.myTopMenu2 > li:first-of-type {
    display: block;
    width: 100%;
    border: 0px;
  }
  div.myTopMenu2 > div.container > ul.menu.myTopMenu2 > li > a {
    line-height: 24px;
  }
  div.myTopMenu2 > div.container > ul.menu.myTopMenu2 > li > a > span {
    vertical-align: top;
  }
  /* vm pages - category - other menu */
  div.tmp-content-area > div.myVmMenu.span3 {
    width: 100%;
    margin-bottom: 10px;
  }
  div.tmp-content-area > div.myVmContent.span9 {
    width: 100%;
    margin-left: 0px;
  }
  ul.myVmProductMenu {
    border-top: 2px solid #eb6436;
    margin-bottom: 0px;
  }
  /* vm pages - product detail */
  div.productdetails-view.productdetails > div.row-fluid > div.span6:first-of-type,
  div.productdetails-view.productdetails > div.row-fluid > div#b-area.span6 {
    width: 100%;
  }
  /* vm pages - product detail - table paremetrs */
  /*div.custom.myTableProduct {
    display: block;
    width: 100%;
    overflow: auto;
  }*/
  div.custom.myTableProduct > table {
    display: block;
    width: 100%;
    overflow: auto;
    padding: 1px;
    padding-bottom: 4px;
  }
  div.custom.myTableProduct > table > tbody {
    display: table;
    width: auto;
  }
  div.custom.myTableProduct > table > tbody > tr > td img {
    max-width: none;
  }
  /* bottom form for all page */
  div.bfFormDiv.myBottomForm form section#myLeft,
  div.bfFormDiv.myBottomForm form section#myRight {
    width: 100%;
    margin-left: 0%;
  }
  /* article - partners */
  div.item-page.myArticlePartneri > div[itemprop="articleBody"] > table > tbody > tr > td:first-of-type > div > p {
    width: 100%;
  }
  /* article - partners - iko */
  table.myTablePartnerIko > tbody > tr > td,
  table.myTablePartnerIko > tbody > tr > td:last-child {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  /* article - partners - McGill */
  div.myDivPartnerMcGill {
    float: none;
  }
  div.myDivPartnerMcGill img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    float: none !important;
  } 
  /* article - contact */
  table.myContactTable > tbody > tr > td:first-child,
  table.myContactTable > tbody > tr > td:last-child {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  table.myContactTable > tbody > tr > td:first-child {
    padding-bottom: 2px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #cecece;
  }
  /* ALL IMAGE IN ALL ARTICLES */
  div[itemprop="articleBody"] > p > img,
  div[itemprop="articleBody"] > p > a > img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    float: none !important;
  }
  /* info table - intro modul */
  div.custommyInfoIcon table.myInfoIcon {
    margin-top: 0px;
    margin-bottom: 13px;
  }
  div.custommyInfoIcon table.myInfoIcon > tbody > tr {
    display: block;
  }
  div.custommyInfoIcon table.myInfoIcon > tbody > tr > td {
    margin: 8px auto;
  }
  /* vm pages - product detail */
  div.productdetails-view.productdetails div.additional-images > div.floatleft,
  div.productdetails-view.productdetails div.additional-images > div.floatleft > img {
    width: auto;
  }
  div.productdetails-view.productdetails div.main-image img,
  div.productdetails-view.productdetails div.additional-images > div.floatleft > img {
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
}


@media (max-width: 424px) {
  /* bottom menu modul */
  ul.menu.myBottomMenu > li {
    width: 100%;
  }
  /* modul top banner - produktova rada */
  div.myTopBanners > div.container > div.custom > table {
    max-width: 211px;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td,
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(3n+0) {
    width: 100%;
  }
  div.myTopBanners > div.container > div.custom > table > tbody > tr > td:nth-child(1n+2) {
    margin-top: 30px;
  }
}


@media (max-width: 360px) {
  /*.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 300px;
    padding: 0px 7px;
    box-sizing: border-box;
  }
  div#slideshow-handler-bg > div#slideshow-handler > div.sl-3rd-parties > div.custom.myMainPage > table {
    width: calc(100% - 14px);
  }*/
  body,
  body > div.cnbg-handler {
    min-width: 320px;
  }
}