

@media (max-width: 960px) {
  * {
    box-sizing: border-box;
  }
  .no-scroll {
    overflow: hidden;
  }
  .container {
    padding: 0 16px;
  }
  .side-panel {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 905;
  }
  #main:before {
    display: none;
  }
  #search-fixed,
  #order-fixed,
  #enter-fixed {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: static;
    width: 33.333332%;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    z-index: 999;
  }
  #search-fixed img,
  #order-fixed img,
  #enter-fixed img {
    margin-bottom: 4px;
  }
  #print-fixed {
    display: none;
  }
  #search-fixed,
  #enter-fixed {
    background-image: linear-gradient(180deg, #C3B946 0%, #6E7028 100%);
  }
  #order-fixed {
    background-image: linear-gradient(180deg, #AA2728 0%, #591819 100%);
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  body {
    max-width: 100%;
    width: 100%;
  }
  #wrapper {
    display: block;
  }
  #index #wrapper-2 {
    background: none;
  }
  #index #header {
    height: auto;
  }
  #header {
    display: flex;
    flex-wrap: wrap;
    background: #9FB9D1;
    padding: 0 16px;
    height: auto;
  }
  #header.with-red-bg {
    background-color: #842223;
  }
  .burger {
    cursor: pointer;
    background: none;
    border: none;
    display: block;
  }
  .burger span {
    position: relative;
    display: block;
    width: 30px;
    height: 5px;
    background: #fff;
    border-radius: 20px;
    transition: all 100ms ease;
  }
  .burger span:before,
  .burger span:after {
    content: '';
    position: absolute;
    width: 30px;
    left: 0;
    height: 5px;
    background: #fff;
    transition: all 100ms ease;
  }
  .burger span:after {
    border-radius: 20px;
    top: 9px;
  }
  .burger span:before {
    border-radius: 20px;
    top: -9px;
  }
  .burger.is-active span {
    background: transparent;
  }
  .burger.is-active span:before {
    transform: translateY(9px) rotate(45deg);
  }
  .burger.is-active span:after {
    transform: translateY(-9px) rotate(-45deg);
  }
  #header-content {
    margin: 0;
    width: auto;
    float: none;
    clear: both;
  }
  #header-description {
    display: none;
  }
  #search-form {
    display: none;
  }
  #logo {
    width: 94px;
    height: auto;
    margin: 0 4px;
  }
  #header-text {
    text-align: left;
    margin-bottom: 0;
  }
  #header-text #name-company {
    display: flex;
    height: 50px;
    align-items: center;
    font-size: 26px;
  }
  #logo img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  #main-menu {
    display: none;
    width: 100%;
    padding: 0 16px;
    position: fixed;
    height: 100%;
    left: 0;
    top: 50px;
    z-index: 90293049;
    background: #9FB9D1;
  }
  #main-menu ul {
    height: 100%;
    overflow: auto;
  }
  #main-menu #yw0 {
    padding-bottom: 90px;
  }
  #main-menu li {
    position: relative;
    display: block;
    height: auto;
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #main-menu li:last-child {
    text-align: left;
  }
  #main-menu li a,
  #main-menu li span {
    height: auto;
    padding: 5px 0;
    font-size: 14px;
  }
  #main-menu li.active {
    background: none;
  }
  #main-menu ul li ul {
    display: block;
    position: static;
    margin-top: 3px;
    background: none;
    box-shadow: none;
  }
  #main-menu ul li ul li,
  #main-menu ul li:hover ul li {
    min-height: auto;
  }
  #main-menu ul li ul li a,
  #main-menu ul li:hover ul li a {
    padding: 3px 15px;
    font-size: 12px;
  }
  #main-menu li.active a::after,
  #main-menu li.active span::after,
  #main-menu li.active a::before,
  #main-menu li.active span::before {
    background: none;
  }
  #main-menu li:hover a::before,
  #main-menu li:hover span::before {
    display: none;
  }
  #main-menu li:hover a::after,
  #main-menu li:hover span::after,
  #main-menu li:hover a::before,
  #main-menu li:hover span::before {
    display: none;
  }
  #ya-share {
    position: absolute;
    right: 16px;
    top: 12px;
    z-index: 9;
  }
  #search-form {
    position: static;
  }
  .gallery-country,
  .gallery-country-flash {
    position: relative;
    top: auto;
    right: auto;
    width: 100vw;
    height: 93.87096774193548vw;
    margin: 0 -16px;
  }
  .gallery-country .gallery-block,
  .gallery-country-flash .gallery-block {
    position: absolute;
    left: 0;
    top: auto;
  }
  .gallery-country .gallery-block img {
    width: 100%;
    float: none;
  }
  #index h1,
  #index .h1 {
    margin-bottom: 16px;
  }
  #stress-free {
    display: none;
  }
  #menu-countries {
    display: none;
  }
  .fssc {
    display: none;
  }
  #main .text-table {
    margin: 0;
    table-layout: fixed;
    display: block;
    padding: 0 16px;
  }
  #main .text-table td {
    width: auto;
    padding: 0;
    text-align: left;
    font-size: 12px;
    display: block;
    margin-bottom: 12px;
  }
  .catalog-box {
    padding: 12px 16px 0;
  }
  .catalog-box-content {
    justify-content: center;
  }
  .content .breadcrumbs {
    padding: 0 0 12px;
  }
  #catalog-header h1,
  #catalog-header .h1 {
    width: 100%;
    margin: 0;
  }
  #anchors-categories {
    width: 100%;
  }
  #anchors-categories br {
    display: none;
  }
  #catalog-header #anchors-categories {
    border: none;
  }
  #catalog-header #anchors-categories a {
    margin-right: 12px;
  }
  .price-reg-div {
    width: 100%;
    margin: 0;
  }
  .catalog-box>.catalog-box-content>div {
    height: 288px;
  }
  .catalog-box>.catalog-box-content>div>figure {
    width: 218px;
  }
  #ya-share-bot {
    right: 12px;
  }
  .item-img img {
    max-width: 100%;
    max-height: none;
  }
  .item-img {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
  }
  .item-desc {
    float: none;
    width: auto;
  }
  #item-banner figure {
    width: auto;
    height: auto;
  }
  #item-banner {
    background: url("../img/item_banner.jpg") no-repeat 0 0 / cover;
    min-width: auto;
  }
  .item-desc article {
    width: auto !important;
    padding: 0 16px;
  }
  .item-desc article {
    height: auto;
  }
  .item-desc>article:nth-child(1)>div:nth-child(3) {
    width: auto !important;
  }
  .item-page h1::first-line,
  .item-page .h1::first-line {
    font-size: 40px;
    line-height: 40px;
  }
  .item-page h1,
  .item-page .h1 {
    font-size: 32px !important;
    line-height: 40px;
  }
  .item-desc p span small {
    font-size: 12px;
  }
  .item-desc p {
    font-weight: normal;
    letter-spacing: 0.03em;
  }
  .item-desc form {
    text-align: center;
    padding-bottom: 20px;
  }
  .content {
    display: flex;
    flex-direction: column;
    padding: 20px 16px 50px;
  }
  .related {
    width: auto;
    float: none;
    margin: 0;
    padding: 20px 0 0;
    background: none;
    order: 2;
  }
  .related figure {
    width: 100%;
  }
  .related-items {
    display: flex;
    flex-wrap: wrap;
  }
  .related-item {
    width: calc(33.333332% - 16px);
    margin: 8px;
    padding: 0;
  }
  .description {
    width: auto;
    order: 1;
  }
  .item-page .price-reg-div {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .item-page .content .breadcrumbs {
    margin-bottom: 16px;
    margin-top: 0;
  }
  .child-menu .center {
    width: 100%;
  }
  #contacts-op {
    float: none;
    width: 100%;
  }
  .contacts-text {
    float: left;
  }
  #contacts-address {
    width: 100%;
  }
  #yamap {
    width: auto !important;
    height: auto !important;
    min-height: auto !important;
  }
  #yamap img {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
  }
  span.adr1 {
    font-size: 13px;
  }
  .contacts-left {
    padding-top: 16px;
    width: 100%;
  }
  #wrapper-screen {
    width: 100%;
  }
  .columns figure section>img,
  .columns figure:first-child section>img,
  .columns figure.first section>img {
    margin: 0 auto;
  }
  .columns figure section {
    padding: 0;
    margin: -15px auto 0;
    border: none;
  }
  .columns figure:last-child section,
  .columns figure.last section {
    padding-right: 26px;
  }
  .left-button-slide,
  .left-button-slide.active.slick-disabled {
    left: 0;
    z-index: 906;
  }
  .right-button-slide,
  .right-button-slide.active.slick-disabled {
    right: 0;
    z-index: 906;
  }
  #main .text-table p,
  #main .text-table td {
    font-size: 13px;
  }
  #partners {
    width: 100%;
    height: auto;
  }
  #w-partners {
    display: flex;
    width: 100%;
  }
  #partners #unrenholt {
    background-position: -8px -722px;
  }
  #partners #teploe-testo {
    background-position: -224px -722px;
  }
  #partners #stroganof {
    background-position: -223px -812px;
  }
  #partners #probkafamily {
    background-position: -9px -812px;
  }
  #partners #puratos {
    background-position: -441px -992px;
  }
  #partners #metro {
    background-position: -440px -722px;
  }
  #partners #corinthia {
    background-position: -223px -902px;
  }
  #partners #selgros {
    background-position: -440px -812px;
  }
  #partners #eurofoods {
    background-position: -10px -992px;
  }
  #partners #global_foods {
    background-position: -224px -992px;
  }
  #partners #ashan {
    background-position: -430px -902px;
  }
  #partners #sokos {
    background-position: -223px -1082px;
  }
  #partners #backaldrin {
    background-position: -9px -1082px;
  }
  #partners #ews {
    background-position: -438px -1082px;
  }
  #partners #pfahnl {
    background-position: -222px -1170px;
  }
  #partners #sigma {
    background-position: -7px -1260px;
  }
  #partners #lotos {
    background-position: -438px -1260px;
  }
  #partners #helvetia {
    background-position: -7px -1350px;
  }
  #partners #finnegans {
    background-position: -222px -1260px;
  }
  #partners a {
    flex-shrink: 0;
    margin: 30px 0;
    margin-left: calc(50vw - 116px);
  }
  #main .leftbar ul li a {
    width: 100%;
    font-size: 16px;
  }
  #main .leftbar ul {
    margin-bottom: 40px;
  }
  .jwdisplay .jwpreview {
    background-size: cover;
  }
  #my-video {
    width: 100% !important;
    height: 200px !important;
  }
  .view-page {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .view-page ul,
  .view-page ol {
    margin-left: 20px !important;
  }
  .view-page div tr,
  .view-page div td,
  .view-page div table {
    display: block;
    width: auto !important;
  }
  .view-page-content {
    width: 100% !important;
  }
  .view-page-content img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    margin: auto;
  }
  .news-item-data {
    float: none;
    width: auto !important;
  }
  .article-list-page .article-right-info {
    margin-top: 12px;
    padding: 0;
    border: none;
    float: none;
  }
  .article-list-page .pdf-link {
    width: auto;
    margin-bottom: 4px;
    float: none;
  }
  .view-page img {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }
  .fssc-22000 {
    margin: 0 auto !important;
  }
  .fssc-22000+p a {
    margin-left: 0 !important;
  }
  #main p {
    font-size: 16px;
    line-height: 24px;
  }
  .round-box-title {
    height: auto;
    background-size: contain;
  }
  .round-box-title.h2 {
    line-height: 24px;
    padding: 8px 12px;
  }
  .round-box-title span {
    right: 5px;
  }
  .country-map {
    display: none;
  }
  .menu-horizontal {
    display: none;
  }
  .content ul.column-5,
  .column-5 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .content .column-5>li {
    width: 50%;
  }
  .content .column-5>li:nth-child(1) {
    order: 1;
  }
  .content .column-5>li:nth-child(2) {
    order: 3;
  }
  .content .column-5>li:nth-child(3) {
    order: 5;
  }
  .content .column-5>li:nth-child(4) {
    order: 2;
  }
  .content .column-5>li:nth-child(5) {
    order: 4;
  }
  .map-ps {
    width: 100%;
  }
  .content table.list-forms>tbody,
  .content table.list-forms {
    display: block;
    width: auto;
    margin: 0;
  }
  .content table.list-forms>tbody>tr>td:first-child,
  .content table.list-forms>tbody>tr>th:first-child {
    display: block;
  }
  .content table.list-forms td,
  .content table.list-forms th {
    padding: 0;
  }
  .content table.list-forms td.form {
    width: auto;
    margin-top: 40px;
    display: block;
  }
  .list-forms .form:last-child {
    padding-left: 0;
  }
  .width-365 {
    width: 100%;
  }
  .width-365 fieldset {
    min-width: 0;
  }
  form fieldset {
    padding: 12px;
  }
  form .input-text,
  form textarea,
  form select {
    width: 100%;
  }
  .list-forms>tbody:nth-child(1)>tr:nth-child(1) {
    display: block;
  }
  .assortments-page #main .content {
    padding: 16px;
  }
  #assortments_top {
    width: 100%;
    margin-left: 16px;
  }
  #assortments {
    width: 100%;
    padding-top: 0;
  }
  #assortments ul.level1 {
    margin-top: 0;
  }
  #assortments .level1 li {
    width: auto;
    float: none;
  }
  .level1-div {
    width: 100%;
    height: 50px;
    left: 0;
    top: -5px;
  }
  #assortments a {
    padding: 14px 16px;
  }
  #assortments .level2 {
    position: relative;
    margin: 0;
    padding: 0;
    width: auto;
    top: auto;
    left: auto;
  }
  #assortments li span {
    top: 15px;
    margin-top: 0;
    left: auto;
    right: 20px;
  }
  #assortments .level2 li span {
    top: 11px;
  }
  #assortments_top {
    margin-left: 0;
  }
  #assortments .level3 {
    position: relative;
    margin-left: 0;
    padding-top: 0;
    width: auto;
    top: auto;
    left: auto;
    border: none;
    margin-top: 0;
    background: none;
  }
  .level2-div {
    border: none;
    background: none;
  }
  #assortments .level2 a {
    padding: 10px 16px;
  }
  .search-modal {
    display: block;
    position: fixed;
    background: #9FB9D1;
    top: auto;
    left: 0;
    right: 0;
    bottom: -8px;
    z-index: 900;
    transition: bottom 0.3s ease;
  }
  .search-modal.is-active {
    bottom: 70px;
  }
  #search-form-modal {
    padding: 20px;
  }
  .search-modal-wrap {
    display: flex;
  }
  #query-search-modal {
    margin: 0;
  }
  .search-modal-submit {
    padding: 12px 16px;
    margin-left: 8px;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    background-image: linear-gradient(180deg, #C3B946 0%, #6E7028 100%);
  }
  .search-modal-submit:hover,
  .search-modal-submit:focus,
  .search-modal-submit:active {
    background-image: linear-gradient(180deg, #AA2728 0%, #591819 100%);
  }
  .pagination .block-pagination span {
    padding: 4px 13px;
  }
  #main-menu ul li ul li a,
  #main-menu ul li:hover ul li a {
    padding: 5px 15px;
    font-size: 14px;
  }
  #main-menu li a,
  #main-menu li span {
    padding: 9px 0;
    font-size: 16px;
  }
  .side-panel > a img,
  .side-panel > a span {
    display: block;
  }
  .content table.list-goods-ordered {
    width: auto;
  }
  .form-list-goods-ordered > div {
    width: auto !important;
  }
  .content table th {
    padding-top: 5px;
  }
}