/* responsive (media queries) */
/* Extra Small devices (phones, 480px and up) */
@media (min-width: 480px) {
  #slider_homepage .slide-content .slide-title {font-size: 38px;}
  #section_pageheader .title {font-size: 50px;}
  #site_search_form input {font-size: 20px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .container {width: auto;}
  #slider_homepage .slide-content .slide-title {font-size: 44px;}
  #section_pageheader .title {font-size: 60px;}
  .box.box-type-1 .title {font-size: 30px;}
  .box.box-type-1 {margin-bottom: 0;}
  .box.box-type-1 .box-content-holder {position: absolute; width: 100%; height: 100%; z-index: 25;}
  .box.box-type-1.box-id-bottom-1 .box-content-holder {background-image: none;}
  .box.box-type-1.box-id-bottom-2 .box-content-holder {background-image: none;}
  .box.box-type-1.box-id-bottom-3 .box-content-holder {background-image: none;}
  .box.box-type-1.box-id-bottom-1 .box-bg {background-image: url('../img/box-1.jpg');}
  .box.box-type-1.box-id-bottom-2 .box-bg {background-image: url('../img/box-2.jpg');}
  .box.box-type-1.box-id-bottom-3 .box-bg {background-image: url('../img/box-3.jpg');}
  
  .filters .form-group {display: block; margin-bottom: 10px;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .container {width: 970px;}
  .site-logo {
    text-align: left;
    position: absolute;
    margin-top: 0;
    top: 6px;
  }
  #section_header {height: 115px;}
  #site_nav {position: absolute; top: 30px; left: 215px;}
  #site_nav_trigger {display: none;}
  #site_lang {position: absolute; left: auto; right: 0; top: 15px;}
  #site_search {position: absolute; left: auto; right: 120px; top: 5px; height: auto;}
  #site_search > div {padding: 3px 7px;}
  #site_search_form {top: 115px; height: 105px;}
  #site_search_form .search-icon {display: block;}
  #site_search_form .search-input {left: 100px;}
  .nav-main {margin-top: 0; display: block;}
  .nav-main > ul > li {float: left; border: 0 none; margin-right: 1px; border-top: 0 none;}
  .nav-main > ul > li.first {border-top: 0 none;}
  .nav-main > ul > li > a {padding-left: 10px; padding-right: 10px; padding-bottom: 36px; line-height: 50px; display: inline-block;}
  .nav-main > ul > li.active {border-top: 0 none;}
  .nav-main > ul > li > ul.dropdown-menu {position: absolute; z-index: 2000; padding: 15px; border-top: 1px solid #d2d1cc; border-bottom: 5px solid #fdb813; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);}
  .nav-main > ul > li > ul.dropdown-menu-full-width {width: 950px; padding-left: 50px;}
  .nav-main > ul > li > ul.dropdown-menu-full-width ul {list-style: none; margin: 0; padding: 0;}
  .nav-main > ul > li > ul.dropdown-menu-full-width > ul > li {position: relative;}
  .nav-main > ul > li > ul.dropdown-menu-full-width > ul > li > .pointer {position: absolute; top: -6px; background: url('../img/nav-dropdown-pointer.png') no-repeat 0 0; width: 11px; height: 6px;}
  .nav-main > ul > li > ul.dropdown-menu-full-width .pointer {display: none; position: absolute; top: -6px; background: url('../img/nav-dropdown-pointer.png') no-repeat 0 0; width: 11px; height: 6px;}
  .nav-main > ul > li > ul.dropdown-menu-123 {left: -385px;}
  .nav-main > ul > li > ul.dropdown-menu-123 .pointer {left: 425px;}
  .nav-main > ul > li.dropdown .section-title {font-size: 14px;}
  .nav-main > ul > li.dropdown ul li {font-size: 14px;}
  .nav-main > ul > li > ul.dropdown-menu-full-width ul li {font-size: 14px;}
  .nav-main > ul > li > ul.dropdown-menu-full-width ul li a {display: block; padding: 0;}
  .nav-main > ul li.dropdown:hover > ul.dropdown-menu {display: block;}
  .nav-footer > ul > li {padding-left: 8px; padding-right: 8px; float: left;  border-right: 1px solid #b4b3aa;}
  .nav-footer > ul > li > a {padding: 0;}
  #slider_homepage > .slide {background-position: center;}
  #slider_homepage .slide-content {width: 350px; right: auto;}
  #slider_homepage .slide-content .slide-title {width: 150%; font-size: 44px;}
  #slider_homepage_pn .slider-pn.prev {left: -25px;}
  #slider_homepage_pn .slider-pn.next {right: -25px;}
  #section_footer .social {text-align: right; padding: 0; padding-right: 30px;}
  #section_footer .social .fa {left: auto; right: 15px;}
  .list-item-1 .img {margin-bottom: 0;}
  .list-item-1 .txt {padding-right: 80px;}
  
  .kuchniaboxes {height: 364px; margin-bottom: 30px;}
  .box.box-type-2.box-id-kuchnia {margin-bottom: 0; position: absolute;}
  .box.box-type-2.box-id-kuchnia-1 {width: 365px; height: 364px;}
  .box.box-type-2.box-id-kuchnia-2 {width: 620px; height: 364px; right: 0; z-index: 200;}
  .box.box-type-2.box-id-kuchnia-2 > .padded {padding-top: 50px;}
  .box.box-type-2.box-id-kuchnia-2 .title {margin-bottom: 40px;}
  .box.box-type-2.box-id-kuchnia-2 .box-content {width: 210px;}
  .box.box-type-2.box-id-kuchnia-3 {width: 400px; height: 185px; right: 0; bottom: 0; z-index: 300;}
  .box.box-type-2 .box-content-holder {position: absolute; width: 100%; height: 100%; z-index: 25;}
  .box.box-type-2.box-id-kuchnia-1 .box-content-holder {background-image: none;}
  .box.box-type-2.box-id-kuchnia-2 .box-content-holder {background-image: none;}
  .box.box-type-2.box-id-kuchnia-3 .box-content-holder {background-image: none;}
  .box.box-type-2.box-id-kuchnia-1 .box-bg {background-image: url('../img/box-kuchnia-1.jpg');}
  .box.box-type-2.box-id-kuchnia-2 .box-bg {background-image: url('../img/box-kuchnia-2.jpg');}
  .box.box-type-2.box-id-kuchnia-3 .box-bg {background-image: url('../img/box-kuchnia-3.jpg');}
  
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {width: 1170px;}
  #section_header .separator {width: 1px; height: 35px; background-color: #b4b3aa; position: absolute; top: 38px;}
  #section_header .separator.pos-1 {left: 200px;}
  #section_header .separator.pos-2 {right: 140px;}
  .nav-main > ul li > ul.dropdown-menu-full-width {width: 1140px;}
  .nav-footer > ul > li {padding-left: 10px; padding-right: 10px;}
  #site_lang {position: absolute; right: 0; top: 45px;}
  #site_search {position: absolute; right: 180px; top: 23px; height: 92px;}
  #site_search > div {padding: 18px 10px;}
  #slider_homepage .slide-content {width: 400px;}
  .box.box-type-1 .title {font-size: 46px;}
  
  .box.box-type-2.box-id-kuchnia-1 {width: 395px;}
  .box.box-type-2.box-id-kuchnia-2 {width: 750px;}
  .box.box-type-2.box-id-kuchnia-2 > .padded {padding-top: 100px;}
  .box.box-type-2.box-id-kuchnia-2 .box-content {width: 315px;}
}
/* Style adjustments for portrait mode goes here */
@media all and (orientation:portrait) {
  
}
/* Style adjustments for landscape mode goes here */
@media all and (orientation:landscape) {
  
}

/* responsive tables */
@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  .responsive-table,
  .responsive-table thead,
  .responsive-table tbody,
  .responsive-table th,
  .responsive-table td,
  .responsive-table tr {
    display: block;
  }
   
  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
   
  .responsive-table tr { border: 1px solid #ccc; margin-top: -2px;}
  .responsive-table tr:nth-child(even) {background-color: #f7f7f7;}
   
  .responsive-table td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align: left !important;
    width: auto !important;
  }
   
  .responsive-table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align:left;
    font-weight: normal;
    color: #781477;
  }
   
  /*
  Label the data
  */
  .responsive-table td:before { content: attr(data-title); }
  
}