@media screen and (min-width:320px) and (max-width:1023px) { header .logos .logo, header .logos .line, header .logos .title { float: none; width: 100%; } header .logos .logo { padding: 10px 0; } header .logos .title { padding: 20px 0; } header .logos .logo img { width: 125px; } header .logos .line { margin: 0; } header nav { height: auto; width: 100%; position: static; } .head-image, .producers-box, footer .copyright { display: none; } section.aboutus-module .img-box { width: 100%; height: 300px; margin-bottom: 30px; } section.aboutus-module .center-grid { position: static; } section.aboutus-module .content { margin: 0; width: 100%; padding: 0; paddin-top: 40px; } section.products-module .item { float: none; width: 100%; margin: 0; margin-bottom: 50px; } .center-grid { width: 90%; margin: 0 5%; } footer .media { float: none; width: 90%; padding-right: 10%; } nav #menu { display: none; } .slicknav_menu { display: block; } header nav ul li a { color: #fff; border-bottom: 0; } header nav ul li a:hover, header nav ul li a.current_page_item { color: #fff; border-bottom: 0px; } header nav ul li { float: none; text-align: center; padding: 10px 0; } .gallery a { float: none; width: 100%; margin-right: 0; } .products-list .item .info .logo-box { float: none; width: 100%; margin-bottom: 20px; } .products-list .item .info .content { float: none; width: 94%; } .two-grid .left, .two-grid .right { float: none; width: 100%; margin: 0; } .map { margin-bottom: 30px; } } @media screen and (min-width:768px) and (max-width:1023px) { section.products-module .item { float: left; width: 47%; margin-left: 1%; margin-right: 1%; } section.products-module .item:nth-child(4), section.products-module .item:last-child { margin-left: 1%; margin-right: 1%; } .gallery a { float: left; width: 47.6%; margin-left: 1%; margin-right: 1%; } .gallery a:nth-child(3n) { margin-left: 1%; margin-right: 1%; } .products-list .item .info .logo-box .imgLiquidFill { margin: 0 25%; width: 50%; } header nav ul li a:hover, header nav ul li.current_page_item a, header nav ul li.current-menu-ancestor a { border: none; } header nav ul li.current_page_item > a, header nav ul li.current-menu-ancestor > a { border-bottom: 3px solid #fff; } } @media screen and (min-width:1024px) and (max-width:1100px) { } @media screen and (min-width:1024px) and (max-width:1279px) { } @media screen and (min-width:1280px) and (max-width:1365px) { } @media screen and (min-width:1366px) and (max-width:1439px) { } @media screen and (min-width:1440px) and (max-width:1599px) { } @media screen and (min-width:1600px) and (max-width:1679px) { } @media screen and (min-width:1680px) and (max-width:1919px) { } @media screen and (min-width:1920px) and (max-width:3840px) { }