html, body {padding:0; }
body {font-family:Arial; background: #24913C;}
.sait {max-width: 1280px; display:block; margin:0px auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);text-align: center; background: #b5ff99;}
.general {max-width: 1280px; display:block; margin:0px 0px 0px 0px; height:auto; }
.rub {line-height: 5px; width: 7px; border-bottom: 1px solid #181A1C; display: inline-block; }
/* шапка */
.topmenu {background: #007D1C;width:100%; height:30px; display:inline-block;margin:0px 0px 0px 0px;}
.topmenu2 {max-width:1280px;width:100%;padding:0pt;height:30px;margin:0px 0px 0px 0px;}
.menu1 {width:auto;height:30px;display:inline-block;vertical-align:top;margin: 5px 5px 0px 5px;}
.menu1 p a {font-size: 15px; color: #fff;text-decoration: none; padding: 0px 0px 0px 0px;}
.menu1 p a:hover {color: #06BCC5; text-decoration: none;}
.otst {width: 100%; height:5px; background-color:#B5FF99 ; }
.shapka {width: 100%;}
.shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 50px;}
.navbar{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 100%; height: 40px; background-color:#B5FF99 ;}
.navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 50px;}
.navbar-logo {width: 50px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px;float: left; }
.navbar-logo img {width: 50px;}
.navbar-logo2 {width: 25%; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 10px;float: left; text-align: left; }
.navbar-logo2 a {text-decoration: none;}
.brand1 {line-height: 12px; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;color: #013F10;}
.brand2 {line-height: 12px; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;color: #013F10;}
.cart {width: 25%; margin: 0px 0px 0px 0px; float: left; z-index: 200;}
.navbar2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 44%; float: left;}
.navbar-contact {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center;}
.navbar-contact p {font-size: 24px; color: #013F10; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
.navbar-contact a {font-size: 22px; color: #D26135; text-decoration: none; padding: 5px 0px 0px 0px;}
.navbar-contact a:hover {color: #013F10; text-decoration: none;}
/* Верхнее меню */
.sal {background: #007D1C;width:100%;display:inline-block;margin:0px 0px 4px 0px;height:auto;}
.sal2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.tov {width:150px;height:50px;display:inline-block;vertical-align:top;margin:2px 0px 2px 0px;}
.top-menu {overflow: hidden; background-color: #D26135; text-align: center; width:100%; padding:0pt; height:auto;}
.dropdown {width:150px;height:50px;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px; float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 16px; border: none; outline: none; color: white; padding: 5px 16px; background-color: inherit; margin: 0; display:inline-block; }
.dropdown:hover .dropbtn {background-color: #ff7e16; width:100%;}
.dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4, .dropdown-content5, .dropdown-content6 {display: none; position: absolute; background-image: url("../images/fon-menu.jpg"); width: 305px; z-index: 10; box-shadow: 0 0 3px rgba(29,255,153,1.9)}
.dropdown-content2, .dropdown-content4, .dropdown-content6 {margin: 0px 0px 0px -155px;}
.dropdown-content a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a, .dropdown-content5 a, .dropdown-content6 a {color: #D26135; float: none; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover, .dropdown-content2 a:hover, .dropdown-content3 a:hover, .dropdown-content4 a:hover, .dropdown-content5 a:hover, .dropdown-content6 a:hover {background-color: #24913C; color: #eee;}
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2, .dropdown:hover .dropdown-content3, .dropdown:hover .dropdown-content4, .dropdown:hover .dropdown-content5, .dropdown:hover .dropdown-content6 {display: block;}
/* слайдер */
.block2 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; display:inline-block; background: url("../images/bereza.jpg") no-repeat center center/cover;}
.block4-1 {width:310px; }
.block4-2 {width:500px; background: #b5ff99; opacity: 0.8;}
.block4-1, .block4-2 {margin:30px 5px 10px 25px; float: left; height:auto; }
.block4-2 h3, .block4-2 h4 {font-size: 18px; color: #007d1c; padding: 25px 20px 10px 20px;}
.block4-3 {width:100%;margin:0px 0px 0px 0px; height:auto; background: url("../images/F16.png") no-repeat center center/cover;}
.block4-3 p {font-size: 16px; color: #007d1c; padding: 25px 20px 10px 20px; text-align:left; line-height: 1.5;}
.block4-3 h3, .block4-3 h4 {font-size: 18px; color: #007d1c; padding: 25px 20px 10px 20px;}
.block21 {width:100%; height:480px; background-image: url("../images/fon.png");}
.general2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 480px; height: 480px; display:inline-block; text-align:center; float: left; }
.general2 img {width: 100%; height: auto; }
.general2 h1 {line-height: 21px; font-size: 36px; color: #FF7E16; padding: 40px 10px 10px 10px; margin: -450px 0px 0px 0px; }
.general3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 480px; width: 59%; display:inline-block; text-align:center; float: left; }
.otstup50 {width:100%; height:50px;}
.general3 p {font-size: 24px; line-height: 30px; color: #fff;text-decoration: none; padding: 30px 20px 20px 30px; width: 40%; float: left; margin:0px 0px 0px 0px;}
.general3 a {background-color: #D26135; color: #fff; padding: 10px 30px 10px 30px; text-decoration: none;}
.general3 a:hover {background-color: #ff7e16;}
/* Каталог */
.filtr1 {width: 100%;}
.kategory-f {width:360px;height:470px;display:inline-block;vertical-align:top;border:1px solid #96FFCA; box-shadow: 0 0 3px rgba(29,255,153,1.9));background: #84FFC2; opacity: 0.95;}
.kategory-f21 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 10px 0px;}
.kategory-f21 h4 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px; margin:0px 0px 0px 0px;}
.kategory-f21 p {margin:0px 0px 0px 0px;}
.kategory-f21 h4 a {font-size: 18px; color: #013F10;line-height: 1.0; font-weight: 600; text-decoration: none; padding:5px 5px 5px 5px; }
.kategory-f21 p a {font-size: 16px; color: #013F10;line-height: 1.0; font-weight: 300; text-decoration: none; padding:5px 5px 5px 5px;}
.kategory-f21 img {width:99%;}
.kontent {background-image: url("../images/fon4.jpg"); background-repeat: round; width:100%;display:inline-block;margin:-4px 0px 0px 0px;height:auto;}
.otstup30 {width:100%; height:30px;}
.kontent2 {max-width:1280px;width:100%;padding:0pt;height:auto;margin:10px 0px 0px 0px;}
.kontent2 h1 {font-size: 24px; color: #013F10;line-height: 1.0; font-weight: 600; padding: 10px;}
.kontent2 h2, .kontent2 h3, .block2-2 h3 {font-size: 22px; color: #013F10;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;margin:0px 0px 0px 0px;}
.kategory {width:360px;height:420px;display:inline-block;vertical-align:top;margin:15px;border:1px solid #96FFCA; box-shadow: 0 0 3px rgba(29,255,153,1.9));background: #84FFC2; opacity: 0.95;}
.kategory2 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.kategory2 h4 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px; margin:0px 0px 0px 0px;}
.kategory3 {width: 100%; height:auto; }
.kategory4 {width: 100%; height:60px; }
.kategory21 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.kategory21 h4 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px; margin:0px 0px 0px 0px;}
.kategory21 p {margin:0px 0px 0px 0px;}
.kategory21 h4 a {font-size: 18px; color: #013F10;line-height: 1.0; font-weight: 600; text-decoration: none; padding:5px 5px 5px 5px; }
.kategory21 p a {font-size: 16px; color: #013F10;line-height: 1.0; font-weight: 300; text-decoration: none; padding:5px 5px 5px 5px;}
.kategory21 img {width:99%;}
.kat-otstup5 {width:100%; height:5px;}
.kat-otstupi {width:100%; height:13px;}
.opisanie21 {width:100%; height:50px;}
.kategory23 {width:50%;height:30px;margin:0px 0px 0px 0px; float: left;}
.kategory23 p {text-align: right; font-size: 16px; color: #013F10;line-height: 1.0; font-weight: 300;}
.kategory23 p span {text-decoration: line-through; color: #777777;}
.kategory24 {width:100%;height:30px;margin:0px 0px 10px 0px;}
.kategory24 p {text-align: center; font-size: 16px; color: #013F10;line-height: 1.0; font-weight: 300;}
.kategory24 p span {text-decoration: line-through; color: #777777;}
.kategory22 {width:50%;height:30px;margin:0px 0px 0px 0px; float: left;}
.kategory22 a {font-size: 16px; color: #fff;text-decoration: none; font-weight: 300; padding: 10px 10px 10px 10px; margin:0px 5px 0px 5px; text-align:center;
background: #D26135;}
.kategory22 a:hover{color: #FFF; background: #ff7e16;}
.opisanie24 {width:100%; height:100px;}
.opisanie24 p {padding: 0px 10px 0px 10px;}
/* Отзывы */
.block2-2 {width:100%;height:580px;vertical-align:top;padding:0px 0px 7px 0px; display:inline-block; margin:0px 0px 0px 0px; background-image: url("../images/fon5.jpg"); background-size: cover; }
.ramka {width:500px;height:100px;background-image: url("../images/fon6.png"); background-size: cover;}
.ramka h3 {padding: 40px 20px 0px 20px;}
.speka3 {width:100%; height:auto;margin:0px 0px 0px 0px;display:inline-block; height:auto; }
.chel {width:380px; height:180px; margin:20px 0px 15px 10px;display:inline-block;vertical-align:top;}
.tabbed2 {width: 98%;margin: 0px auto;}
.tabbed2 p {font-size: 14px;}
.tabbed2 > input {display: none;}
.tabbed2 > label {display: block;float: left;padding: 5px 7px;margin: 0px 0px 0px 4px;cursor: pointer;transition: background-color .3s;
color:#fff;font-size: 14px;}
.label4 {background: #06BCC5;}
.tabbed2 > label a {color: #fff; text-decoration: none;}
.tabbed2 > label a:hover {color: #fff;}
.tabbed2 > label:hover, .tabbed2 > input:checked + label {background: #D26135;color:#fff;font-weight:600;font-size: 14px;}
.tabbed2 > label a {color: #fff; text-decoration: none;}
.tabs2 {clear: both;perspective: 600px;}
.tabs2 > div {width: 100%;position: absolute; padding: 0px 0px 0px 0px;line-height: 16px;opacity: 0;
transform: rotateX(-20deg);transform-origin: top center;transition: opacity .3s, transform 1s;z-index: 0;}
#tab-nav2-1:checked ~ .tabs2 > div:nth-of-type(1), #tab-nav2-2:checked ~ .tabs2 > div:nth-of-type(2),
#tab-nav2-3:checked ~ .tabs2 > div:nth-of-type(3), #tab-nav2-4:checked ~ .tabs2 > div:nth-of-type(4) {transform: rotateX(0);opacity: 1;z-index: 1;}
.str1-1 {width:160px; height:160px; float:left; margin: 0px 0px 0px 0px;}
.str1-1 img {width:160px;}
.str1-2 {width:220px; height:160px; float:left; text-align: center; margin: 0px 0px 0px 0px;}
.str1-2 p {font-size: 16px; color: #fff; padding: 0px 5px 5px 15px; line-height: 20px;}
.str0 {width:20%; height:24px; float:left; text-align: center; border-bottom: 1px solid #ccc;}
/* Вопросы и оветы */
.acor-container {margin: 20px 0;}
.acor-container .acor-body {width: calc(100% - 40px); margin: 0 auto; height: 0; color: rgba(0, 0, 0, 0); background-color: #96ffca; line-height: 18px; padding: 0 30px; box-sizing: border-box;
transition: color 0.5s, padding 0.5s; overflow: hidden; font-family: Verdana, sans-serif; font-size: 16px; box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 10px 16px rgba(0,0,0,0.2);}
.acor-container .acor-body p {margin: 0 0 10px;}
.acor-container label {cursor: pointer; background-color: #00B113; display: block; padding: 15px 20px; width: 100%; color: #BFE2FF; font-weight: 300; box-sizing: border-box; z-index: 100; font-family: Verdana, sans-serif;
font-size: 18px; margin: 0 0 5px; transition: color .35s;}
.acor-container label:hover {color: #FFF;}
.acor-container input{display: none;}
.acor-container label:before {content: '\276F'; float: right;}
.acor-container input:checked + label {background-color: #007d16; color: #FFF; box-shadow: 0 8px 26px rgba(0,0,0,0.4), 0 28px 30px rgba(0,0,0,0.3);}
.acor-container input:checked + label:before {transition: transform .35s; transform: rotate(90deg);}
.acor-container input:checked + label + .acor-body {height: auto; margin-top: -5px; color: #000; padding: 20px 30px 10px;}
/* Карточка товара */
.block-yelow {background: #b5ff99;width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.block3 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; }
.block3 h1 {font-size: 24px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block3-1 {width:310px; vertical-align:top;padding:0px 0px 0px 0px; margin:30px 5px 10px 5px; height:auto; background: #181A1C;box-shadow: 0 0 10px rgba(0,0,0,1.9);display:inline-block;}
.cssSlider { display: block;position: relative;width: 310px; height: auto;overflow: hidden;}
.cssSlider .slides {overflow: hidden;overflow: hidden;width: 100%;height:212px;margin: 0;padding: 0;list-style: none;}
.cssSlider .slides > li {width: 100%;height: auto;position: absolute;z-index: 1;overflow: hidden;}
.cssSlider .slides li:target {z-index: 3;-webkit-animation: slide 1s 1;}
.cssSlider .slides li:not(:target) {-webkit-animation: hidden 1s 1;}
.cssSlider .slides > li > img {width: 100%;height: auto;}
.cssSlider .thumbnails {display: block;position: relative;padding: 0;margin: 0px;list-style: none;}
.cssSlider .thumbnails > li {float: left;width: 25%;}
.cssSlider .thumbnails > li > a {display: block;}
.cssSlider .thumbnails > li > a > img {width: 100%;height: auto;}
@-webkit-keyframes slide {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);} 100% { -webkit-transform: translateX(0%);transform: translateX(0%);}}
@keyframes slide {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);} 100% { -webkit-transform: translateX(0%);transform: translateX(0%);}}
@-webkit-keyframes hidden {0% {z-index: 2;-webkit-transform: translateX(0%);transform: translateX(0%);} 100% {z-index: 2;-webkit-transform: translateX(100%);transform: translateX(100%);}}
@keyframes hidden {0% {z-index: 2;-webkit-transform: translateX(0%);transform: translateX(0%);} 100% {z-index: 2;-webkit-transform: translateX(100%);transform: translateX(100%);}}
.block3-2 {width:600px;height:auto;vertical-align:top;padding:0px 0px 7px 0px; margin:30px 35px 10px 35px; display:inline-block;}
.block3-2 h3 {font-size: 16px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block3-2 h4 {font-size: 16px; color: #FF7E16; padding: 0px 20px 0px 20px;}
.block3-2 p {font-size: 14px; color: #000000; padding: 5px; text-align: left;}
.block3-2 p span {font-weight: 600;}
.cena, .kupit {height:50px; float: left;}
.cena {width:60%;} .kupit {width:40%;}
.cena p {text-align:center; color:#ff7e16; font-size: 22px; font-weight: 600;}
.cena p span {color:#646464; font-size: 18px; font-weight: 300;text-decoration: line-through; text-decoration-color: red;}
.block3-3 {vertical-align:top; display:inline-block; margin:20px 20px 10px 20px; width:700px;height:auto;text-align: left; padding:10px 0px 7px 20px; line-height: 24px;}
.block3-3 h3 {font-size: 16px; color: #FF7E16;}
.block3-3 p {font-size: 14px; color: #181A1C;}
/* Распродажа */
.sale {background: #EFEFEF;width:100%;display:inline-block;margin:10px 0px 10px 0px;height:auto;}
.sale2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.sale2 h4 {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;}
.tovar-s {width:200px;height:300px;display:inline-block;vertical-align:top;margin:3px 5px 10px 5px; border:1px solid #181A1C; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #fff;}
.tovar-s p a {font-size: 16px; color: #181A1C;text-decoration: none; font-style: normal;}
.tovar-s p a:hover {color: #06BCC5;}
.tovar2-s {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.tovar2-s img {width:195px;}
.tovar2-s p {font-size: 16px; color: #01187D;font-style: italic;padding: 5px 0px 0px 0px;}
.tovar2-s p a {font-size: 16px; color: #FF7E16;text-decoration: none; font-style: normal;padding: 5px 0px 0px 0px;}
.tovar2-s p a:hover {color: #06BCC5;}
.tovar-cena {width:100px;height:30px;margin:0;display:inline-block;vertical-align:top;}
.tovar-cena p {font-size: 16px; color: #181A1C;font-style: italic; padding: 7px 10px 6px 3px;font-weight: 600;}
.knopka-bay {width:90px;height:30px;margin:0;display:inline-block;vertical-align:top;}
.add_item {background: #ff7e16; font-size: 16px; color: #fff;text-decoration: none; font-weight: 300; padding: 10px 25px 10px 25px; margin:-20px 5px 0px 5px; text-align:center;}
.add_item:hover {color: #FFF; background-color: #D26135; cursor: pointer; }
/* SEO */
.opisanie {background: #EFEFEF;width:100%;display:inline-block;margin:10px 0px 10px 0px;height:auto;}
.opisanie2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.opisanie2 h1 {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;margin:0px 0px 0px 0px;}
.opisanie2 h2, .opisanie2 h3 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;margin:0px 0px 0px 0px;}
.company1 {font-size: 18px; color: #06BCC5;line-height: 1.0; font-weight: 500; padding: 5px 25px;text-align:left;}
.opisanie2 p {font-size: 16px; color: #000;line-height: 1.3; font-weight: 300; padding: 0px 20px 10px 20px; text-align:left;margin:0px 0px 0px 0px;}
.opisanie2 p span {font-weight: 600;}
.opisanie2 p a {color: #08a7af;}
/* Подвал */
.footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display:inline-block; text-align:center; background: #052212;}
.block2-3-1 {width:300px;height:315px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #96ffca;}
.navbar-logo-2 {width:200px; height:50px;margin: 5px 0px 5px 45px; padding: 0px 0px 0px 0px;}
.navbar-logo-2 img {width:50px;}
.navbar-contact2 {height:55px;margin: 0px 0px 0px 0px; width:285px; }
.navbar-contact2 p {font-size: 18px; color: #fff;text-align:center; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px;}
.navbar-contact2 a {font-size: 16px; color: #D26135; text-decoration: none;}
.navbar-contact2 a:hover {color: #ff7e16; text-decoration: none;}
.contacts {width:100%; margin: 13px 0px 0px 0px;}
.contacts-2 {margin: 10px 5px 0px 15px;}
.contacts-2 p {font-size: 13px; color: #fff; line-height:22px;}
.block2-3-2 {width:300px;height:315;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #96ffca;}
.block2-3-2 p {padding: 0px 0px 10px 0px;}
.block2-3-2 a {color: #fff; text-decoration: none; }
.block2-3-2 a:hover {color: #007D1C;}
.zakaz-title2 {width: 270px; height: auto; margin: 5px 0px 5px 0px;}
.zakaz-title2 p {font-size: 20px;}
.company2, .delivery2, .email2 {padding:0px 3px 0px 3px;text-align:left;font: 13px/1.3 Arial,sans-serif;color:#767676; width:270px; margin: 3px 0px 3px 0px}
.company2, .email2 {height:21px;}
.delivery2 {height:85px;}
.button2, .button2:visited, .button2:focus {display:inline-block;color: #fff; background-color:#D26135; text-decoration: none; outline: none; font-size:17px; padding: 10px 30px 10px 30px;}
.button2, .button2:visited, .button2:focus {margin: 10px 0px 10px 0px; }
.button2:hover, .button2:active {background-color: #ff7e16; background-position: 0 0;}
.navbar-menu2 a {background-color: #D26135; color: #fff; padding: 5px 15px 5px 12px; text-decoration: none; margin: 0px 5px 0px 5px;}
.navbar-menu2 a:hover {background-color: #ff7e16;}
.ss {margin: 10px 0px 0px 0px;}
.ss img {width:50px;}
.ss a {margin: 0px 7px 0px 7px;}
.block2-3-3 {height:315px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; overflow:hidden; width:600px; }
.block2-3-3 img {padding: 0px 0px 0px 0px;height:auto;width:100%;}
.yellow2 {color: #FF7E16;}
.blue {color: #06BCC5;}
.red {color: #FF0000;}
.orange {color: #FF7E16;}
@media (max-width: 1200px) {.general3 {width: 50%;} .otstup50 {display: none;} .general3 p {font-size: 24px; line-height: 30px; padding: 30px 20px 20px 30px; width: 100%;}}
@media (max-width: 1050px) {.general2 {width: 400px; height: 400px;} .general2 h1 {font-size: 28px; margin: -400px 0px 0px 0px;} .navbar2 {width: 74%;}
.block21 {width: 100%; height: 400px;} .general3 {height: 400px;} .general3 p { font-size: 20px; padding: 30px 20px 0px 30px;}
.block3-2 {width:390px;} .cena p {font-size: 20px;} .cena {width:80%;} .kupit {width:20%;}}
@media (max-width: 960px) {.navbar2 {width: 60%;} .navbar-logo {width:39%;} .sal2 {width: 500px;} .dropdown-content4 {margin: 0px 0px 0px 0px;}
.dropdown-content3, .dropdown-content6 {margin: 0px 0px 0px -155px;} .dropdown-content2, .dropdown-content5 {margin: 0px 0px 0px -77px;}}
@media (max-width: 880px) {.general3 {width: 40%;} .general3 p { font-size: 18px; padding: 30px 20px 0px 30px; line-height: 24px;}
.shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 30px;} .navbar2 {margin: 5px 0px 0px 0px;}
.navbar-logo p {line-height: 20px; font-size: 26px;} .navbar-contact p {font-size: 18px; padding: 0px 0px 0px 0px;} .navbar-contact a {font-size: 16px;}
.block3-2 {width: 100%;} .block3-3 { margin:20px 0px 10px 0px; width: 100%; padding: 0px 0px 0px 0px} .block3-3 p {padding: 0px 20px 0px 20px;} }
@media (max-width: 790px) {.general2 {width: 350px; height: 350px;} .general2 h1 {font-size: 24px; margin: -350px 0px 0px 0px;}
.block21 {height: 350px;} .general3 {height: 350px;} .general3 p { font-size: 16px; padding: 20px 10px 0px 20px;}}
@media (max-width: 700px) {.general3 p {font-size: 14px;}}
@media (max-width: 650px) {.navbar-contact p {font-size: 18px;} .navbar-contact a { font-size: 16px;} .block21 {height: 550px;}
.general2, .general3 {width: 100%;} .general2 img {width: 350px; height: 350px;} .general3 {height: 200px;} .general3 p { padding: 20px 0px 0px 0px;}
.sait, .general, .shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {width: 100%;} .navbar2, .navbar-contact {margin: 0px 0px 0px 0px;} .shapka, .navbar {height: 65px;}}
@media (max-width: 501px) {.sal2 {width: 350px;} .dropdown-content3, .dropdown-content5 {margin: 0px 0px 0px 0px;}
.dropdown-content2, .dropdown-content4, .dropdown-content6 {margin: 0px 0px 0px -155px;}}
@media (max-width: 510px) {.block21 {height: 580px;} .general3 {height: 230px;} .general3 p {line-height: 20px; padding: 15px 0px 0px 0px;} }
@media (max-width: 420px) {.block21 {height: 580px;} .general3 {height: 230px;} .general3 p {line-height: 20px; padding: 15px 0px 0px 0px;} .kategory {margin:15px 0px;} }
@media (max-width: 390px) {.sait {min-width: 390px; }