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

	.cat__sizer {width: 2px}
}
@media screen and (max-width:1100px){

	.header__search {width: 44%}

	.cat {margin: -10px -10px 0}
	.cat__big {padding: 0 10px; height: 480px; margin-top: 20px}
	.cat__item {padding: 0 10px; margin-top: 20px}
	.cat__item-title {font-size: 18px; line-height: 20px}
	.cat__item.w3 .cat__item-title {font-size: 14px; line-height: 18px}
	.cat__all {padding: 0 10px; margin-top: 20px}

	.pdetail__item {padding: 0 5px 0 70px}
	.pdetail__item:after {left: 10px}

	.cab__tot {flex-wrap: wrap; height: auto; padding: 20px 15px}
	.cab__tot-sum {font-size: 42px}
	.cab__tot-bt {width: 100%; margin: 0}
	.cab__tot-bt a {max-width: 200px; margin: 25px auto 0}
}
@media screen and (max-width:1000px){

	.header__search input {padding-right: 110px}
	.header__search button {width: 100px}

	.pmain__pitem {width: 30%; margin-left: 1.666%; margin-right: 1.666%}

	.plist__pitem {width: 30%; margin-left: 1.666%; margin-right: 1.666%}

	.pdetail__go a {font-size: 14px}

	.steps {display: block}
	.steps__basic {width: auto}
	.steps__text {max-width: none}
	.steps__list {width: auto; margin-top: 30px}

	.footer__pay {width: 168px}
	.footer__pay-i {width: 46px}
	.footer__phone {font-size: 20px}
}
@media screen and (min-width:901px){

	.header__search {display: block !important}
}
@media screen and (max-width:900px){

	.header__wrapper {justify-content: flex-start; padding-top: 20px; padding-bottom: 20px}
	.header__sea {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f4f3f3; border-radius: 50%; cursor: pointer; margin: 0 20px 0 auto; font-size: 16px}
	.header__sea:after {content: '\e909'}
	.header__search {display: none; width: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #fff; z-index: 200; box-shadow: 0 2px 4px rgba(0,0,0,.1); padding: 20px 15px}
	.header__search:after {left: 37px}
	.header__search button {right: 15px; top: 20px}

	.cat__sizer {width: 1px}
	.cat__big {width: 100%; height: 290px}
	.cat__big-inn {padding: 20px 20px 0}
	.cat__big-title {max-width: none; font-size: 30px; line-height: normal}
	.cat__big-tot > * {width: 210px; height: 50px; line-height: 50px; font-size: 16px}
	.cat__big-reg {bottom: 20px}
	.cat__big-reg-box {margin-top: 15px; padding-top: 15px}
	.cat__item {width: 59.998%; height: 160px}
	.cat__item.w2 {width: 39.998%}
	.cat__item.w3 {width: 29.998%; height: 70px}
	.cat__item:not(.w3) .cat__item-img {width: 38%}
	.cat__all {width: 29.998%; height: 70px}
	.cat__all a {font-size: 14px}

	.pdetail {flex-wrap: wrap; justify-content: space-between; padding: 5px 25px 25px}
	.pdetail > div {margin: 20px 0 0 0; width: 48%}
	.pdetail__logo {order: 1}
	.pdetail__item {order: 3}
	.pdetail__go {order: 2}

	.seo:before {display: none}
	.seo__text {max-width: none}

	.about__text {max-width: none}

	.cab__menu-photo img {width: 160px; height: 160px}

	.footer__top {padding: 25px 0 30px}
	.footer__top-wrapper {display: block; text-align: center}
	.footer__menu {width: auto; margin: 15px -10px 0}
	.footer__menu ul {justify-content: center}
	.footer__menu ul li {width: auto; padding: 0; margin: 10px 10px 0}
	.footer__menu ul li:nth-child(3n+3) {padding: 0}
	.footer__pay {width: auto; margin-top: 30px}
	.footer__pay-box {justify-content: center}
	.footer__r {margin-top: 25px; text-align: center}
}
@media screen and (max-width:767px){

	.stitle {font-size: 30px; line-height: 34px}

	.pages {margin-top: 40px}
	.pages ul {justify-content: center}
	.pages ul li > * {width: 36px; height: 36px}
	.pages ul li > *.prev, .pages ul li > *.next {padding: 0; width: 36px}
	.pages ul li > *.prev span, 
	.pages ul li > *.next span {display: none}
	.pages ul li > *.prev:after, 
	.pages ul li > *.next:after {position: static}

	.steps {padding: 20px 0; margin-top: 40px}
	.steps__item-n {font-size: 24px}

	.pitem > * {padding: 15px 10px 20px}

	.pmain {margin-top: 30px}
	.pmain__pitem {margin-top: 20px}

	.plist__pitem {margin-top: 20px}

	.seo {margin-top: 50px}

	.about {margin-top: 25px}
	.about__tbl {margin: 25px 0}

	.cab__set {padding: 30px 20px; margin-top: 35px}

	.footer {margin-top: 60px}
}
@media screen and (max-width:700px){

	.cat__big {height: 250px}
	.cat__big-inn {padding: 20px 20px 0}
	.cat__big-title {font-size: 24px}
	.cat__big-tot {margin-top: 15px}
	.cat__big-tot > * {width: 190px; height: 40px; line-height: 40px; font-size: 14px}
	.cat__big-reg {bottom: 15px}
	.cat__big-reg-box {margin-top: 10px; padding-top: 10px}
	.cat__big-reg-box > a {width: 36px; height: 36px}
	.cat__item:not(.w3) .cat__item-img {width: 44%}

	.pmain__list {margin: 10px 0 0 0; justify-content: space-between}
	.pmain__pitem {width: 48%; margin-left: 0; margin-right: 0}

	.plist {margin: 10px 0 0 0; justify-content: space-between}
	.plist__pitem {width: 48%; margin-left: 0; margin-right: 0}

	.steps__item {display: block; text-align: center}
	.steps__item-entry {margin: 10px 0 0 0}

	.cab__menu {flex: 0 0 200px; width: 200px}
	.cab__content {width: 100%; padding-left: 20px}
	.cab__info-i {font-size: inherit}
	.cab__tot {display: block; text-align: center}
	.cab__tot-txt {font-size: 16px}
	.cab__tot-txt br {display: none}
	.cab__tot-line {display: none}
	.cab__tot-sum {margin-top: 15px; font-size: 34px}
}
@media screen and (max-width:600px){

	.cat__item:not(.w3) .cat__item-img {width: 56%}

	.ptop {display: block}
	.ptop .stitle {width: auto}
	.ptop .pdd {margin-top: 15px}

	.cab {display: block; margin-top: 15px}
	.cab__menu {width: auto; padding: 20px 10px}
	.cab__menu ul {margin-top: 20px}
	.cab__content {width: auto; padding: 0; margin-top: 30px}

	.mlog {width: 100%; padding: 40px 20px 30px}
	.mlog__title {font-size: 26px; line-height: 30px}
	.mlog__soc-title {font-size: 12px}
	.mlog__soc-box {padding-top: 15px; margin-top: 15px}
}
@media screen and (max-width:500px){

	.header__sea {margin-right: 10px}
	.header__log-item a {padding: 0; width: 40px}
	.header__log-item a:before {margin: 0}
	.header__log-item a span {display: none}

	.cat__big-img {width: 40%}
	.cat__big-img img {max-width: 100%}
	.cat__item {width: 100%; height: 110px}
	.cat__item.w2 {width: 100%}
	.cat__item.w3 {width: 50%}
	.cat__item:not(.w3) .cat__item-img {width: 100px}
	.cat__item a {align-items: center; padding-bottom: 0 !important}
	.cat__item-title br {display: block}
	.cat__all {width: 50%}

	.pitem__n {height: auto; line-height: 1; padding: 10px 10px}
	.pitem__n span {display: block; margin-top: 5px}

	.pmain__pitem {margin-top: 15px}

	.plist__pitem {margin-top: 15px}

	.pdetail {display: block}
	.pdetail > div {width: auto}

	.steps__list {display: block}
	.steps__item {display: flex; width: auto; margin-top: 30px; text-align: left}
	.steps__item-entry {margin: 0 0 0 15px}
	.steps__item-text br {display: none}

	.about__tbl ul {font-size: inherit; line-height: inherit}
	.about__tbl-shop {width: 46%}
	.about__tbl-time {width: 23%}
	.about__tbl-n {width: 31%}

	.cab__set-box {display: block}
	.cab__set-item {width: auto}
}
@media screen and (max-width:400px){

	.stitle {font-size: 26px; line-height: 30px}

	.header__search:after {display: none}
	.header__search input {padding: 0 90px 0 15px}
	.header__search button {width: 80px}
	.header__cab a {display: block}
	.header__cab-name {display: none}

	.cat__big-reg-title {font-size: 12px}

	.pitem__n span {font-size: 20px}

	.steps__item-text br {display: block}

	.about__tbl li {flex-wrap: wrap}
	.about__tbl-shop {width: 50%}
	.about__tbl-time {width: 50%}
	.about__tbl-n {width: 50%; margin-left: auto; text-align: left}

	.footer__bot-wrapper {display: block; height: auto; padding: 15px 0; text-align: center}
	.footer__rekoon {margin-top: 15px}
}

@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0)
{
	a {transition: color .3s}
	a:hover {text-decoration: none}

	.btn {transition: background .3s}
	.btn:hover {background: #1c110a}

	.header__search button {transition: background .3s}
	.header__search button:hover {background: #1c110a}
	.header__log-item a {transition: background .3s, color .3s}
	.header__log-item a:hover {background: #f35b04; color: #fff}

	ul.breadcrumbs li a:hover {text-decoration: underline}

	.pages ul li > a {transition: background .3s, color .3s}
	.pages ul li > a:hover {background: #f35b04; color: #fff}

	.cat__big-tot > a {transition: background .3s}
	.cat__big-tot > a:hover {background: #1c110a}
	.cat__big-reg-box > a {transition: background .3s, color .3s, border .3s}
	.cat__big-reg-box > a:hover {background: #fff; border-color: #fff; color: #1c110a}
	.cat__item a {transition: transform .3s, box-shadow .3s}
	.cat__item a:hover {transform: translateY(-7px); box-shadow: 0px 10px 20px rgba(28, 17, 10, 0.3)}

	.pitem a {transition: border .3s, box-shadow .3s}
	.pitem a:hover {border-color: transparent; box-shadow: 0px 5px 50px rgba(28, 17, 10, 0.1)}
	.pitem__n {transition: background .3s}
	.pitem a:hover .pitem__n {background: #1c110a}

	.pdd__val a:not(.active):hover {color: #f35b04}

	.pdetail__item {transition: transform .3s, box-shadow .3s}
	.pdetail__item:hover {transform: translateY(-7px); box-shadow: 0px 10px 20px rgba(28, 17, 10, 0.2)}

	.cab__menu ul li a {transition: background .3s, border .3s, color .3s}
	.cab__menu ul li:not(.active) a:hover {background: #1c110a; border-color: #1c110a; color: #fff}

	.footer__menu ul li a:hover, .footer__in a:hover, .footer__pp a:hover, .footer__rekoon a:hover {color: #fff; text-decoration: underline}

	.mlog__soc-box > a {transition: background .3s, color .3s, border .3s}
	.mlog__soc-box > a:hover {border-color: #f35b40; background: #f35b40; color: #fff}
}