@media only screen and (min-width: 1301px) and (max-width: 9000px) {

/* only for fixed header*/
/*
.scroll {display: block !important; width: 100%; position: fixed; top: -100px; -webkit-transform: translateZ(0); left: 0; background: #fff; z-index: 199; animation: showMenu 1s 1 forwards}
.scrollTop {padding-top: 100px}
@keyframes showMenu {
0% {top: -200px}
100% {top: 0}
}
*/

.header_wrap{display: block !important; width: 100%; position: fixed; /*top: -100px;*/ -webkit-transform: translateZ(0); top: 0; left: 0; /*background: #fff;*/ z-index: 199; animation: showMenu 1s 1 forwards} 
.wrapper {padding-top: 48px}

#smartFilter .checkbox {scrollbar-width: thin;  scrollbar-color: rgba(217,217,217,.3) #fff}
#smartFilter .checkbox::-webkit-scrollbar {width: 7px}
#smartFilter .checkbox::-webkit-scrollbar-track {background: #fff}
#smartFilter .checkbox::-webkit-scrollbar-thumb {background-color: rgba(217,217,217,.3); border-radius: 20px}
}

/* 1400 */
@media only screen and (max-width: 1400px) {

.header {padding: 0 25px; max-width: 100%}
.head {padding: 0 25px; max-width: 100%; box-sizing: border-box}

.promo_wrap {padding: 125px 25px 0 25px; max-width: inherit}
.promo_wrap:before {width: 570px; right: inherit; left: 0}

.child_menu.icon {width: calc(100% - 50px); left: 25px}
main {padding: 0 25px; max-width: 100%; box-sizing: border-box}

.footer_wrap {padding: 0 25px; max-width: 100%; box-sizing: border-box}
footer .bottom {padding: 0 25px; max-width: 100%; box-sizing: border-box}

.top_page_wrap .h1_block {padding: 70px 25px 220px 25px; max-width: 100%; box-sizing: border-box}

.breadcrumb {padding: 0 25px; max-width: 100%; box-sizing: border-box}

.pre_cnt {padding: 0 25px; max-width: 100%; box-sizing: border-box}
.pre_cnt > div:nth-child(1) {padding: 85px 110px 85px 0; width: 55%}
.pre_cnt > div:nth-child(2) {width: 45%}
.pre_cnt > div:nth-child(2) div {width: calc(100% + 25px)}

.left-bg:before {left: -25px}
.left-bg .bg {width: 700px} 
.left-bg .centr {padding: 120px 0px 110px 0}
.left-bg .centr .bg {width: 700px} 

.bg-video > div:nth-child(1):before {width: calc(100% + 25px)}
.our-clients:before {width: calc(100% + 50px); left: -25px}
.wrap_slider:before, .wrap_slider:after {width: calc(100% + 50px); left: -25px}
.block-two:before, .block-two:after {width: calc(100% + 50px); left: -25px}
}

/* 1300 */
@media only screen and (max-width: 1300px) {

nav {display: block; position: fixed; top: 0; left: -310px; width: 310px; height: 100vh; box-sizing: border-box; z-index: 2000}
nav .close_wrap, nav .back {display: block; padding: 10px 20px; width: 100%; height: 40px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box}
nav .back {padding-left: 20px; border-bottom: 1px solid #DBE2EE}
nav .close_menu, nav .back_cat {display: block; width: 16px; height: 16px; cursor: pointer}
nav .close_menu svg, nav .back_cat svg {stroke: #000}
nav .close_menu:hover svg, nav .back_cat:hover svg {stroke: #209DC6}
.all_menu_wrap {width: 100%; height: 100%; background: #fff; box-sizing: border-box; position: relative}
.all_menu {width: 100%; height: 100%; box-sizing: border-box;  position: relative; z-index: 3}
.all_menu .level {width: 310px; height: 100%; background: #fff; box-sizing: border-box; position: relative; z-index: 500}
/* выпадашка скрытие */
.all_menu .level.v2 {display: block; position: fixed; top: 0; left: -310px; z-index: 400} 
.all_menu .level_1 {padding-bottom: 20px; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; position: relative}
.all_menu .item_wrap {border-bottom: 1px solid #e6e6e6; overflow: hidden; position: relative}
.all_menu .item_wrap:hover, .all_menu .item_wrap.active {background: #209DC6}
.all_menu .item {align-items: center; padding: 0 38px 0 20px; width: 100%; height: 76px; box-sizing: border-box; cursor: pointer; position: relative; z-index: 12} 
.all_menu .item.m_more:before, .all_menu .item.a_more:before {content:''; display: block; width: 7px; height: 13px; background: url("data:image/svg+xml; utf8; base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuNiIgZD0iTTEgMTJMNS41IDYuNUwxIDEiIHN0cm9rZT0iIzMyMzIzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg=="); position: absolute; right: 25px}
.all_menu .item_wrap:hover .item.m_more:before, .all_menu .item_wrap:hover .item.a_more:before, .all_menu .item_wrap.active .item.m_more:before, .all_menu .item_wrap.active .item.a_more:before {background: url("data:image/svg+xml; utf8; base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBvcGFjaXR5PSIwLjYiIGQ9Ik0xIDEyTDUuNSA2LjVMMSAxIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS41Ii8+DQo8L3N2Zz4NCg==")}
.all_menu .item.m_more > div:nth-child(1), .all_menu .item_wrap .img > div:nth-child(1) {min-width: 50px; width: 50px; max-width: 50px; height: auto; text-align: center; line-height: 0}
.all_menu .item.m_more > div:nth-child(2), .all_menu .item_wrap .img > div:nth-child(2) {padding-left: 12px; width: calc(100% - 50px); font-size: 16px; line-height: 24px}
.all_menu .item.a_more > div:nth-child(1) {max-width: inherit; width: 100%; height: auto; font-size: 15px; color: #000}
.all_menu .item_wrap a {margin: 0 -38px 0 -20px; width: calc(100% + 20px); text-decoration: none; font-size: 15px; color: #000; box-sizing: border-box}
.all_menu .item_wrap a > div {padding: 0 20px}
.all_menu .item_wrap .img  {margin: 0; width: 100%}
.all_menu .item_wrap .img > div:nth-child(1) {padding: 0}
.all_menu .item_wrap .img > div:nth-child(2) {color: #000}
.all_menu .item_wrap:hover .img > div:nth-child(2), .all_menu .item_wrap.active .img > div:nth-child(2), 
.all_menu .item_wrap:hover .item.a_more > div:nth-child(1), .all_menu .item_wrap.active .item.a_more > div:nth-child(1),
.all_menu .item_wrap:hover a, .all_menu .item_wrap.active a {color: #fff}
.all_menu .item_wrap .m_icon > div {justify-content: center; align-items: center; width: 100%; height: 100%}
.all_menu .item_wrap .m_icon > div svg {display: block}
.all_menu .item_wrap .m_icon > div svg path {stroke: #209DC6 !important}
.all_menu .item_wrap:hover .m_icon > div svg path, .all_menu .item_wrap.active .m_icon > div svg path {stroke: #fff !important}
.all_menu .level_2 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F1F4F9; overflow: hidden; overflow-y: auto; z-index: 20}
.all_menu .level_2 ul {padding: 0 0 70px 0; font-size: 16px}
.all_menu .level_2 ul > li {padding: 0; line-height: normal} 
.all_menu .level_2 ul > li:before { display: none}  
.all_menu .level_2 a {align-items: center; padding: 0 20px; width: 100%; height: 62px; color: #000; text-decoration: none; border-bottom: 1px solid #DBE2EE; box-sizing: border-box; left: 24px}
.all_menu .level_2 a:hover, .all_menu .level_2 a.active {color: #ffffff; background: #209DC6; text-decoration: none}
.all_menu .menu_phone {padding: 200px 10px 25px 20px}
.all_menu .btn-wrap {padding: 0 20px 30px 20px; width: 198px}
.all_menu .btn-wrap .button {height: 48px; font-size: 16px; line-height: 48px}

.mb90 {margin-bottom: 60px !important}
.mt90 {margin-top: 60px !important}

.header > div:nth-child(2) {display: none}
.langs > div:nth-child(1) {display: block}
.head > div:nth-child(2) {padding: 0 30px}
.head > div:nth-child(3) {min-width: 180px; max-width: 180px}
.head > div:nth-child(4) {padding-left: 30px; min-width: 200px; max-width: 200px}

/*  Footer  */
footer {padding-top: 40px}
.footer {flex-wrap: wrap; margin: 0 -15px; padding-bottom: 25px}
.footer > div {padding: 0 15px 35px 15px; width: 50%}
.footer .logo, .footer .copyright {padding-bottom: 30px}
.footer .title {font-size: 20px}
.footer .block em {display: inline}
/*  End Footer  */

.promo_wrap {padding: 120px 25px 0 25px}
.promo_wrap:before {width: 50%}
.promo > div:nth-child(1) {padding-bottom: 90px; width: 50%}

.cat-list-main {margin: 60px -15px}
.cat-list-main > div {padding: 15px}
.cat-list-main a .name {padding: 20px 30px; height: 90px; font-size: 18px; line-height: 24px}
.cat-list-main .first > div:nth-child(2) {padding: 30px} 
.cat-list-main .title {font-size: 28px; line-height: 37px}
.cat-list-main .links a {font-size: 14px} 

.left-bg {margin-top: 60px; flex-wrap: wrap}
.left-bg:before {left: -25px}
.left-bg > div {width: 100%}
.left-bg > div:nth-child(1) {padding: 0 0 60px 0; max-width: inherit}
.left-bg > div:nth-child(2) {padding: 15px 0}
.left-bg .bg {width: calc(100% + 50px); right: -25px} 
.left-bg .title {margin-bottom: 20px; padding: 65px 0 25px 0; font-size: 35px; line-height: 44px}
.left-bg p {padding: 0 0 5px 0; line-height: 27px}
.left-bg .centr {margin-top: 30px; padding: 30px; position: relative; right: inherit; background: rgba(32, 157, 198, .7); border-radius: 3px}
.left-bg .centr .bg {display: none} 
.left-bg .centr .text {flex-wrap: nowrap; align-items: center}
.left-bg .centr .text > div:nth-child(1) {width: 100px}
.left-bg .centr .text > div:nth-child(2) {padding: 0 30px; width: calc(100% - 370px)}
.left-bg .centr .text > div:nth-child(3) {width: 270px}
.left-bg .centr .txt {padding: 0;}
.left-bg .centr .txt.text {font-size: 22px; line-height: 28px}
.left-bg .centr .btn-white {width: 100%}

.tech-main {margin: 0 -15px}
.tech-main > div {padding: 15px}
.tech-main .img {height: 250px}

.wrp_secrion {margin: 60px 0 0 0}
.top_title {padding: 10px 0 30px 0}
.top_title > div:nth-child(1) {font-size: 30px; line-height: 40px}
.top_title > div:nth-child(2) {width: 165px}

.news-list {margin: 0 -15px}
.news-list > div {padding: 15px}
.news-list .first .name {padding-bottom: 15px; font-size: 20px; line-height: 26px}
.news-list .first .date {font-size: 15px; line-height: 18px}
.news-list .list > div {padding-bottom: 30px}
.news-list .list > div a > div:nth-child(1) {min-width: 120px; max-width: 120px; min-height: 120px}
.news-list .list > div a > div:nth-child(2) {font-size: 15px; line-height: 20px}
.news-list .list > div a > div:nth-child(2) .date {font-size: 14px; line-height: 17px}

.wrap-video {margin-top: 60px}

.bg-video {flex-wrap: wrap; width: calc(100% + 50px); left: -25px; overflow: hidden}
.bg-video > div {width: 100%}
.bg-video > div:nth-child(1) {min-width: inherit; max-width: inherit; height: calc(50% + 120px)}
.bg-video > div:nth-child(1):before {width: 100%}
.bg-video > div:nth-child(2):before {width: 100%}

.item-video {flex-wrap: wrap; margin: 0; padding: 75px 0}
.item-video > div {padding: 0; width: 100%; text-align: center}
.item-video > div:nth-child(1) {padding: 0 180px 60px 180px}
.item-video > div:nth-child(2) {min-width: inherit; max-width: inherit}
.item-video .title {font-size: 30px; line-height: 42px}
.item-video .title > span:nth-child(1) {display: inline}
.item-video .text {padding: 20px 0 15px 0; line-height: 26px}
.item-video .wrp_button {margin: 20px auto 0 auto; width: 225px}
.item-video .wrap_item {padding-top: 56.25%; height: auto; overflow: hidden}
.item-video .wrap_item iframe {width: 100% !important; height: 100% !important; position: absolute; margin: 0; top: 0; left: 0}
.fon_video .key {width: 80px; height: 80px; background: #9CC13D url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyNiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2IDE1TDAuNSAwLjI3NzU2OUwwLjUgMjkuNzIyNEwyNiAxNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=') 30px 25px no-repeat}

.info-list {margin: 0 -15px}
.info-list > div {padding: 15px}
.info-list .img, .slide-article .img {height: 200px}
.info-list .name, .slide-article .name {padding: 20px 25px 0 25px}
.info-list .date, .slide-article .date {font-size: 13px; bottom: 20px; left: 25px}

.our-clients {margin-top: 60px; padding: 60px 0 80px 0}
.our-clients .title {padding-bottom: 30px; font-size: 30px; line-height: 40px}
.our-clients .clients {margin: 0 -15px; flex-wrap: wrap}
.our-clients .clients > div {padding: 15px; width: calc(100% / 3)}
.our-clients .clients .item {height: 200px}

.pre_cnt > div:nth-child(1) {padding: 80px 30px 80px 0}
.pre_cnt b, .pre_cnt strong {font-size: 22px; line-height: 33px}
.pre_cnt p {font-size: 20px; line-height: 30px}

.wrap_slider {margin-top: 80px; padding: 60px 0 70px 0}
.views_slider_wrap .top > div:nth-child(1) {font-size: 30px; line-height: 40px}
.views_slider_wrap .top.v2 > div:nth-child(1) {font-size: 30px; line-height: 35px}

.white-wrap {margin-top: 60px}
.white-wrap.fon {padding: 60px 0}
.white-wrap .title {padding-bottom: 30px; font-size: 30px; line-height: 40px}

.services {margin: 0 -15px}
.services > div {padding: 15px}
.services .item {padding: 20px}
.services .item > div:nth-child(1) {min-width: 54px; max-width: 54px}
.services .item > div:nth-child(2) {padding-left: 20px}
.services .item .icon {padding: 10px; width: 54px; height: 54px; box-sizing: border-box }
.services .item .name {font-size: 19px; line-height: 21px}
.services .item p {padding-top: 7px; font-size: 14px; line-height: 21px}

.faq .item .question > div {font-size: 18px}
.faq .item .ansver {font-size: 15px; line-height: 23px}
.faq .item .question:before {top: 14px}
.faq .item .question:after {top: 27px}

.block-two {padding: 60px 0; flex-wrap: wrap}
.block-two > div {text-align: center}
.block-two > div:nth-child(1) {padding-right: 0; width: 100%}
.block-two > div:nth-child(2) {padding: 20px 180px 0 180px; width: 100%}
.block-two .title {font-size: 30px; line-height: 40px}
.block-two p {padding: 15px 0; line-height: 37px}
.block-two .wrp-btn {margin: 0 auto}

.wrap_good_list .filter_button {display: block; padding-left: 60px; width: 150px; height: 50px; font-size: 16px; border: 1px solid #CBD2DE; border-radius: 5px; line-height: 48px; box-sizing: border-box; cursor: pointer; position: relative}
.wrap_good_list .filter_button:before {content: ''; display: block; width: 22px; height: 20px; background: url(images/btn_filter.png) center center; position: absolute; top: 15px; left: 30px}

.good_list {margin: 0 -15px; padding-top: 30px}
.good_list {margin: 0}
.good_list > div {padding: 0}
.good_list > div:nth-child(1) {width: 0}
.good_list > div:nth-child(2) {width: 100%}

.goods {margin: 0 -12px}
.goods > div {padding: 0 12px 24px 12px; width: calc(100% / 4)}
.goods .item, .item_slide_good {padding: 24px 24px 110px 24px}
.goods .item.v2, .item_slide_good.v2 {padding-bottom: 24px}
.goods .item .img, .item_slide_good .img {height: 220px}
.goods .item .price, .item_slide_good .price {padding: 0 24px 24px 24px}
.goods .item .img .sale, .item_slide_good .img .sale {left: -25px}

.section_bottom_text {margin: 20px 0 0 0}

.good_slider {width: 100%; height: 375px}
.good_slider > div:nth-child(1) {width: 83px}
.good_slider > div:nth-child(2) {padding-left: 20px; width: calc(100% - 83px)}
.good_slider .picture_wrap .good_image {height: 375px}

.thumbs-nav {height: 35px; line-height: 30px}
.thumbs-prev {margin-bottom: 14px}
.thumbs-next {margin-top: 14px}

.good_slider .thumbs_good {height: 277px}
.good_slider .picture_wrap .good_image a div {width: 52px; height: 52px; background-position: 20px 18px; top: calc(50% - 26px); left: calc(50% - 26px)}

.good-item {margin: 60px 0 0 0; position: relative; padding-bottom: 150px}
.good-item.v2 {padding-bottom: 0px}
.good-item > div:nth-child(1) {width: 480px}
.good-item > div:nth-child(2) {padding-left: 20px; width: calc(100% - 480px); position: static}
.good-item h1 {padding: 0; font-size: 24px; line-height: 31px}
.good-item .top-card {position: static}
.good-item .top-card > div:nth-child(1) {padding-right: 0; width: 100%}
.good-item .top-card > div:nth-child(2) {width: 100%; height: 122px; position: absolute; bottom: 0; left: 0}


.good-item .top-card .anons {font-size: 15px}
.good-item .top-card .link-more {font-size: 15px; line-height: 23px}
.good-item .wrap_radio {padding: 20px 0 5px 0}
.good-item .wrap_radio .item input[type="radio"] + label {padding: 15px 10px 15px 45px}
.good-item .wrap_radio .item input[type="radio"] + label span {top: 15px; left: 15px}
.good-item .card-price {flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0 35px; height: 122px; box-sizing: border-box}
.good-item .card-price > div:nth-child(1) {order: 2; min-width: 150px; max-width: 150px}
.good-item .card-price > div:nth-child(2) {order: 1; width: 100%}
.good-item .card-price > div:nth-child(3) {order: 3; min-width: 200px; max-width: 200px}
.good-item .card-price > div:nth-child(4) {order: 4; padding-left: 35px; min-width: 290px; max-width: 290px}
.good-item .avialible {padding: 0 18px; font-size: 16px; color: rgba(0,0,0, .7); line-height: 20px; position: relative}
.good-item .card-top-price {padding-bottom: 0}
.good-item .card-top-price .l1 {font-size: 17px; line-height: 26px}
.good-item .card-top-price .l1 span {font-size: 16px; line-height: 27px}
.good-item .card-top-price .l2 {padding-top: 5px; font-size: 35px; line-height: 35px}
.good-item .card-top-price .l2.small {font-size: 24px; line-height: 30px}
.good-item .wrp_btn {padding-top: 0; width: 255px}
.good-item .col_wrap {padding: 0 10px}
.good-descript {margin: 40px 0; padding: 20px}
.good-nav a {padding: 0 15px; height: 40px; font-size: 13px; line-height: 40px}
.good-nav a span { margin: -1px 0 0 7px; width: 21px; height: 21px; font-size: 10px; line-height: 21px}
.good-descript .action-right {margin-left: 25px; padding: 15px; width: 210px}
.good-descript .action-right > div:nth-child(1) {height: 100px}
.good-descript .action-right > div .name {padding: 14px 0 7px 0; font-size: 15px; line-height: 20px}
.good-descript .action-right > div .text {font-size: 13px; line-height: 18px}
.good-descript .descr .wrp-btn-action {margin: 20px 0 0 25px}
.good-descript .descr .wrp-btn-action .button {height: 40px; font-size: 14px; line-height: 38px}
.good-descript .descr .wrp-btn-action .button:hover {line-height: 38px}
.good-descript .section {width: calc(100% - 235px)}
.good-descript .fast-good {margin: 44px 0 0 25px; width: 210px}
.good-descript .fast-good a {padding: 5px 10px; font-size: 12px; line-height: 18px}
.good-descript .photos {margin: 0 -10px}
.good-descript .photos > div {margin-bottom: 20px; padding: 0 10px}

.service_slide > div:nth-child(1) {padding: 20px 0 20px 20px; min-width: 120px; max-width: 120px}
.service_slide > div:nth-child(2) {padding: 20px}
.service_slide .img {width: 100%; height: 100px; border-radius: 3px; overflow: hidden}
.service_slide .name {font-size: 19px; line-height: 25px}
.service_slide .text {padding-top: 10px; font-size: 15px; line-height: 22px}

.letter {flex-wrap: wrap;}

.two-blocks h1 {padding: 0 0 20px 0; font-size: 35px; line-height: 45px}
}

/* 1100 */
@media only screen and (max-width: 1100px) {

.promo-cat > a {margin: 0 40px 30px 10px}

.photo_block {margin-top: 50px; padding: 0 35px 35px 35px; flex-wrap: wrap}
.photo_block:before {width: 100%; height: calc(100% - 50px); top: 50px}
.photo_block > div {width: 100%}
.photo_block > div:nth-child(1) {padding: 0}
.photo_block > div:nth-child(2) {padding: 25px 0 0 0}
.photo_block.revers > div:nth-child(1) {order: 1; padding: 0}
.photo_block.revers > div:nth-child(2) {order: 2; padding: 25px 0 0 0}
.photo_block .photo {height: 550px}

.faq_wrap {max-width: 100%}

.two-blocks {margin: 0}
.two-blocks > div {padding: 0}
.two-blocks > div:nth-child(1) {display: none}
.two-blocks > div:nth-child(2) {padding-left: 0; width: 100%}

.goods .item .img, .item_slide_good .img {height: 190px}
.info-list .img, .slide-article .img {height: 175px}
.info-list > div a, .slide-article {padding-bottom: 60px}
.info-list .name, .slide-article .name {padding: 20px 20px 0 20px}
.info-list .date, .slide-article .date {left: 20px}

.contact > div:nth-child(2) {padding: 40px 20px}
}

/* 1024 */
@media only screen and (max-width: 1024px) {

.goods > div {width: calc(100% / 3)}
.goods .item .img, .item_slide_good .img {height: 220px}
}

/* 960 */
@media only screen and (max-width: 960px) {

.header {padding: 0 20px; height: 40px}
.head {padding: 0 20px; height: 98px}
.head > div:nth-child(1) {padding: 15px 0; min-width: inherit; width: 100%; max-width: inherit; height: 100%; overflow: hidden}
.head > div:nth-child(2) {display: none}
.head > div:nth-child(3) {display: none}
.head > div:nth-child(4) {display: none}
.head > div:nth-child(5), .head > div:nth-child(6) {display: block}
.head > div:nth-child(1) img { max-width: inherit; width: auto; height: 100%}

.promo_wrap {padding: 50px 20px 0 20px}
.promo > div:nth-child(1) {padding-bottom: 80px}
.promo h1 {padding: 0 0 20px 0; font-size: 35px; line-height: 38px}
.promo .top_text {font-size: 25px; line-height: 35px}
.promo-cat > a {margin: 0 30px 35px 0}

.footer_wrap {padding: 0 20px}
.footer {margin: 0 -10px; padding-bottom: 20px}
.footer > div {padding: 0 10px 35px 10px}
footer .bottom > div {padding: 0 30px}

main {padding: 0 20px}
.breadcrumb {padding: 0 20px; font-size: 13px; line-height: 20px}

.wrp_secrion {margin: 40px 0 0 0}

.cat-list-main {margin: 40px -10px}
.cat-list-main > div.all {min-height: 330px}
.cat-list-main > div {padding: 10px}
.cat-list-main .text {padding: 15px 0 20px 0}
.cat-list-main .first > div:nth-child(2) {padding: 20px} 
.cat-list-main a .img {height: 200px}
.cat-list-main a .name {padding: 20px}

.tech-main {margin: 0 -10px}
.tech-main > div {padding: 10px}
.tech-main a {min-height: 400px}
.tech-main .img {height: 230px}
.tech-main .ttl {padding: 20px 20px 5px 20px}
.tech-main .text {padding: 0 20px 20px 20px}

.left-bg::before {left: -20px}
.left-bg {margin-top: 40px}
.left-bg > div:nth-child(1) {padding: 0 0 50px 0}
.left-bg .bg {width: calc(100% + 40px); right: -20px} 
.left-bg .title {padding: 50px 0 20px 0}

.news-list {margin: 0 -10px}
.news-list > div {padding: 10px}
.news-list .list > div {padding-bottom: 20px}
.news-list .first .info {padding: 10px 20px 20px 20px}
.news-list .list > div a {padding: 20px; box-sizing: border-box} 
.news-list .list > div a > div:nth-child(1) {min-width: 70px; max-width: 70px; min-height: inherit; height: 70px; border-radius: 3px; overflow: hidden}
.news-list .list > div a > div:nth-child(2) {padding: 0 0 0 20px}
.news-list .list > div a .date {bottom: 0}

.wrap-video {margin-top: 40px}
.item-video > div:nth-child(1) {padding: 0 0 40px 0}

.info-list {margin: 0 -10px}
.info-list > div {padding: 10px}

.our-clients {margin-top: 40px; padding: 40px 0 60px 0}
.our-clients .clients {margin: 0 -10px}
.our-clients .clients > div {padding: 10px}
.our-clients .clients .item {height: 180px}

.pre_cnt {padding: 0 20px}
.pre_cnt > div:nth-child(1) {padding: 60px 20px 60px 0}

.photo_block .photo {height: 450px}

.services {margin: 0 -10px}
.services > div {padding: 10px}

.service_slide > div:nth-child(1) {min-width: 90px; max-width: 90px}
.service_slide .img {height: 70px}
.service_slide .name {font-size: 16px; line-height: 23px}
.service_slide .text {font-size: 14px; line-height: 21px}
.goods_slider, .service_slider, .articles_slider {margin: 60px 0 40px 0}

/* popup */
.popup .popup_form {padding: 30px 20px 20px 20px; width: 700px}
.popup .row:after {width: calc(100% + 40px); left: -20px}
.popup .row {flex-wrap: wrap}
.popup .row > div:nth-child(1) {width: 70px; height: 70px}
.popup .row > div:nth-child(2) {padding: 0 0 20px 20px; width: calc(100% - 70px)}
.popup .row > div:nth-child(3) {padding: 0 25px 0 85px; width: 265px}
.popup .bot {flex-wrap: wrap}
.popup .bot > div:nth-child(1) {padding: 0 0 15px 0; width: 100%}
.popup .bot > div:nth-child(2) {padding-right: 10px; width: 50%}
.popup .bot > div:nth-child(3) {padding-left: 10px; width: 50%}
.popup .bot {text-align: center}
.popup .bot .clc {display: inline; font-size: 16px; line-height: 24px}
.popup .bot .itog {display: inline; font-size: 22px; line-height: 24px}
/* popup */
}

/* 900 */
@media only screen and (max-width: 900px) {
.good-item .card-price > div:nth-child(1) {min-width: 140px; max-width: 140px}
.good-item .card-price > div:nth-child(3) {min-width: 180px; max-width: 180px}
.good-item .card-price > div:nth-child(4) {padding-left: 30px; min-width: 230px; max-width: 230px}
.good-item .wrp_btn {width: 200px}

/* old version*/
.block_params .param > div {width: 50%}
}

/* 800 */
@media only screen and (max-width: 800px) {
.promo-cat > a {margin: 0 25px 30px 0; width: 150px; font-size: 14px}
.promo-cat .icon {padding-bottom: 12px}

footer .bottom > div {padding: 0 20px; font-size: 15px}

.cat-list-main .title {font-size: 22px; line-height: 28px}
.cat-list-main .text {font-size: 14px; line-height: 21px}
.cat-list-main .links a {font-size: 13px} 
.cat-list-main a .name {font-size: 17px; line-height: 22px}

.left-bg .title {margin-bottom: 20px; padding: 40px 0 20px 0; font-size: 30px; line-height: 39px}
.left-bg p {font-size: 15px; line-height: 25px}
.left-bg .centr .txt.text {font-size: 20px; line-height: 27px}

.tech-main .ttl {font-size: 18px; line-height: 24px}
.tech-main .text {font-size: 15px; line-height: 22px}
.tech-main .img {height: 220px}

.wrp_secrion {padding-bottom: 80px}

.top_title > div:nth-child(1) {width: 100%; text-align: center; font-size: 28px; line-height: 38px}
.top_title > div:nth-child(2) {width: 170px; position: absolute; bottom: 0; left: calc(50% - 85px)}

.news-list {margin: 0; flex-wrap: wrap}
.news-list > div {padding: 0; width: 100%}
.news-list > div:nth-child(1) {height: 350px}
.news-list > div:nth-child(2) {padding-top: 20px}

.our-clients .title {padding-bottom: 20px; font-size: 28px; line-height: 38px}
.our-clients .clients .item {height: 130px}

.top_page_wrap .h1_block {padding: 40px 20px 65px 20px}
.top_page_wrap .h1_block h1 {font-size: 35px; line-height: 39px}
.top_page_wrap .h1_block .text {width: auto; /*max-width: 635px;*/ font-size: 18px; line-height: 27px}

.pre_cnt b, .pre_cnt strong {font-size: 18px; line-height: 27px}
.pre_cnt p {padding: 10px 0; font-size: 18px; line-height: 27px}
.pre_cnt > div:nth-child(1) {padding: 30px 20px 30px 0}

.photo_block .photo {height: 350px}

.views_slider_wrap  {padding-bottom: 80px}
.views_slider_wrap .top > div:nth-child(1) {width: 100%; text-align: center; font-size: 28px; line-height: 38px}
.views_slider_wrap .top > div:nth-child(2) { position: absolute; bottom:0; left: calc(50% - 53px)}

.white-wrap .title {padding-bottom: 20px; font-size: 28px; line-height: 38px}

.system-nav {font-size: 14px}
.system-nav .nav-current-page {width: 30px; height: 30px; line-height: 30px}
.system-nav a {width: 30px; height: 30px; line-height: 30px}
.system-nav .nav-forward {width: 30px; height: 30px; line-height: 30px}
.system-nav div.nav-forward  {line-height: 30px}

.services > div {width: 100%}

.faq .item .question {padding: 15px 55px 15px 60px}
.faq .item .question > div {font-size: 15px}
.faq .item .ansver {padding: 18px 55px 18px 60px; font-size: 14px; line-height: 21px}
.faq .item .question:before {width: 23px; height: 23px; font-size: 13px; line-height: 23px; top: 13px; left: 20px}
.faq .item .question:after {top: 23px}

.block-two {padding: 40px 0}
.block-two > div:nth-child(2) {padding: 20px 0 0 0}
.block-two .title {font-size: 28px; line-height: 38px}
.block-two p {padding: 10px 0; font-size: 16px; line-height: 27px}
.block-two .wrp-btn {padding-top: 20px; width: 280px}
.block-two .wrp-btn .button {height: 60px; font-size: 17px; line-height: 58px}

.photo_block {padding: 0 20px 35px 20px}
.photo_block:before {height: calc(100% - 40px); top: 40px}

.wrap_good_list {margin-bottom: 60px}
.goods > div {width: calc(100% / 2)}
.goods .item .img, .item_slide_good .img {height: 230px}
.good-item {padding-bottom: 0; flex-wrap: wrap}
.good-item > div:nth-child(1) {width: 100%}
.good-item > div:nth-child(2) {padding: 25px 0 0 0; width: 100%}
.good-item .top-card > div:nth-child(2) {height: auto; position: relative}
.good-item h1 {padding: 0; font-size: 20px; line-height: 26px}
.good-item .top-card .anons {font-size: 14px}
.good-item .top-card .link-more {font-size: 14px; line-height: 21px}
.good-item .wrap_radio .item input[type="radio"] + label {padding: 12px 10px 12px 45px}
.good-item .wrap_radio .item input[type="radio"] + label span {top: 12px}
.good-item .wrap_radio .item input[type="radio"] + label .i-good > div {font-size: 14px; line-height: 18px}
.good-item .card-price {padding: 20px; height: auto}
.good-item .card-price > div:nth-child(1) {min-width: 110px; max-width: 110px}
.good-item .card-price > div:nth-child(3) {min-width: 160px; max-width: 160px}
.good-item .card-price > div:nth-child(4) {padding-left: 20px; min-width: 200px; max-width: 200px}
.good-item .wrp_btn {width: 180px}
.good-item .wrp_btn .basket-btn {height: 60px; font-size: 16px; line-height: 60px}
.good-item .avialible {font-size: 14px}
.good-nav {flex-wrap: wrap}
.good-nav a {margin-bottom: 7px}
.good-descript .descr {padding-top: 20px; flex-wrap: wrap}
.good-descript .descr > div:nth-child(1) {padding-bottom: 20px}
.good-descript .action-right {flex-wrap: nowrap; margin-left: 0; padding: 20px; width: 100%}
.good-descript .action-right > div:nth-child(1) {min-width: 70px; max-width: 70px; height: 70px; border-radius: 3px; overflow: hidden}
.good-descript .action-right > div:nth-child(2) {padding-left: 20px}
.good-descript .action-right > div .name {padding: 0 0 7px 0}
.good-descript .descr .wrp-btn-action {margin: 20px 0 0 0}
.good-descript .props {padding-top: 30px; flex-wrap: wrap}
.good-descript .props > div:nth-child(1) {padding-bottom: 20px}
.good-descript .fast-good {margin: 0; width: 100%}
.good-descript .section {padding-top: 30px; width: 100%}
.items_modefs .item .name {padding: 12px 40px 12px 15px}
.items_modefs .item .name > div {font-size: 14px; line-height: 18px}
.items_modefs .item .name:after {top: 18px; right: 15px}
.items_modefs .item .info {padding: 15px}
.items_modefs .m_props {padding-bottom: 10px; font-size: 13px; line-height: 16px}
.items_modefs .m_props > div:nth-child(2) {padding-left: 15px}
.items_modefs .m_price { padding-top: 10px}
.good-descript .photos > div a {height: 200px}

.views_slider_wrap .top > div:nth-child(2) {width: 100%; position: absolute; bottom:0; left: 0}
.goods_slider, .service_slider, .articles_slider {margin: 40px 0 20px 0}
.views_slider_wrap .nav_sl > div {width: 50%}
.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 150px}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 150px}
}

/* 720 */
@media only screen and (max-width: 720px) {

.promo_wrap::before {width: 60%}
.promo > div:nth-child(1) {width: 60%}

.cat-list-main > div {width: 50%}
.cat-list-main > div.all {min-height: inherit}
.cat-list-main .first {flex-wrap: wrap}
.cat-list-main .first > div {width: 100%}
.cat-list-main .first > div:nth-child(1) {height: 252px}

.wrp_secrion {padding-bottom: 60px}

.info-list > div {width: 50%}
.info-list > div:nth-child(3) {display: none}

.wrap_slider {padding: 60px 0}

.left-bg .centr .text {flex-wrap: wrap; align-items: flex-start}
.left-bg .centr .text > div:nth-child(1) {width: 100px}
.left-bg .centr .text > div:nth-child(2) {padding: 0 0 0 20px; width: calc(100% - 100px)}
.left-bg .centr .text > div:nth-child(3) {padding-left: 120px; width: 100%}
.left-bg .centr .btn-white {width: 200px}

.wrap_sale {flex-wrap: wrap; justify-content: center}
.wrap_sale > div {padding: 30px 0}
.wrap_sale > div:nth-child(1) {width: 130px}
.wrap_sale > div:nth-child(1):before, .wrap_sale > div:nth-child(1):after {display: none}
.wrap_sale > div:nth-child(1) > div {width: 130px; height: 130px}
.wrap_sale > div:nth-child(2) {padding: 0 0 30px 0; width: 100%; text-align: center}
.wrap_sale h2 { font-size: 30px; line-height: 35px}
.wrap_sale .wrp-btn {margin: 0 auto}

.good-descript {padding: 0; border: none}
.good-item .card-price > div:nth-child(3) {min-width: 150px; max-width: 150px}

.contact {flex-wrap: wrap}
.contact > div:nth-child(1) {order: 1; width: 100%; height: 400px}
.contact > div:nth-child(2) {order: 2; width: 100%}

/* popup */
.popup .popup_form {padding: 40px 10px; width: 300px}
.popup .name {font-size: 19px; text-align: center}
.popup .close_top {top: 10px; right: 10px}
.popup .row {align-items: flex-start}
.popup .row > div:nth-child(1) {width: 45px; height: 45px}
.popup .row > div:nth-child(2) {padding-left: 10px; width: calc(100% - 55px); font-size: 14px; line-height: 18px}
.popup .row > div:nth-child(3) {padding: 10px 0 0 55px; width: 100%}
.popup .row > div:nth-child(4) {padding: 10px 0 0 55px; width: 100%; text-align: center}
.popup .row:after {width: calc(100% + 20px); left: -10px}
.popup .bot > div:nth-child(2) {padding-right: 0; padding-bottom: 10px; width: 100%}
.popup .bot > div:nth-child(3) {padding-left: 0; width: 100%}
.popup .bot .clc {display: block; font-size: 15px; line-height: 18px}
.popup .bot .itog {display: block; font-size: 24px; line-height: 26px}

.bx-dop-text-right {display: none}
.bx-dop-text-right-v2 {display: block}

.bottom_slider_wrap {display: none;height: 0}
}

/* 640 */
@media only screen and (max-width: 640px) {

.all_menu .level.v2 {z-index: 4000} 

footer .bottom { flex-wrap: wrap}
footer .bottom > div {padding: 3px 0; width: 100%; text-align: center}
footer .bottom > div:before {display: none}

.pre_cnt {flex-wrap: wrap}
.pre_cnt > div:nth-child(1) {padding: 30px 0; width: 100%}
.pre_cnt > div:nth-child(1):before {right: -20px}
.pre_cnt > div:nth-child(2) {width: 100%; height: 300px}
.pre_cnt > div:nth-child(2) div {width: 100vw; height: 300px; left: -20px}

.good-item .card-price {flex-wrap: wrap; height: auto}
.good-item .card-price > div {padding: 10px 0}
.good-item .card-price > div:nth-child(1) {order: 1; padding-top: 0; min-width: inherit; max-width: inherit}
.good-item .card-price > div:nth-child(2) {order: 2}
.good-item .card-price > div:nth-child(3) {order: 3; min-width: inherit; max-width: inherit}
.good-item .card-price > div:nth-child(4) {order: 4; padding: 10px 0 0 0; min-width: inherit; max-width: inherit}
.good-item .wrp_btn {width: 100%}
}

/* 600 */
@media only screen and (max-width: 600px) {

.langs > div:nth-child(1) {padding-right: 30px}
.langs > div:nth-child(2) {padding-right: 20px}

.promo_wrap::before {width: 100%}
.promo > div:nth-child(1) {width: 100%}
.promo > div:nth-child(1):before {background: url(images/promo-left.png) left bottom no-repeat; position: absolute; bottom: 0; right: -20px}
.promo > div:nth-child(2):before {display: none}
.promo-cat {max-width: 360px}

.footer > div {width: 100%}
.footer .block {padding-bottom: 20px}

.photo_block .photo {height: 300px}

.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 100px}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 100px}
}

/* 500 */
@media only screen and (max-width: 500px) {

.cat-list-main a .img {height: 150px}

.tech-main > div {width: 100%}

.our-clients .clients > div {width: 50%}

.social_block {padding: 0 0 4px 0}

.pre_cnt b, .pre_cnt strong {font-size: 17px}
.pre_cnt p {font-size: 16px}

.photo_block .photo {height: 250px}

.goods .item .img, .item_slide_good .img {height: 160px}
.goods .item .name a, .item_slide_good .name a {font-size: 15px; line-height: 19px}
.goods .item, .item_slide_good {padding: 20px 20px 140px 20px}
.goods .item.v2, .item_slide_good.v2 {padding-bottom: 20px}
.goods .item .price, .item_slide_good .price {flex-wrap: wrap; padding: 0 20px 20px 20px; width: 100%}
.goods .item .price > div:nth-child(1), .item_slide_good .price > div:nth-child(1) {padding: 0 0 10px 0; width: 100%}
.goods .item .price > div:nth-child(2), .item_slide_good .price > div:nth-child(2) {width: 100%}
.goods .item .basket-btn, .item_slide_good .basket-btn  {width: 100%}

/* old version*/
.block_params .param > div {width: 100%}
.block_params .param .nums {height: auto}
}

/* 414 */
@media only screen and (max-width: 414px) {

.left-bg .centr .text > div:nth-child(1) {width: 70px}
.left-bg .centr .text > div:nth-child(2) {width: calc(100% - 70px)}
.left-bg .centr .text > div:nth-child(3) {padding: 12px 0 0 0}
.left-bg .centr .txt.text {font-size: 18px;  line-height: 24px}
.left-bg .centr .btn-white {width: 100%}

.item-video {padding: 60px 0 40px 0}
.item-video .title {font-size: 25px; line-height: 33px}
.bg-video > div:nth-child(1) {height: calc(60% + 120px)}

.info-list {flex-wrap: wrap}
.info-list > div {width: 100%}
.info-list > div:nth-child(3) {display: block}

.goods .item .img, .item_slide_good .img {height: 130px}

.good_slider {flex-wrap: wrap; height: auto}
.good_slider > div:nth-child(1) {order: 2; width: 100%; height: 65px}
.good_slider > div:nth-child(2) {order: 1; padding: 0 0 20px 0; width: 100%; height: 345px}
.good_slider .picture_wrap .good_image {height: 325px}
.good_slider .thumbs_good {height: 65px; overflow: hidden}

.thumbs_wrap {display: flex}
.thumbs_wrap > div:nth-child(1), .thumbs_wrap > div:nth-child(3) {width: 35px}
.thumbs_wrap > div:nth-child(2) {width: calc(100% - 70px)}
.thumbs-nav {padding-top: 15px; height: 65px; box-sizing: border-box}
.thumbs-nav svg {stroke: #209DC6; transform: rotate(270deg)}
.thumbs-prev {margin: 0 10px 0 0}
.thumbs-next {margin: 0 0 0 10px}

.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 50px}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 50px}

.good-descript .photos > div {width: 100%}
.good-descript .action-right {padding: 15px}

.service_slide { flex-wrap: wrap}
.service_slide > div:nth-child(1) {padding: 20px; min-width: inherit; max-width: inherit; width: 100%; height: 240px}
.service_slide > div:nth-child(2) {padding: 0 20px 20px 20px}
.service_slide .img {height: 100%}
}

/* 375 */
@media only screen and (max-width: 375px) {

.header {padding: 0 15px}
.head {padding: 0 15px}

.langs > div:nth-child(1) {padding-right: 25px}
.langs > div:nth-child(2) {padding-right: 15px}
.item-lang {padding-left: 28px}

.top_icons a:nth-child(2) {width: 40px}

.promo_wrap {padding: 50px 15px 0 15px}
.promo h1 {padding: 0 0 15px 0; font-size: 30px; line-height: 35px}
.promo .top_text {font-size: 20px; line-height: 30px}
.promo > div:nth-child(1)::before {right: -15px}
.promo-cat > a {margin: 0 25px 20px 0; width: 120px; font-size: 13px}

main {padding: 0 15px}
.breadcrumb {padding: 0 15px}

.cat-list-main .first > div:nth-child(1) {height: 202px}
.cat-list-main .first > div:nth-child(2) {padding: 10px}
.cat-list-main > div {width: 100%}
.cat-list-main a .name {padding: 15px; height: 80px}
.cat-list-main a .img {height: 202px}

.left-bg::before {left: -15px}
.left-bg .centr {padding: 15px}
.left-bg .centr .text > div:nth-child(1) {width: 60px}
.left-bg .centr .text > div:nth-child(2) {padding: 0 0 0 15px; width: calc(100% - 60px)}
.left-bg .centr .txt.text {font-size: 15px; line-height: 21px}

.tech-main .img {height: 202px}

.news-list > div:nth-child(1) {height: 300px}
.news-list .first .info {padding: 10px 15px 15px 15px}
.news-list .first .name {font-size: 16px; line-height: 21px}
.news-list .first .date {font-size: 14px; line-height: 17px}
.news-list .list > div a {padding: 15px}
.news-list .list > div a > div:nth-child(1) {min-width: 60px; max-width: 60px; height: 60px}
.news-list .list > div a > div:nth-child(2) {font-size: 14px; line-height: 18px}
.news-list .list > div a > div:nth-child(2) .date {font-size: 13px; line-height: 16px}

.item-video .title {font-size: 22px; line-height: 30px}
.bg-video > div:nth-child(1) {height: calc(65% + 120px)}

.our-clients .clients .item {height: 90px}

.top_page_wrap .h1_block {padding: 40px 15px 50px 15px}

.pre_cnt {padding: 0 15px}
.pre_cnt > div:nth-child(1)::before {right: -15px}
.pre_cnt > div:nth-child(2) div {height: 270px; left: -15px}

.services .item {padding: 15px}

.photo_block {padding: 0 15px 30px 15px}
.photo_block::before {height: calc(100% - 30px); top: 30px}
.photo_block .photo {height: 200px}

.system-nav .nav-current-page {margin: 0 2px}
.system-nav a {margin: 0 2px}
.system-nav .nav-forward {margin: 0 2px}

.good_slider > div:nth-child(2) {height: 325px}
.good_slider .picture_wrap .good_image {height: 305px}

.goods {margin: 0 -7px}
.goods > div {padding: 0 7px 24px 7px}
.goods .item .img, .item_slide_good .img {height: 130px}
.goods .item, .item_slide_good {padding: 15px 15px 130px 15px}
.goods .item.v2, .item_slide_good.v2 {padding-bottom: 15px}
.goods .item .img .sale, .item_slide_good .img .sale {left: -16px}
.goods .item .price, .item_slide_good .price {padding: 0 15px 15px 15px}

.items_modefs .m_price > div:nth-child(2) {padding-left: 10px; width: 70px} 
.items_modefs .m_price > div .button {text-indent: -9999px}
.items_modefs .m_price > div .button.add {background: #209DC6 url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNqsVe1xwjAMjX38JyN4AzICI7QTlE7QbhA6AWwA3QAmgA0aJmg6AWECVy9InEgdSmx09y6xYz89fdgx2Q3z3uf0eCMUBLxvCRtjTJ0NNSIrCEd/ti/Cjt+/8W0omeONgAvMH1n93YQzVuN6lMPeQ3ttD+eUUIdyRXMVvhEmoY2jTgEkjHHPvLZcIvjjWOVGG8a5v88uuRaFTwRMvPL4BWPy3NDC54DCBeFAWPN4xRxLUTiHG6V4Da83igZFKzVG1Ze6KBNOdKw1kncJOe8QVv842PIavb7ohrCJladTJCG7jsehVjNHZtURahIJ2/azKvYqsShtLazqsRSFIqawEvsD2uZKYYNTEcvGe4E2h6lNrVW6i8IHEELUGIQ/V10eb6jFCb0z5SuoTDgpJXPMjNw29ChZ9j5CGW74DyrO3Oj/iNyDEbn7JLL2bvwVYADojSF+kWoFxQAAAABJRU5ErkJggg==") center center no-repeat; cursor: pointer}
.items_modefs .m_price > div .button.add:hover {background-color: #9CC13D}
.items_modefs .m_price > div .button.add.in {background: #9CC13D url('data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTkuMTAwOCAxLjc5OTk5TDcuODAwNzggMTIuNEwxLjgwMDc4IDUuMDk5OTkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=') center center no-repeat; cursor: default}

.contact > div:nth-child(1) {height: 350px}
}

/* 320 */
@media only screen and (max-width: 320px) {

.system-nav {font-size: 12px}
.system-nav .nav-current-page {width: 27px; height: 27px; line-height: 27px}
.system-nav a {width: 27px; height: 27px; line-height: 27px}
.system-nav .nav-forward {width: 27px; height: 27px; line-height: 27px}
.system-nav div.nav-forward  {line-height: 27px}

.views_slider_wrap .nav_sl > div:nth-child(1) {padding-left: 35px}
.views_slider_wrap .nav_sl > div:nth-child(2) {padding-right: 35px}
.good_slider > div:nth-child(2) {height: 305px}
.good_slider .picture_wrap .good_image {height: 295px}

.goods > div {width: 100%}
.goods .item .img, .item_slide_good .img {height: 200px}
.goods .item, .item_slide_good {padding: 15px 15px 90px 15px}
.goods .item.v2, .item_slide_good.v2 {padding-bottom: 15px}
.goods .item .img .sale, .item_slide_good .img .sale {left: -16px}
.goods .item .price > div:nth-child(1), .item_slide_good .price > div:nth-child(1) {width: calc(100% - 66px)}
.goods .item .price > div:nth-child(2), .item_slide_good .price > div:nth-child(2) {width: 66px}

.service_slide > div:nth-child(1) {padding: 15px}
.service_slide > div:nth-child(2) {padding: 0 15px 15px 15px}

.info-list .name, .slide-article .name {padding: 15px 15px 0 15px}
.info-list .date, .slide-article .date {bottom: 15px; left: 15px}

.contact > div:nth-child(1) {height: 300px}
}

@keyframes menuDown {
0% {display: none; opacity: 0}
10% {display: none; opacity: .1}
90% {display: block; opacity: .5}
100% {display: block; opacity: 1}
}