.mobile-navi-button { display: none; }
.mobile-navi-button { font-size: 17px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; cursor: pointer; }
.mobile-navi-button i, .mobile-search-btn i { vertical-align: top; font-size: 21px; color: #fff; margin: 1px 5px 0 0; }
.mobile-navi-button i, .mobile-navi-button.show i.fa-bars { display: none; }
.mobile-navi-button i.fa-bars { display: inline-block; }
.mobile-navi-button.show i.fa-times { display: inline-block; }
.pushmenu { background: #4ea437; width: 210px; height: 100%; top: 0; z-index: 100000; position: fixed; overflow-x: scroll; }
.pushmenu-butn { display: none; }
.pushmenu-push-toleft .pushmenu-butn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
.pushmenu-box { margin: 15px 0 35px 0; }
.pushmenu ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
.pushmenu li { background: none; padding: 0; margin: 0; position: relative; }
.pushmenu li a:before { content: ""; position: absolute; top: 20px; left: 15px; width: 3px; height: 3px; background: #ffffff; z-index: 10; }
.pushmenu li a, .pushmenu li span { display: block; padding: 11px 15px 11px 30px; color: #ffffff; font-size: 16px; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.30); }
.pushmenu li a:hover { background: rgba(255,255,255,0.35); border-color: rgba(255,255,255,0.35); text-decoration: none; }
.pushmenu li.highlight a { background: #fc1628; }
.mobile-navi ::-webkit-scrollbar { display: none; }
.pushmenu-left { left: -210px; }
.pushmenu-left.pushmenu-open { left: 0; -webkit-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); -moz-box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); box-shadow: 0px 10px 28px -8px rgba(0,0,0,0.55); }
.pushmenu-push { overflow-x: hidden; position: relative; left: 0; }
.pushmenu-push-toleft { left: 210px; }
.pushmenu, .pushmenu-push, .pushmenu li a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

@media (max-width: 1200px) {
body.home .head-corner { top: -96px; margin-left: -687px; }
.header-menu { top: 3px; margin-left: -478px; width: 960px; }
.vishpha-logo { right: 127px; }
body.home .vishpha-logo { top: 32px; right: 128px; }
.header-logobox h1 a { font-size: 65px; }
.header-logobox h3 { font-size: 33px; margin-bottom: 13px; }
.main-screen { margin-top: 85px; }
.articles-screen article .item, .fullheight, .section-tb.tb { height: auto !important; }
.products-list .item { text-align: center; }
.products-list .item p br { display: none; }
.section-tb .in { max-width: 440px; }
.products-about-screen .col-left h2 { font-size: 37px; }
.products-about-screen .col-left h3 { font-size: 22px; }
.product-subttl { font-size: 93px; }
.article-ttl h1 { font-size: 35px; }
.article-ttl .date { top: 13px; }
img.align-right { max-width: 50%; }
.tea-list li .item { height: 610px; }
.mz-attempt h3 { font-size: 28px; }
.mz-close { font-size: 24px; }
.footer-logo h3 { font-size: 76px; }
.footer-logo h4 { font-size: 21px; }
}

@media (max-width: 992px) {
header .menu { display: none; }
.mobile-navi-button { display: inline-block; }
.header-menu { position: relative; width: auto; left: -15px; margin-left: 0; }
body.home .header-logobox h1 { margin-top: 5px; }
body.home .vishpha-logo, .vishpha-logo { width: 200px; }
body.home .head-corner { top: -111px; margin-left: -560px; }
.main-screen-slider-box { width: 100%; }
.main-screen { margin-top: 130px; }
.butn { padding: 14px 10px; font-size: 16px; }
.product-image .td { height: 220px; }
.section-tb .col-left, .section-tb .col-right { display: block; width: 100%; padding: 30px 0 35px 0; }
.section-tb .col-right { padding-bottom: 170px; }
.section-tb .in { display: block; margin: 0 auto; max-width: 685px; padding-bottom: 0; }
.product-subttl { font-size: 68px; padding-left: 0; text-align: center; }
.header-logobox h1 { margin-top: 10px; }
.mobile-navi-button { margin-top: 5px; }
body.home .mobile-navi-button { margin-top: 0; }
.article-ttl { padding-right: 0; }
.article-ttl .date { position: static; }
.article-page.header-separator { margin-top: 185px; }
img.align-left, img.align-right { float: none; max-width: 100%; margin: 0 0 15px 0; }
.article-page-text ul { max-width: 100% !important; }
.tea-list li { width: 33.3%; }
.tea-list li .item { height: auto; margin-bottom: 35px; }
.mz-attempt h3 { font-size: 21px; }
.mz-attempt { background: #fff url("../images/mz-attempt-mobile.png") 50% 50% no-repeat; background-size: 100% 100%; }
.mz-attempt h3, .mz-attempt::before { display: none; }
.mz-close { top: -32px; }
.footer-logo h3 { font-size: 58px; }
.footer-logo h4 { font-size: 19px; }
} 

@media all and (max-width: 768px) {
header { position: static; background: #4ea437; border-bottom: 8px solid #9bcc75; text-align: center; }
body.home .head-corner, .head-corner, body.home .vishpha-logo, .vishpha-logo { display: none; }
.main-screen { margin-top: 0; }
.main-screen .container { max-width: 100%; padding: 0; }
.bx-prev, .bx-next { display: none; }
.header-logobox h1 a { font-size: 55px; }
.header-logobox h3 { font-size: 30px; }
body.home .header-logobox h1 { margin-top: 10px; }
.articles-screen article { margin-bottom: 50px; }
.articles-screen article figure { height: 240px; }
.ttl h1, .ttl h2, .ttl h3 { font-size: 35px; }
.articles-screen article .item { padding: 10px 10px 1px 10px; }
.articles-screen article .item::before { display: none; }
.products-list .item { margin-bottom: 30px; }
.products-list .item::after { display: none; }
.section-tb .in { max-width: 510px; text-align: center; }
.product-main-pic img { max-height: 280px; margin-bottom: 35px; }
.product-subttl { font-size: 52px; }
.article-page.header-separator { margin-top: 0; }
.article-ttl h1 { font-size: 32px; }
.tea-list li { width: 50%; }
.footer-contacts { max-width: 320px; margin: 0 auto; }
.footer-logo { margin-bottom: 20px; }
footer img { margin-bottom: 20px; }
}

@media all and (max-width: 580px) { 
.header-logobox h1 a { font-size: 43px; }
.header-logobox h3 { font-size: 25px; }
.header-logobox p { font-size: 15px; }
.articles-screen article figure { height: 175px; }
.articles-screen article h3 a { font-size: 22px; }
.section-tb .in { padding-left: 15px; padding-right: 15px; }
.product-subttl { display: none; }
.products-about-bottom .butn { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; }
.product-briefly-list li { width: 50%; }
.products-about-screen .col-left h2 { font-size: 30px; }
.ttl h1, .ttl h2, .ttl h3 { font-size: 33px; }
.section-tb.tb { margin-bottom: 65px; }
.products-about-bottom { bottom: 95px; }
.mobile-navi-button { font-size: 19px; }
ul.clear-list.tea-list { margin: 0; padding: 0; }
.tea-list li { width: 100%; }
.tea-list li .item::after { display: none; }
.footer-logo h3 { font-size: 50px; }
}