@media (max-width: 1200px) {
  
  .main-frame {width: 100%; padding: 0;}
  
  #navigation {padding: 0 10px;}
  
  #homepage-text {align-items: flex-start;}
  #homepage-text .image {width: 50%;}
  #homepage-text .image IMG {max-width: 100%; max-height: 100%;}
  #homepage-text .text {width: 50%;}
  #homepage-text .text .info-panel .email {margin-left: 0;}
  
  MAIN {padding: 20px 10px;}
  FOOTER {padding: 20px 10px;}
}


@media (max-width: 890px) {
  
  .main-frame {width: 100%; padding: 0;}
  
  HEADER {position: relative; height: auto;}
  HEADER .inner {height: auto; flex-wrap: wrap;}
  HEADER .inner .left {display: block; padding: 10px 0 10px 10px;}
  HEADER .inner .right {padding-right: 10px; flex-wrap: wrap; *align-content: center;}
  HEADER .inner .right .phone {margin: 0;}
  HEADER .inner .right .doba {background: none; padding-left: 70px; text-align: right;}
  
  #menu-line {position: relative; float: left; top: 0;}
  #menu-line .inner .logo {display: none;}
  
  NAV {width: 100%; height: auto; margin: 0; position: absolute; top: 100%; left: 0; z-index: 5000000000;}
  NAV.flexbox {display: none;}
  NAV UL {flex-wrap: wrap; background-color: #168cd3; color: #fff;}
  NAV UL LI {width: 100%; margin: 0;}
  NAV UL LI:after {display: none;}
  NAV UL LI A {color: #fff; border-bottom: 1px solid #fff; padding: 12px 10px; text-align: center;}
  NAV UL LI A:HOVER, NAV UL LI A.active {background-image: none;}
  NAV UL LI:first-child {border-top: 1px solid #fff;}
  NAV UL LI:last-child A {padding-right: 10px;}
  NAV UL LI A:HOVER, NAV UL LI A.active {color: inherit; border-color: inherit;}
  NAV UL LI A.arrow-down {background-position: right 20px center;}
  
  UL.submenu {position: relative; width: 100%; background-color: #3988bf;}
  UL.submenu LI:first-child {border-top: 0;}
  
  #hamburger {display: block; width: 100%; height: 50px; float: right; position: relative; padding: 0; margin: 0; background-color: #168cd3; line-height: 1;}
  #hamburger .text {width: 70px; height: 50px; float: left; padding-left: 10px; line-height: 50px; color: #fff; font-size: 18px; font-weight: 300; text-transform: uppercase;}
  #hamburger .icon { width: 35px; position: absolute; top: calc(50% - 1px); right: 10px; transition: all .5s; }
  #hamburger.active .icon { width: 27px; background: transparent; }
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background: #fff; }
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  #hamburger .icon:before { top: -10px; }
  #hamburger .icon:after { bottom: -10px; }
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg); }

  #homepage-text {padding: 0 10px; margin: 0 0 50px 0;}
  #homepage-text .text {width: 100%;}
  #homepage-text .image {display: none;}
  #homepage-text .text {margin-left: 0;}  
  #homepage-text .text .info-panel {width: 100%; padding: 10px 20px;}
  #homepage-text .text .info-panel .address {display: none;}
  #homepage-text .text .info-panel .phone {width: 100%; padding-right: 0;}
  #homepage-text .text .info-panel .email {width: 100%; padding-right: 0; margin: 0;}
  
  #products .data-list .item {width: 48%; margin-right: 4%;}
  #products .data-list .item:nth-child(2n) {margin-right: 0;}
  #products .data-list .item:nth-child(3n) {margin-right: 4%;}
  
  #nsslider {margin-top: 0;}
  #nsslider .arrow-down {display: none;}
  #nsslider .timers {visibility: hidden;}
  #nsslider .slide_content_wrap .inner {padding: 0;}
  #nsslider .slide_content_wrap .inner .title {font-size: 35px;}
  #nsslider .slide_content_wrap .inner p {font-size: 24px; font-weight: 700; line-height: 1.4;}
  #nsslider .slide_content_wrap .inner .perex p {font-weight: 300; font-size: 18px;}
  #nsslider .slide_content_wrap .inner .viceOnabytkuBtn {padding: 10px 30px 8px 30px; font-size: 12px; font-weight: 700;}
  
  #homepage-text .text H1 {padding: 20px 0 10px; font-size: 30px; font-weight: 300; line-height: 1.2;}
  
  #navigation {padding: 0 10px;}
  
  MAIN {padding: 20px 10px;}
  MAIN H1 {padding: 10px 0 10px; font-size: 30px; font-weight: 300; line-height: 1.2;}
  
  FOOTER {padding: 20px 10px 40px 10px;}
  FOOTER .data-list .item {width: 50%;}
  FOOTER .data-list .item:nth-child(2n) {text-align: right;}
  FOOTER .data-list .item:last-child {width: 100%; margin-top: 20px;}
  FOOTER .data-list .item .company {text-align: center;}
}


@media (max-width: 570px) {
  
  #nsslider {min-height: 350px !important; overflow: hidden; margin-top: 0;}
  #nsslider .slide img {width: auto; max-height: 350px; margin-left: -50%;}
  
  #navigation {display: none;}
  
  #products .data-list .item {width: 100%;}
  #products .data-list .item {box-shadow: 2px 2px 10px rgba(0,0,0,.2);}
  #products .data-list .item:hover {box-shadow: none;}
  
  MAIN .product-frame {padding: 0;}
  MAIN .product-frame .main-photo {width: 100%; padding: 0;}
  MAIN .product-frame .text {width: 100%; padding: 0; margin: 20px 0 0 0;}
  MAIN .product-frame .text .btn-back {margin-top: 10px;}
  
  #dlazdice {margin-top: 0;}
  #dlazdice .inner {flex-wrap: wrap;}
  #dlazdice .inner .item {width: 100%; padding: 160px 10px 40px 10px; background-position: center top 40px;}
  #dlazdice .inner .item:hover .vice {display: none;}
  
  #homepage-text .inner {flex-wrap: wrap;}
  #homepage-text .inner H1 {width: 100%; text-align: center; line-height: 1.2; padding: 30px 0 5px;}
  #homepage-text .inner .text {width: 100%;}
  
  #partneri .inner {flex-wrap: wrap; padding: 0 10px;}
  #partneri .inner H2 {width: 100%; margin: 0; text-align: center;}
  #partneri .inner A {width: 100%; margin: 0 0 10px 0; padding: 10px 0; justify-content: center;}
  #partneri .inner .mwd {flex: none; background: none;}
  #partneri .inner .zlaty-lev {flex: none; background: none;}
  #partneri .inner .bibik {flex: none; background: none;}

  #linky .inner .item:nth-child(2n) {margin-right: 0 !important;}
  #linky .inner .item:nth-child(5n) {margin-right: 0;}    
  #linky .inner .item {width: 49%; margin-right: 2% !important;}
  
  #news {padding: 40px 0; background-size: cover;}
  #news .inner {flex-wrap: wrap; padding: 10px;}
  #news .inner .item {width: 100%; margin-bottom: 10px;}
  #news .inner .item.text {padding: 0 20px 70px 20px;}
  
  FOOTER .inner {flex-wrap: wrap;}
  FOOTER .inner .item {width: 100%;}
  
  .btn {width: 100%; text-align: center;}    
}


@media (max-width: 460px) {

  #linky {padding: 10px 0 0 0;}
  #linky .inner .item {width: 100%; margin-right: 0 !important;}
  
  MAIN .inner .product-frame .main-photo {width: 100%; padding: 0;}
  MAIN .inner .product-frame .text {width: 100%; padding: 0;}
}


@media (max-width: 320px) {
  
  #nsslider .slide img {width: auto; max-height: 350px; margin-left: -100%;}
  
  #nsslider .slide_content_wrap .inner .title {font-size: 30px;}
  #homepage-text .text .info-panel {font-size: 14px;}
}