#mobile-menu-button,
#mobile-catalog-button,
#mobile-search-button {
    height: 20px;
    position: absolute;
    left: 5%;
    top: 80px;
    cursor: pointer;
    background: transparent url('/images/ico-mobile.png') -1px -2px no-repeat;
    line-height: 20px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
    padding-left: 30px;
    text-decoration: none;
}

#mobile-catalog-button {
    left: 50%;
    margin-left: -45px;
    top: 80px;
    background-position: 0 -27px;
}

#mobile-search-button {
    left: auto;
    right: 5%;
    top: 80px;
    background-position: 0 -69px;
}

#mobile-menu {
    display: none;
    position: fixed;
    bottom: -100px;
    right: 0;
    top: -100px;
    left: 0;
    overflow: auto;
    overflow-y: scroll;
    z-index: 9999;
    min-height: 100%;
    background: url('/images/mobile-menu-overlay.png');
}

#mobile-menu ul {
    display: block;
    width: 60%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 10%;
    margin: 100px 0;
    z-index: 10000;
}

#mobile-menu li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
}

#mobile-menu ul span {
    display: none;
}

#mobile-menu a {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

#mobile-menu-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    background: transparent url('/images/ico-mobile.png') 0 -48px no-repeat;
    z-index: 10001;
}

.mobile-search-container {
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    z-index: 1;
}

.animated{
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
}


@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.on-mobile {
    display: none;
}

@media all and (min-width: 1280px) {

}

@media all and (max-width: 1280px) {
    /* main menu */
    body header nav.main a {padding: 10px}
    /* banners */
    body ul.advantages li {padding-right: 0; width: 30%; margin-right: 5%}
    body ul.advantages li:last-child {margin-right: 0}
    body ul.advantages li:after {display: none}
    body ul.advantages li img {width: 100%; height: auto}
    /* categories */
    body .main_categories li:after, body main ul.dots li:after {display: none}
    /* subscription */
    body footer .subscription .title span {display: none;}
    body footer .subscription .form_wrapper {margin-left: 214px}
    /* footer menu */
    footer nav > ul > li {margin-left: 0; max-width: 200px}
}

@media all and (max-width: 1100px) {
    /* main menu */
    body header nav.main {padding-top: 5px; padding-left: 9px;}
    body header nav.main a {height: 20px; line-height: 20px}
    body header nav.main > ul > li:first-child > a {padding-left: 10px;}
    /* header elements */
    body header .top p {display: none}
    body header .top nav.user {float: none; text-align: center;}
    body header .top .user {margin-left: 12px}
    body header .top nav.user ul li {display: inline-block; float: none}
    body header #cart .cartEmpty_m:after {display: none}
    body header #cart {right: 0; text-align: end;}
    body header #cart .cartEmpty_m:before {width: 125px;}
    body header .desk-list li:first-child a {font-size: 21px;}
    /*general*/
    body #content h1 {padding: 60px 0 0 0;}
    /* search */
    body header .search {width: 18%; margin-top: 0; }
    /* banners */
    body ul.advantages li {height: 140px}
    /*shop_goods*/
    body #shop_goods .right {margin-left: 3%;}
    body #shop_goods .features {width: 98%;}
    /*section*/
    body .can-slider, body .services-slider {width: 100%}
    /* footer menu */
    footer nav {line-height: 20px; height: 340px; overflow: hidden; padding-top: 40px; max-width: 250px}
    body footer nav > ul > li {margin-left: 0; max-width: 100%; float: none}
    body footer nav > ul > li span {height: auto; line-height: 20px}
    body footer ul.partner {display: none}
    body footer nav {height: 125px; padding-top: 20px;}
}

@media all and (max-width: 860px) {
    /* header elements */
    body header .top nav.user ul li {padding: 0 10px;}
    body header .top nav.user ul li:after {display: none}
    body header .top .desk-list .phone {display: none}
    body header .desk-list {margin-left: 108px;}
    body header .wrapper {margin-left: 0;}
    /* banners */
    body #banner {display: none}
    body ul.advantages {padding-top: 0}
    body ul.advantages li {float: none; margin: 0 auto 20px auto; padding-right: 0; width: 270px; height: 170px}
    body ul.advantages li:last-child {margin: 0 auto;}
    /* goods */
    body #content .left_col {margin-top: -8px;}
    body .goods_wrapper {margin-left: 0}
    body .goods {margin-left: 0; min-width: 200px;}
    body div.category ul.dots {margin: 0 auto;}
    body .main_categories li, div.category ul.dots li {float: none; margin: 0 auto 50px auto;}
    /* goods set at main page */
    body section.goods_set .more, body section.last_reviews .more {display: none}
    /*shop*/
    body #shopping_cart_table a.del {left: 196px;}
    /* unisiter link */
    body footer .unisiter {display: none}
    /*footer*/
    body footer .wrap_container { margin-top: 70px; width: 33%; margin-left: -125px;}
    body footer ul.contacts {padding: 71px 0 0 0; width: 34%;}
    body footer .subscription::after {display: none;}
    body footer .mailing {float: right; width: 80%;}
}

@media all and (max-width: 720px) {
    /* main menu */
    body header nav.main {padding-left: 0}
    /* header elements */
    body header .top .user {margin-top: 0; margin-left: 78.5%;}
    body header .top nav.user ul li.phone, body header .top nav.user ul li.mail {display: none}
    /*shop_goods*/
    body #shop_goods .goods-card .gallery {max-width: 373px; height: 263px;}
    body .one_click_buy {float: left; margin-top: 1px; margin-right: 7px;}
    body #shopping_cart_table a.del {left: 170px;}
    /*cart*/
    body form.formCard {margin-top: 8px;}
    /*footer*/
    body footer .wrap_desk, body footer nav {display: none}
    body footer .subscription::after {display: none}
    body footer .mailing {width: 100%}
    body footer ul.author a.unisiter {width: 60px; background-position: 0 -12px; line-height: 31px;}
    body footer ul.author {width: 27%; position: absolute; top: -22px; right: 0 }
    body footer .wrap_container {width: 83%; margin-left: 8%; margin-top: 0;}
    body footer ul.contacts {padding: 6px 0 0 0; width: 54%;}
}

@media all and (max-width: 640px) {
    /*header elements*/
    body header .user {width: 100%;}
    body header .user ul {width: 100%; float: left; display: block;}
    body header .user li {display: block; float: left; margin: 0}
    body header .user li:first-of-type {width: 65px;}
    body header .user li:nth-of-type(2) {width: 115px;}
    body header .top .user ul li:nth-of-type(2) a {padding-left: 13px;}
    body header .top .user {margin-top: 0; margin-left: 0; position: absolute}
    body header .top .user li:first-of-type::after {content: "/"; position: absolute; top: 0; left: 65px;}
    /* general */
    /*general*/
    body #content h1 {padding: 30px 0 0 0;}
    body .container .container {margin: 0 10px;}
    body #content .left_col {display: none;}
    body .has_left_col main {margin-left: 0;}
    #shop_goods .sorting {display: none}
    body form.forms .item .title, body form.forms .item .input,  body form.forms .item .textarea, body form.forms .item .hint, body form.forms .item .hinterror {width: 90%}
    body #shop_goods, body #shop_goods div.nav {margin-left: 0}
    /* main menu */
    body header nav.main {padding-top: 12px;}
    body header nav.main a {font-size: 13px; padding: 5px;}
    body header nav.main > ul > li:first-child > a {padding-left: 5px;}
    /* mobile head */
    body header div, body header nav, body header a {display: none}
    body header, #mobile_nav ul.panel {height: 50px; background-color: #2e3d6d;}
    body main div.nav {margin-top: -96px;}
    /* banners */
    body ul.advantages li {float: left; width: 30%; margin: 0 5% 0 0; height: 100px}
    body ul.advantages li:last-child {margin-right: 0}
    /* subscription */
    body footer .subscription .title {color: transparent; font-size: 1px; width: 0; overflow: hidden; height: 60px}
    body footer .subscription .form_wrapper {margin-left: 50px}
    /* footer menu */
    body footer nav {display: none;}
    /* footer payment methods */
    body footer .bottom img {display: none}
    /* unisiter link */
    body footer .unisiter {display: block; left: auto; right: 0; top: 20px; color: transparent; font-size: 1px; width: 20px; height: 20px; overflow: hidden;}
    body footer .unisiter a {width: 0; height: 20px; overflow: hidden; position: absolute; left: 0; top: 0; background-position: 0 -17px; }
    /* copyright */
    body footer .bottom {text-align: center;}
    /* cart page */
    body #shopping_cart_table .features {display: none}
    body form.forms .item .radio {float: left; width: 85%;}
    /* goods card */
    body #shop_goods .goods-card .gallery {float:none; margin: 40px auto 40px auto; padding: 0}
    body #shop_goods .similar-goods {margin-left: 0}
    body #shop_goods .similar-goods h4 {margin-left: 0}
    body #shop_goods div.nav {margin-top: -60px; margin-right: 0}
    body #shop_goods ul.goods_slider li.next {right: 0}
    body .goods {width: unset}
    body .similar-goods .goods {width: 222px; float: unset; margin: 0 auto 40px auto;}
    body .goods span.name {width: 200px}
    body .one_click_buy {float: right; margin-top: -67px; margin-right: 7px;}
    body #shopping_cart_table th:nth-of-type(3) {display: none}
    /* goods list */
    body #shop_goods .show_hide_filters {right: 0; top: -84px;}
    /*footer*/
    body footer .wrap_desk {display: none}
    body footer ul.contacts {display: none}
    body footer .subscription::after {display: none}
    body footer .mailing {width: 100%}
    body footer .subscription .title {display: none}
    body footer ul.author a.unisiter {width: 60px; background-position: 0 -12px;}
    body footer ul.author {width: 41%; position: absolute; top: -22px; left: 10%;}
    body footer .wrap_container {width: 54%; margin-left: 10%; margin-top: 80px;}

}

@media all and (max-width: 480px) {
    /* general */
    body #shopping_cart_table .img {display: none}
    body .on-mobile {display: block}
    /* main menu */
    /*body header nav.main {display: none}*/
    /*!* logo *!*/
    /*body header .logo {width: 120px; height: 60px; top: 38px; left: 0%; margin-left: 0; background-size: contain}*/
    /*!* header elements *!*/
    /*body header .top {height: 149px;}*/
    /*body .catalog_wrapper {display: none}*/
    /*body header .bottom {text-align: center}*/
    /*body #search_hints {text-align: left; min-width: 100px;}*/
    /*body #cart {display: inline-block; position: relative; right: auto; text-align: left}*/
    /*body header .contacts-list {display: none}*/
    /*body header #cart {right: 0; position: absolute; float: left; top: 0;}*/
    /*body header .wrapper {background: none;}*/
    /*body header #mobile-menu-button, body header #mobile-catalog-button, body header #mobile-search-button {top: -36px;}*/
    /*body header .search {width: 100%;}*/
    /* banners */
    body ul.advantages li {float: none; margin: 0 auto 20px auto; padding-right: 0; width: 270px; height: 170px}
    body ul.advantages li:last-child {margin: 0 auto;}
    /*cart*/
    body #cart .cartEmpty_m {height: 30px;}
    body #shopping_cart_table .cart_title {padding-right: 6px;}
    body #shopping_cart_table .quantity {padding-left: 2px;}
    body #shopping_cart_table a.del {left: 117px; top: 10px;}
    /*body header #cart {width: 204px;}*/
    /*body header #cart {top: 0;}*/
    /*goods*/
    body .goods span.name {width: 200px}
    body section.sliders {display: none;}
    body .one_click_buy {float: left; margin-top: 1px; margin-right: 7px; margin-bottom: 10px;}
    body #shop_goods .goods-card .gallery {max-width: 328px; height: 233px;}
    body .goods_wrapper {width: 225px; margin: 0 auto;}
    /* categories */
    body .main_categories ul, body main ul.dots, body .cats_with_goods #shop_cats ul {margin-left: 0}
    body .main_categories li, body main ul.dots li {float: none; margin: 0 auto 50px auto}
    body main ul.news_list {width: 224px; margin: 0 auto;}
    /* main page features */
    body section.main_features ul {margin-left: 0}
    body section.main_features li {float: none; margin: 0 auto 50px auto}
    /* copyright */
    body footer .bottom {height: 40px; padding: 10px 0; line-height: 20px}
    /* unisiter link */
    body footer .unisiter {top: 10px;}
    /* search */
    /*body header .search {display: none; margin: 0; position: absolute}*/
    body #search_form_input {box-shadow: inset 0 0 1px #aaa;}
    /*footer*/
    body footer .wrap_container, body footer .wrap_container .wrap, body footer ul.author  {width: 92%;}
}

@media all and (max-width: 477px) {
    body section.goods_set .goods_wrapper, body .services-slider__list {height: 391px; margin: 0 auto; width: 224px;}
    body .services-slider__item {margin-bottom: 20px;}
}

@media all and (max-width: 352px) {
    /* goods list */
    body .goods a.buy {display: none}
}