@media screen and (max-width: 1250px) {

.page-3 .ins { padding: 50px 5%; }
.items .item { padding: 0 30px; }
/* .product .info { max-width: 70%; } */

.page-main { display: grid; place-self: center; background: #fff url('../images/mainpic-left.png') no-repeat 0% 110%; background-size: calc(403px * 0.8); }
.page-main .main-pic .back { height: 100%; width: 100%; background: url('../images/mainpic-right.png') no-repeat 100% 120%; background-size: calc(396px * 0.8); }


.products .item { width: calc(25% - 20px); }
.last-item { display: none; }

}

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


.products .item { width: calc(33.3333% - 20px); }

.ins { padding: 0 20px; position: relative; z-index: 10; }

.menu { text-align: left; padding-left: 35px; }
.menu li { margin: 0 5px; }
.menu .h { display: none; }



.hd { font-size: 30px; line-height: 36px; }
.hd h2 { font-size: 30px; line-height: 36px; }
.content-columns .co-1 h3 { font-size: 30px; line-height: 36px; }
.page-4 .co-1 h3 { font-size: 30px; line-height: 36px; }

.list-order .pic { width: 120px; }
.list .title { width: 225px; }
.list .price { width: 440px; }
.tds .title { width: 320px; }
.tds_info .title { width: 380px; }
.buttons { text-align: center; }

.subscribe input[type="email"] { font-size: 24px; }


.header h1 { display: none; }
.header .adr { display: none; }






}

@media screen and (max-width: 1000px) {

.page-main { display: grid; place-self: center; background: #fff url('../images/mainpic-left.png') no-repeat 0% 110%; background-size: calc(403px * 0.7); }
.page-main .main-pic .back { height: 100%; width: 100%; background: url('../images/mainpic-right.png') no-repeat 100% 120%; background-size: calc(396px * 0.7); }
.page-main .title { font-size: 120px; line-height: 120px; }
.page-main .infoline { font-size: 32px; line-height: 34px; }


/*
.page-main .title { font-size: 50px; line-height: 50px; font-weight: 300; position: relative; left: auto; right: auto; top: auto; }
.page-main .infoline { font-size: 32px; line-height: 34px; font-weight: 400; position: relative; left: auto; right: auto; bottom: auto; background: rgba(255,255,255,0.6); padding: 20px 0; }
*/


.page-4 { position: relative; padding: 50px 0; }
.page-4 .co { width: auto; height: auto; }
.page-4 .co-1 { position: relative; left: auto; }
.page-4 .co-2 { position: relative; right: auto; }
.page-4 .co-1 .td { text-align: center; padding-top: 30px; padding-bottom: 30px; }
.page-4 .line-v { display: none; }
.page-4 .dot-1 { display: none; }
.page-4 .dot-2 { display: none; }
.page-4 .co-1 .img img { margin: 0 auto; max-width: 260px; }

.page-6 { position: relative; padding: 50px 0; }
.page-6 .co { width: auto; height: auto; }
.page-6 .co-1 { position: relative; left: auto; }
.page-6 .co-2 { position: relative; right: auto; }
.page-6 .line-v { display: none; }
.page-6 .dot-1 { display: none; }
.page-6 .dot-2 { display: none; }
.page-6 .content-columns .co-1 .td { text-align: left; }
.co-1 .quality .pic { float: left; }
.co-1 .quality .text { float: right; }


.page-subscribe { padding: 70px 15%; }
.subscribe input[type="email"] { font-size: 18px; }


.products .item { width: calc(50% - 20px); margin: 0 10px 20px; text-align: center; padding: 20px 20px 90px; border: 1px solid #ddd; position: relative; }
.products .item-hide { display: block; }

.next { font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 500; margin: 40px 0 10px; }
.page-3 .arrow-down { display: none; }

.footer { display: block; }
.footer .left { text-align: center; margin: 0 0 5px; }
.footer .copyright { text-align: center; }

}





@media screen and (max-width: 760px) {

.page { padding-top: 120px; }

.infos { top: 60px; }


.i-tg { position: relative; right: auto; top: auto; display: block; line-height: 28px; color: #242838; margin: 15px 0 0 -3px; }

.product { padding: 0 0 20px; }



.header { position: fixed; left: 0; right: 0; top: 0; height: 60px; padding: 0; background: rgba(220,220,220,0.9); z-index: 100; }
.header .logo { width: calc(180px * 0.8); height: calc(50px * 0.8); margin: 10px auto; }
.header .x { display: none; }

.header .tel { display: none; }

.menu { padding: 0 36px 20px 43px; }

.page-main .title { font-size: 80px; line-height: 80px; top: 90px; }
.page-main .infoline { font-size: 32px; line-height: 34px; }

.mn { position: absolute; right: 20px; top: 20px; width: 25px; height: 25px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index: 110; }
.mn s { display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition: .25s ease-in-out; border-radius: 2px; }
.mn s:nth-child(1) { top: 0; }
.mn s:nth-child(2), div.mn s:nth-child(3) { top: 8px; }
.mn s:nth-child(4) { top: 16px; }
.mn.open { position: fixed; }
.mn.open s:nth-child(1) { top: 0; width: 0; left: 50%; }
.mn.open s:nth-child(2) { top: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mn.open s:nth-child(3) { top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mn.open s:nth-child(4) { top: 0; width: 0; left: 50%; }

.product .info { max-width: none; }
.bg-color { position: absolute; left: 0; top: 25%; bottom: -20px; right: 0; z-index: -1; }

.hd { font-size: 24px; line-height: 30px; margin: 0 0 10px; text-align: center; }
.hd h2 { font-size: 24px; line-height: 30px; }
.hd-small { text-align: center; }
.content-columns .co-1 h3 { font-size: 24px; line-height: 30px; margin: 0 0 20px; }
.page-4 .co-1 h3 { font-size: 24px; line-height: 30px; }
.page-5 { padding-bottom: 20px; }
.page-center { padding-top: 75px; }

.tb { display: table; width: 100%; height: auto; }

.page-3 .ins { padding: 0 20px; text-align: left; }

.page-4 { position: relative; padding: 50px 0 40px; }
.page-4 .co-1 .td { text-align: center; padding: 0 20px 30px; }
.page-4 .co-2 .td { text-align: left; padding: 0 20px; }

.quality .pic { width: 70px; }
.quality .pic img { width: 50px; }
.quality .text { max-width: calc(100% - 70px); }


.line-v { display: none; }
.dot-1 { display: none; }
.dot-2 { display: none; }

.form-login { max-width: none; }

.content-columns { display: block; }
.content-columns .co { width: auto; }
.content-columns .co-1 .td { text-align: left; padding: 0 20px; }
.content-columns .co-2 .td { text-align: left; padding: 0; }
.content-columns .co-2 { margin: 30px 0; }
.page-nocenter .content-columns .co-1 { width: auto; }
.page-nocenter .content-columns .co-2 { width: auto; }
.page-nocenter .content-columns .co-2 .td { padding: 0 20px; }

.content-columns .acc { margin: 10px 0 40px; }

.product .info { display: block; }
.product .pic { width: auto; text-align: center; margin: 0 auto 20px; }
.product .inpic .pics img { width: 48px; height: 48px; margin: 0 2px; }
.product .side { width: auto; text-align: center; margin: auto; }
.product .title { text-align: left; }
.product .tech { width: auto; margin: auto; text-align: left; }

.product .price { font-size: 22px; line-height: 26px; margin: 20px 0 0; text-align: center; }
.product .buy { font-size: 20px; line-height: 24px; margin: 10px 0 0; text-align: center; }



.product .body { padding: 0; }
.product .text { max-width: none; width: auto; border: 0; }

.list-order .pic { width: 100px; }
.list .title { width: calc(100% - 100px); padding: 5px 0 10px 10px; }
.list .calc { width: 100%; justify-content: end; padding: 4px 0; }
.list .calc .bb-delete { margin: 0 0 0 10px; }
.list .price { width: calc(100% - 85px); }

.tds .pic { display: none; }
.tds .title { width: calc(100% - 85px); padding: 5px 0 0; }
.tds .total { padding: 5px 0 0; }

.product .pic .sum { position: absolute; left: 20px; top: auto; bottom: 20px; width: 30px; height: 30px; font-size: 15px; line-height: 30px;}


.list .calc span { display: block; width: 100px; text-align: center; }

.buttons a { display: block; }
.buttons a:last-child { margin: 10px 0 20px; }

.radio { display: block; margin: 8px 0; }

.tds_info { display: none; }

.menu { display: none; }
.smenu { display: block; position: fixed; left: -100%; top: 65px; bottom: 0; background: #fff; z-index: 100; padding: 20px 40px 20px 24px; width: 100%; }
.smenu ul li { font-size: 16px; line-height: 20px; font-weight: 500; text-transform: uppercase; margin: 0 0 13px; }
.smenu ul li a { color: #242838; }
.smenu ul li a:hover { color: #9d9ea7; }
.smenu ul li.li-category { font-size: 16px; line-height: 20px; font-weight: 500; text-transform: none; margin: 0 0 13px 14px; }
.smenu ul li.li-category:before { content: '-'; display: inline-block; margin: 0 5px 0 0; }
.smenu ul li.phn { font-weight: 700; margin-top: 25px; }

.mob-cart { display: block; width: 45px; height: 45px; border-radius: 23px; background: #fff; position: absolute; overflow: hidden; left: 63px; top: 10px; background: #fff url('../images/svg/cart.svg') no-repeat 50% 50%; background-size: 25px; }
.mob-cart a { display: block; width: 100%; height: 100%; }


.page-subscribe-mobile { display: block; background: #fbfbfb; padding: 50px 30px; text-align: left; }
.page-subscribe-mobile h3 { font-size: 14px; line-height: 18px; margin: 0 0 10px; }
.subscribe-mobile { display: flex; flex-wrap: wrap; background: url('../images/subscribe-back.png') no-repeat 0 100%; max-width: 850px; margin: auto; }
.subscribe-mobile input[type="email"] { border: 0; font-size: 30px; line-height: 46px; font-weight: 500; color: #242838; text-transform: uppercase; background: none; width: calc(100% - 46px); }
.subscribe-mobile input[type="submit"] { border: 0; width: 46px; height: 48px; font-size: 0; background: url('../images/arrow-right.png') no-repeat 100% 50%; }

.page-subscribe { display: none; }

.footer { padding: 30px 20px; }
.footer .ins { display: block; }
.footer .kassa { width: 130px; height: 50px; margin: 0 auto 20px; }


.table-order { max-width: none; }
.table-order td { font-size: 14px; line-height: 18px; }
.table-order .pic { width: 100px; }
.table-order .title { width: calc(100% - 130px - 225px); padding: 10px 10px; font-size: 14px; line-height: 18px; }

.columns-flex { display: block; margin: auto }
.columns-flex .column50 { width: auto; margin: auto; }
.columns-flex .column0 { width: auto; margin: 0 auto 15px; }

.popmessage { place-self: inherit; }
.popmessage .infomessage { }

}


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

.page { min-height: calc(100% - 155px); }

.page-main { background: #fff url('../images/mainpic-left.png') no-repeat 0% 100%; background-size: calc(403px * 0); min-height: 80px; overflow: hidden; opacity: 0; }
.page-main .main-pic { background: url('../images/mainpic.png') no-repeat 50% 100%; background-size: calc(1000px * 0.75); }
.page-main .main-pic .back { background: url('../images/mainpic-right.png') no-repeat 100% 100%; background-size: calc(396px * 0); }
.page-main .title { font-size: 60px; line-height: 60px; top: 120px; }
.page-main .infoline { font-size: 20px; line-height: 28px; }

.products { display: block; margin: 0; }
.products .item { width: auto; margin: 0 0 20px; text-align: center; padding: 20px 20px 50px; border: 1px solid #ddd; position: relative; }

}