@media only screen and (max-width: 768px) {
body{/*width:100%;margin: 0 auto;*/ }
.shapka{width: 100%;height: 185px;background: #000;}
.isearch{width:95%;}
.who{margin-top: 7px; width: 95%;padding: 10px;}
.cart{width:100%; float:left;color:#fff;}
.cart .price{width:95%; padding:5px; color:#fff;}
.cart .price a,.cart a{ color:#fff;}
.cart .price a:hover {/*background:#0A3CC1;*/color:#FFDD00;}
.content{width:97%; float:left;padding:0px 5px;}
.left, .tele2{display:none;}
/*Список товаров*/
.spaisoktovar{width: 95%;margin: 15px 0px;border-bottom: solid 1px black;height: 400px;position: relative;overflow: hidden;}
.spaisoktovar a{color:black;}
h2.namet{font-size: 16px;line-height: 90%;height: 55px;overflow: hidden;display: block;margin: 5px 0;}
.imgspisprod{width:200px;height: 200px;margin: 0 auto;}
.cenaprod{background: yellow;height: 30px;width: 96%;margin: 10px 0;padding: 5px;overflow: hidden;display: block;text-align: center;color: #000;line-height: 30px;}
.kolcena{width:95%; height:45px;margin:0 auto;}
.prossum{width:47%; float:left;overflow: hidden;display: block;height: 30px;}
.but{width: 45%;float: left;}
.wicartnum{min-width: 20px;max-width: 40px;border: 1px solid gray;padding: 5px;margin-top: 5px;}
.wicartnum_downbutton, .wicartnum_addbutton{width: 40px;
height: 40px;padding: 5px 0px;display: inline-block;color: #fff;background: black;text-align: center;cursor: pointer;}
.wicartbutton{background: #d11717;border-color: #d11717;width: 95%;overflow: hidden;display: block;text-align: center;color: #fff;line-height: 40px;}
/*список категорий*/
.spiscat{margin:5px 0px;}
.spiscat a {text-decoration: none;color: black;font: 16px bold; }
/*Мобильный живой поиск*/
.siski, .search_result{background: #FFF;border: 1px #ccc solid;width: 100%;border-radius: 4px;max-height:500px;overflow-y:scroll;display:none;z-index: 2147483647;}
.search_result li{list-style: none; padding: 5px 10px; margin: 0 0 0 -40px;color: #000; border-bottom: 1px #ccc solid;cursor: pointer;transition:0.3s;height: 45px;}
.search_result li:hover{ background: #F9FF00;}
.search_result li a{color: #000;}
.spisoksearch{width:99%;height: 120px;border-bottom: 1px black solid;list-style: none;}
.namesearch {width: 100%;float: left;height: 49px;overflow: hidden;padding: 2px 5px;}
.artiksearch{width: 40%;float: left;padding: 2px 5px;}
.nalichiesearch{width: 49%;float: left;padding: 2px 5px;}
.strpoiskjscenagivoy{width: 150px;float: left;padding: 2px 5px;}
.catpoisk{width: 100%;float: left;padding: 2px 5px;overflow: hidden;
height: 20px;}
/*Товар*/
.nametovar{width:98%;font-size: 18px;line-height: 90%;height: 55px;overflow: hidden;display: block;margin: 5px 0;text-transform: uppercase;}
.cenaprodt{background: yellow;height: 30px;width: 98%;margin-bottom: 15px;padding: 5px;overflow: hidden;display: block;text-align: center;color: #000;line-height: 30px;}
.artik, .imgspisprodt, .opisanie{width:98%;}
.ostatkitovara{ width:380px;height: 190px;float:left;}
.nalichie{width:145px;float:left;border-bottom:solid 1px grey;padding:5px 0px;height: 30px;}
.kolices{width:98px;float:left;border-bottom:solid 1px grey;padding:5px 0px;height: 30px;}
.srokpost{width:98px;float:left;border-bottom:solid 1px grey;padding:5px 0px;height: 30px;}
.opisanie{margin-top:15px;float:left;}
/*Корзина товары*/
.bcontainer{width:99% !important;border: 1px solid #999 !important;
padding: 3px !important;}
#bfooter{float:left;}
.popup{width:99% !important;top: 70px !important;left: 0px!important;
margin-left: 0px!important;}
.popup input[type="text"], .popup textarea {
width: 90% !important;}
#upak, .popup button {padding: 15px;}
/*Распродажа*/
.product-icon {
    position: absolute;
    left: -20px;
    top: 21px;
    font-size: 9px;
    line-height: 9px;
    height: 10px;
    padding: 3px 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #fff;
    text-transform: uppercase;
    background: #f45f1d;
    width: 87px;
    border: none;
    z-index: 2;text-align: center;
}
#footer{width:95%; float:left; background: #000;color: #fff;padding: 10px;margin-top: 10px;}
}


@media only screen and (min-width: 768px) {
body{margin:0px;}
#wrapper{
    width:1350px;
    margin:0 auto;
    text-align:left;
       }
#footer{width:100%; float:left; background: #000;color: #fff;margin-top: 10px;}
#footer a{color: #fff;}
/*Шапка сайта*/
.shapka{/*width: 100%;*/height: 65px;background: #000;}
.agos1{width:1350px; margin:0 auto;}
.logotip{width:200px;}
.textk, .tele2 a{color:#FFF;font-size: 16px;}
.who{width:300px;}
.cart{width:200px; float:left;margin-top: 10px;}
.cart .price a,.cart a{ color:#fff;}
.cart .price a:hover {/*background:#0A3CC1;*/color:#FFDD00;}
.left{width:250px;float:left;}
.siski{width:800px; float:left; }
.content{width:800px; float:left;}
.spaisoktovar{font-size: 14px;width: 30%;float: left;height: 307px; border: #f0f0f0 1px solid; padding:2px;margin:2px;position: relative;overflow: hidden;}
.cenaprod{background: yellow;height: 30px;width: 96%;margin: 0;padding: 5px;overflow: hidden;display: block;text-align: center;color: #000;line-height: 30px;}
.prossum{width:120px; float:left;overflow: hidden;display: block;height: 30px;}
.but{width: 95px;float: left;}
.wicartnum{min-width: 20px;max-width: 40px;border: 1px solid gray;height: 21px;margin-top: 5px;}
.wicartnum_downbutton, .wicartnum_addbutton{width: 30px;height: 30px;padding: 5px 0px;display: inline-block;color: #fff;background: grey;text-align: center;cursor: pointer;}
.wicartbutton{background: #d11717;border-color: #d11717;width: 95px;overflow: hidden;display: block;text-align: center;color: #fff;line-height: 30px;}
.imgspisprod{width:150px;height: 150px;margin: 0 auto;}
/*Страница продукта*/
.cenaprodt{background: yellow;height: 30px;width: 100px;margin-bottom: 15px;padding: 5px;overflow: hidden;display: block;text-align: center;color: #000;line-height: 30px;}
.imgspisprodt{width:305px; float:left;}
h2.namet{font-size: 14px;line-height: 94%;height: 52px;overflow: hidden;display: block;margin: 5px 0;}

.blokceny{width: 300px;float: left;}
.ostatkitovara{ width:400px;float:left; padding:10px;}
.nalichie{width:158px;float:left;border-bottom:solid 1px grey;padding:5px 0px;}
.kolices{width:98px;float:left;border-bottom:solid 1px grey;padding:5px 0px;}
.srokpost{width:98px;float:left;border-bottom:solid 1px grey;padding:5px 0px;}
.opisanie{margin-top:15px;font-size:15px;}
/*Меню сайта*/
#menuagos{width:100%;height:auto;}
#menuagos ul{display:block;width:220px;height:auto; margin:0px;padding:0px;list-style:none;position:relative;}
#menuagos ul li{display:block; width:100%; height:auto; position:relative;}
#menuagos ul li a{position:relative;display:block;width:100%;height:auto;box-sizing:border-box;font-size:12px;text-transform:uppercase;font-weight:bold;/*color:#FBF7F7;*/color:#000;line-height:1.2em;padding:3px 5px;/*background:#3A9CD3;*/background: #f0f0f0; border-top:1px solid #236A92;text-decoration:none;}
#menuagos ul  li:first-child a{border:0px;}
#menuagos ul li a:hover, #menuagos ul li:hover a{background:black; color:#fff;}
#menuagos ul li ul{position:absolute;top:0px;left:100%;display:none;width:auto;z-index: 9999;}
            /*******показываем выпадашку при наведении ********/
            #menuagos ul li:hover ul{display:block;}
                #menuagos ul li ul li a{
                    white-space:nowrap;
                    text-transform:none;
                    padding:5px 20px;
                }
                    #menuagos ul li ul li a:hover{
                        /*background:#75C1D4;*/
                        color:#0A3CC1;
                    }
/*конец Меню сайта*/
/*NTUB*/
.content a {text-decoration: none; color:black; font:16px bold;}
.spiscat{width:50%; float:left;margin: 5px 0;}
body {font: normal 12px Arial, Helvetica, sans-serif;}

/*ПОиск живой*/
.isearch{height: 25px;width: 300px;}
.spisoksearch{width:99%;height: 65px;border-bottom: 1px black solid;list-style: none;overflow: hidden;}
.blokvidachigivoipoisk{position: absolute;margin-top: 20px;z-index: 10000;width: 99%;left: 0;}
.search{position:relative;}
.siski, .search_result{background: #FFF;border: 1px #ccc solid;width: 800px;border-radius: 4px;max-height:500px;overflow-y:scroll;display:none;z-index: 2147483647;}
.search_result li{list-style: none; padding: 5px 10px; margin: 0 0 0 -40px;color: #000; border-bottom: 1px #ccc solid;cursor: pointer;transition:0.3s;height: 45px;}
.search_result li:hover{ background: #F9FF00;}
.search_result li a{color: #000;}
.namesearch {width: 420px;float: left;height: 50px;overflow: hidden;padding: 2px 5px;}
.artiksearch{width: 50px;padding: 2px 5px;}
.nalichiesearch{width: 100px;padding: 2px 5px;}
.strpoiskjscenagivoy{width: 90px;padding: 2px 5px;height: 15px;}
.catpoisk{width: 150px;padding: 2px 5px;}

}
/*Системное сообщение*/
.sistemnoe{float:left; width:95%;}
/*Класы общие */
.float{float:left;}
.otsleft{margin:5px;}
.red{color:red;}
a:hover {/*background:#0A3CC1;*//*color:#FFDD00;*/color:blue;}
a{text-decoration: none;}
/*Пагинация*/
.pagination {margin-top: 10px; margin-bottom: 15px;text-align: center; width:99%;float: left;}
.pagination a{font-weight: 400;background: black;background-image: none;background-origin: padding-box;background-image: none;background-origin: padding-box;color: #fff;border: 1px solid rgba(0,0,0,.2);border-bottom-color: rgba(0, 0, 0, 0.2);border-bottom-color: rgba(0, 0, 0, 0.2);border-bottom-color: rgba(0,0,0,.4);background-origin: border-box;text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}
.pagination a, .pagination strong {display: inline-block;min-width: 16px;padding: 3px 5px;line-height: 20px;text-decoration: none;box-sizing: content-box;text-align: center;border-radius: 4px;margin-left: 5px;}


.filtvarian{margin:3px;}
/*Распродажа*/
.product-icon {position: absolute;left: -25px;top: 25px;font-size: 12px;line-height: 9px;height: 10px;padding: 3px 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);color: #fff;text-transform: uppercase;width: 107px;border: none;z-index: 2;text-align: center;}
.product-icon_popular{background: green;}
.product-icon_marksa{background: blue;}
h4{margin:1px;}
.green{color:green;}
.blue{color:blue;}
.grey{color:grey}
.white{color:#fff;}
#loading-indicator {
  position: absolute;
  left: 10px;
  top: 10px;
}
#loader-identity {
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/loading.gif') 50% 50% no-repeat;
}