html, body {padding:0; }
body {font-family:Arial; background: #1544A2;}
.sait {max-width: 1280px; display:block; margin:0px auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);text-align: center; background: #ffffff;}
.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: #131921;width:100%; height:auto; display:inline-block;margin:0px 0px 0px 0px;}
.topmenu2 {max-width:1280px;width:100%;padding:0pt;height:auto;margin:0px 0px 0px 0px;}
.menu1 {width:auto;height:auto;display:inline-block;vertical-align:top;margin: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;}
.shapka {width: 100%; height: 60px;}
.navbar{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 100%; height: auto; min-height: 60px;}
.navbar-logo {width:10%; height:50px;margin: 8px 0px 0px 15px; padding: 0px 0px 0px 0px;float: left; }
.cart {width: 10%; height: 50px; margin: 5px 0px 0px 0px; padding: 2px; font-size: 16px; float: left;}
.label-place {width: 50px; height: 50px; background: url(../../images/cart.jpg); box-shadow: 0 0 10px rgba(0,0,0,1.9); border-radius: 25px;}
.navbar2 {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 78%; height: 50px;float: left;}
.navbar-contact {margin: 0px 0px 0px 10px; padding: 7px 0px 0px 0px; width: 100%; height: 50px; text-align: center;}
.navbar-contact p {font-size: 24px; color: #000;}
.navbar-contact a {font-size: 22px; color: #FF7E16; text-decoration: none;}
.navbar-contact a:hover {color: #06BCC5; text-decoration: none;}
/* Верхнее меню */
.sal {background: #555;width:100%;display:inline-block;margin:0px 0px 0px 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:0px 0px 0px 0px;}
.top-menu {overflow: hidden; background-color: #333; 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;}
.dropdown-content, .dropdown-content2 {display: none; position: absolute; background-color: #eee; width: 305px; z-index: 100; box-shadow: 2px 2px 2px 2px #555;}
.dropdown-content2 {margin: 0px 0px 0px -155px;}
.dropdown-content a, .dropdown-content2 a {color: #061761; float: none; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover, .dropdown-content2 a:hover {background-color: #ddd; color: #06BCC5;}
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2 {display: block;}
/* заголовок */
.title-site {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 100%; height: auto; min-height: 55px; background: #131921; text-align: center;}
.title-site h1 {font-size: 20px; color: #FF7E16; padding: 0px 20px 0px 20px; text-align: center;}
.title-site p {font-size: 16px; color: #fff; padding: 0px 20px 5px 20px;}
.otstup-black {width: 100%; height: 20px; background: #131921;}
.otstup-black5 {width: 100%; height: 5px; background: #131921;}
.otstup-black10 {width: 100%; height: 10px; background: #131921;}
.block2-0-0 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 0px; height:40px; background: #131921; float:left;}
.block2-0 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width:100%;height:40px; background: #131921;}
/* тело сайта */
.block-yelow {background: #EFEFEF;width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.block2-menu {width:270px; vertical-align:top;padding:0px 0px 7px 0px;height:auto;margin:0px 5px 10px 0px; background: #181A1C;display:block; float:left;}
.ofer {width:270px; margin:0px 0px 0px 0px;height:330px; background-color: #eeeeee; float: left; }
.ofer-title {margin:10px 10px 10px 10px; text-align: left; color: #181a1c; width: 100%;}
.ofer-title p {font-size:14px; font-weight: 600;}
.ofer-list {margin:5px; width: 100%; }
.wrapper {display: inline-block; width: 50px; height: 50px; text-align: center; border: 2px solid #0c5190; border-radius: 25px; background-color: transparent; float:left;margin: 0px 10px 0px 0px;}
.ofer-p {height: 53px; margin:0px 0px 0px 10px;}
.ofer-p p {font-size:14px; text-align: left; color: #0c5190; padding: 0px 0px 0px 10px;}
.ofer-p p span {font-size:13px; text-align: left; color: #181a1c;}
.ofer-p p a {font-size:13px; text-decoration: none;color: #06BCC5;}
.menu-left {width:260px; height: auto;margin: 2px 11px 0px 5px; padding: 0px 0px 0px 0px;background: #fff;float: left; box-shadow: 0 0 10px rgba(0,0,0,1.9);display: inline-block;}
.menu-left h3 {font-size: 20px; color: #FF7E16; padding: 7px 7px 7px 7px; background: #181A1C;}
.menu-left-zagolovok p {color: #FF7E16; background: #292D31; display: inline-block; width: 256px;line-height: 1.5;padding: 5px 2px;}
.menu-left-punkt {text-align: left;}
.menu-left-punkt p {color: #0c5190; background: #ddd; display: inline-block; width: 256px;line-height: 1.5;padding: 3px 2px;}
.menu-left-punkt a {text-decoration: none;color: #181A1C;display: inline-block; width: 256px;line-height: 1.5;padding: 3px 2px 3px 20px;}
.menu-left-punkt a:hover {color: #0c5190; text-decoration: none; background: #ddd; padding: 3px 2px 3px 20px; width: 236px;}
.menu-left-punkt2 {text-align: center;}
.p-menu-0, .p-menu-1 {font-size: 15px; line-height: 2.5; margin: 5px 5px 5px 5px; padding: 5px 10px; text-decoration: none; border-radius:5px 5px 5px 5px;}
.p-menu-0 {color: #000; background: #06BCC5; border: 1px solid #fff;}
.p-menu-1 {color: #fff; background: #181A1C; border: 1px solid #06BCC5;}
.p-menu-1:hover {color: #000; margin: 5px 5px 5px 5px; padding: 5px 10px; text-decoration: none; background: #06BCC5; border: 1px solid #fff; border-radius:5px 5px 5px 5px;}
.bottom-menu-left {width:260px; height: 10px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;background: #181A1C; }
.block2 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; }
.menu-0, .menu-1 {font-size: 15px; line-height: 2.5; margin: 0px 5px 0px 10px; padding: 5px 15px; text-decoration: none; border-radius:5px 5px 5px 5px;}
.menu-0 {color: #000; background: #06BCC5; border: 1px solid #fff;}
.menu-1 {color: #fff; background: #181A1C; border: 1px solid #06BCC5;}
.menu-1:hover {color: #000; margin: 0px 5px 0px 10px; padding: 5px 15px; text-decoration: none; background: #06BCC5; border: 1px solid #fff; border-radius:5px 5px 5px 5px;}
.block2-1 {width:310px; vertical-align:top;padding:0px 0px 0px 0px;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%);}}
.block2-2 {width:500px;height:auto;vertical-align:top;padding:0px 0px 7px 0px; display:inline-block;}
.block2-1, .block2-2 {margin:30px 5px 10px 5px;}
.block2-2 h3 {font-size: 16px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block2-2 h4 {font-size: 16px; color: #FF7E16; padding: 0px 20px 0px 20px;}
.block2-2 p {font-size: 14px; color: #000000; padding: 5px; text-align: left;}
.block2-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;}
.add_item, .add_item:visited, .add_item:focus {display:inline-block;color: white; background-color:#06BCC5; line-height:auto; text-decoration: none; outline: none;
background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%); background-position: 100% 0; background-size: 200% 200%; font-weight: 300; transition: .5s;
font-size:19px; box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);}
.add_item, .add_item:visited, .add_item:focus {margin: 0px 0px 0px 0px; border-radius: 5px; padding:4px 7px; }
.add_item:hover, .add_item:active {box-shadow: 0 0 0 0 rgba(0,40,120,0); background-position: 0 0;}
.block2-2-1{float:left; width:200px; height: 24px;margin:0px 0px 10px 0px;}
.block2-2-2 {width:200px;margin:0px 0px 10px 150px;height: 24px;}
.block2-2-2 p {text-align: right;}
.block2-2-2 a {font-size: 16px; color: #fff; margin: 0px 0px 0px 0px; padding: 5px 5px; text-decoration: none; background: #06BCC5; border: 2px solid #FF7E16; border-radius:5px 5px 0px 0px;text-align: right;}
.block2-2-2 a:hover {color: #181A1C; margin: 0px 0px 0px 2px; padding: 5px 5px; text-decoration: none; background: #FF7E16; border: 1px solid #fff; border-radius:5px 5px 0px 0px;text-align: right;}
::selection {background-color: #4EC6DE;}
.tabbed {width: 100%;margin: 0px auto;}
.tabbed p {font-size: 14px;}
.tabbed > input {display: none;}
.tabbed > label {display: block;float: left;padding: 5px 7px;margin: 0px 0px 0px 4px;cursor: pointer;transition: background-color .3s;
border-left: 2px solid #FF7E16; border-top: 2px solid #FF7E16; border-right: 2px solid #FF7E16;border-radius:5px 5px 0px 0px; color:#fff;font-size: 14px;}
.label4 {background: #06BCC5;}
.tabbed > label a {color: #fff; text-decoration: none;}
.tabbed > label a:hover {color: #181A1C;}
.tabbed > label:hover, .tabbed > input:checked + label {background: #FF7E16;color:#181A1C;font-weight:400;font-size: 14px;}
.tabbed > label a {color: #fff; text-decoration: none;}
.tabs {clear: both;perspective: 600px;}
.tabs > div {width: 100%;position: absolute;border-top: 2px solid #FF7E16; 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;}
.tabs > div p {text-align: left; padding: 10px 10px 5px 15px; color:#fff;}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1), #tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3), #tab-nav-4:checked ~ .tabs > div:nth-of-type(4) {transform: rotateX(0);opacity: 1;z-index: 1;}
.table7 {display:block;width: 379px;border-collapse: collapse;text-align: center;margin:0px 0px 0px 0px;display:block;}
.table7 td {display:block;color: #000;padding: 2px 2px;float:left; text-align: center;}
.table7 .td1 p, .table7 .td2 p, .table7 .td3 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: center;}
.table7 .td1-1 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: left;}
.table7 .td2-1 p {font-size:12px; padding: 5px 2px 3px 2px; text-align: left;}
.table7 .td2-2 p, .table7 .td2-3 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: center;}
.table7 .td2-3 {font-size:12px; font-weight: 700; padding: 0px 2px 3px 2px; text-align: center; color: #FF7E16; text-decoration: none;}
.table7 .td2-3 a:hover {color: #06BCC5; text-decoration: none;}
.tbodys6 {display:block;width:379px;}
.td1, .td1-1, .td2, .td3 {height:18px;}
.td1, .td1-1, .td2-1 {width:287px;margin: 0px 0px 0px 0px;}
.td2, .td2-2 {width:70px;margin: 0px 0px 0px 0px;}
.td3, .td2-3 {width:20px; margin: 0px 0px 0px 0px;}
.td2-1, .td2-2, .td2-3 {border-bottom: 1px solid #FF7E16; height:30px;}
.block2-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;}
.block2-3 h3 {font-size: 16px; color: #FF7E16;}
.block2-3 p {font-size: 14px; color: #181A1C;}
.block2-4 {width:260px;height:250px;vertical-align:top;padding:10px 0px 7px 0px; display:inline-block; margin:0px 0px 10px 0px;}
.block2-4-2 {margin:2px 0px 2px 0px; width:259px;height:265px;display:inline-block;vertical-align:top; vertical-align: middle; border: 1px solid #FF7E16;}
.navbar-logo-2 {width:200px; height:50px;margin: 5px 0px 5px 45px; padding: 0px 0px 0px 0px;}
.navbar-logo-2 img {width:200px;}
.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: #FF7E16; text-decoration: none;}
.navbar-contact2 a:hover {color: #06BCC5; 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;}
.zakaz-title2 {width: 270px; height: auto; margin: 5px 0px 5px 0px;}
.zakaz-title2 p {font-size: 20px;}
/* окно заказа */
.footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display:inline-block; text-align:center; background: #181a1c;}
.block2-3-1 {width:300px;height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #FF7E16;}
.contacts {width:100%; margin: 13px 0px 0px 0px;}
.navbar-logo-futer {width:100%; height:50px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.navbar-logo1-futer p a {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 800; text-align:center;}
.navbar-logo2-futer {margin: -2px 0px 0px 0px;}
.navbar-logo2-futer p a {font-size: 15.5px; color: #06BCC5;text-decoration: none; text-align:center;}
.navbar-contact2 {height:55px;margin: 0px 0px 0px 0px; width:285px; text-align:center;}
.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: #FF7E16; text-decoration: none;}
.navbar-contact2 a:hover {color: #06BCC5; text-decoration: none;}
.navbar-menu2 {margin: 10px 0px 0px 15px; padding: 0px 0px 0px 50px; width: 280px; height: 25px;}
.navbar-menu2 a {font-size: 14px; color: #fff; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #181A1C; border: 1px solid #FF7E16; border-radius:5px 5px 0px 0px;}
.navbar-menu2 a:hover {color: #000; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #FF7E16; border: 1px solid #fff; border-radius:5px 5px 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:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #FF7E16;}
.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: white; background-color:#06BCC5; line-height:auto; text-decoration: none; outline: none;
background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%); background-position: 100% 0; background-size: 200% 200%; font-weight: 300; transition: .5s;
font-size:17px; box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);}
.button2, .button2:visited, .button2:focus {margin: 10px 0px 0px 0px; border-radius: 5px; padding:3px 7px; }
.button2:hover, .button2:active {box-shadow: 0 0 0 0 rgba(0,40,120,0); background-position: 0 0;}
.block2-3-3 {height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; overflow:hidden; border: 1px solid #FF7E16;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: 1270px) {.block2-0 {width:70%;height:80px;}}
@media (max-width: 1110px) {.block2-2, .tabbed2 {width:400px;}}
@media (max-width: 1035px) {.block2-3 {width:600px;}}
@media (max-width: 1025px) {.block2-0 {height:70px;}}
@media (max-width: 960px) {.navbar2 {width: 70%;}}
@media (max-width: 935px) {.block2-3 {width:500px;} .block2-3 p {font-size: 13px;} .sal {height:75px;} .tov {width:280px;height:30px;margin:5px 0px 0px 0px;}
.dropdown, .dropbtn {width:280px;height:30px;margin:0px 0px 0px 0px;} .dropdown-content, .dropdown-content2 {width: 280px;} .dropdown-content2 {margin:0px 0px 0px 0px;}}
@media (max-width: 850px) {.title-site h1, .menu-left h3 {font-size: 16px;} .title-site h1 {padding: 5px 20px 0px 20px;}
.title-site p, .dropdown .dropbtn, .dropdown-content a, .dropdown-content2 a, .menu-left-zagolovok p, .menu-left-punkt p, .menu-left-punkt a {font-size: 14px;}
.tov, .dropdown, .dropbtn, .dropdown-content, .dropdown-content2 {width:230px;}}
@media (max-width: 835px) {.block2-3 {width:380px; line-height: 20px; margin: 0px 20px 10px 20px;} .tabbed2 p {font-size: 13px;}}
@media (max-width: 800px) {.navbar-contact {width: 200px; padding: 0px 0px 0px 0px;} .navbar-contact p {font-size: 14px;} .navbar-contact a {font-size: 16px;}}
@media (max-width: 790px) {.title-site p {font-size: 13px; color: #fff; padding: 0px 20px 5px 20px;} .menu-0, .menu-1, .menu-1:hover {font-size: 13px; line-height: 2.0; padding: 3px 10px; }}
@media (max-width: 720px) {.title-site h1, .menu-left h3, .block2-2 h3, .block2-3 h3 {font-size: 14px;}
.title-site p, .dropdown .dropbtn, .dropdown-content a, .dropdown-content2 a, .menu-left-zagolovok p, .menu-left-punkt p, .menu-left-punkt a, .ofer-title p, .ofer-p p, .p-menu-0, .p-menu-1, .block2-2 p, .block2-3 p {font-size: 12px;}
.cena p, .add_item, .add_item:visited, .add_item:focus {font-size: 18px;}
.ofer-p p span, .ofer-p p a {font-size: 11px;}
.ofer, .menu-left, .block2-menu, .bottom-menu-left {width: 200px;} .menu-left-zagolovok p, .menu-left-punkt p, .menu-left-punkt a {width: 196px;} .menu-left-punkt a:hover {width: 176px;}
.menu-left {margin: 2px 11px 0px 0px;} .wrapper {display: none;} .ofer-p p {padding: 0px 0px 0px 0px;}
.tov, .dropdown, .dropbtn, .dropdown-content, .dropdown-content2 {width:195px;}
.sal {height:105px;} .tov, .dropdown, .dropbtn {height:45px;}}
@media (max-width: 650px) {.block2-2, .block2-3 {width: 300px;} .block2-3-3 {width: 100%; margin: 13px 0px 6px 0px}}
@media (max-width: 600px) {.tov, .dropdown, .dropbtn, .dropdown-content, .dropdown-content2 {width:130px;} .cena {width: 100%;} .kupit {width: 100%;}
.block2-1, .block2-2, .block2-3 {width: 300px; padding: 0px 0px 0px 0px; margin: 30px 5px 10px 5px;} .cssSlider {width: 300px;} .cssSlider .slides {height: 203px;}}
@media (max-width: 530px) {.block2-1, .block2-2, .block2-3, .cssSlider {width: 250px; margin: 20px 0px 5px 0px;} .cssSlider .slides {height: 170px;} .block2-3 {line-height: 15px;}
.cssSlider {margin: 0px 0px 0px 0px;}}
@media (max-width: 530px) {.sait {width: 480px;}}
@media (max-width: 510px) {.navbar2 {width: 300px; } }
@media (max-width: 480px) {.ofer, .bottom-menu-left {display: none} .sait, .block2-menu, .menu-left, .menu-left-zagolovok, .menu-left-zagolovok p, .menu-left-punkt2 {width: 100%;}
.p-menu-0, .p-menu-1, .p-menu-1:hover { line-height: 2.5; margin: 3px 3px 3px 3px; padding: 3px 6px; text-decoration: none; border-radius:5px 5px 5px 5px;}
.menu-left-punkt {text-align: center;} .menu-left-punkt p, .menu-left-punkt a, .menu-left-punkt a:hover {width: 120px; padding: 3px 2px;}
.block2-2, .block2-3 { width: 100%; margin: 20px 0px 5px 0px; } .block2-3 h3, .block2-3 p {padding: 3px 10px;} }
@media (max-width: 420px) {.navbar2 {width: 250px; } }
@media (max-width: 390px) {.sait {min-width: 390px; }