.mobile-navi-button { display: none; }
.mobile-navi-button { font-size: 17px; color: #e30625; 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: #e30625; 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: #e30625; 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: #ffb801; }
.mobile-navi ::-webkit-scrollbar { display: none; }
.pushmenu-left { right: -210px; }
.pushmenu-left.pushmenu-open { right: 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; right: 0; }
.pushmenu-push-toleft { left: auto; right: 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) {
.menu li { margin: 0 0 0 18px; }
.product-logo { max-width: 380px; }
.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 { position: relative; }
header .menu { display: none; }
.mobile-navi-button { display: inline-block; }
.main-screen { margin-top: -2px; }
.product-screen figure { text-align: center; }
.product-screen figure img { max-height: 400px; }
.product-logo { max-width: 320px; }
.pdf-buttons a { margin: 0 30px; }
.constipation-img { top: 109px; zoom: 0.7; }
.notices-screen .item h3 { font-size: 21px; }
.ttl h2 { font-size: 42px !important; }
.pdf-buttons { margin-top: 25px; }
.constipation-screen .container { padding-bottom: 0; }
.symptoms-list li { width: 33.3%; }
.symptoms-list li .item.item-4 .separator { display: none; }
.notices-screen .item .in .td { height: 855px; }
.pdf-buttons a { margin: 0 auto 25px auto; width: 100%; max-width: 260px; }	
.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; }
footer .col-xl-5 { margin-top: 25px; margin-bottom: 25px; }
} 

@media all and (max-width: 768px) { 
.product-logo { max-width: 280px; }
.product-screen h2 { font-size: 45px; }
.symptoms-list li { width: 50%; margin-bottom: 35px; }
.symptoms-list li .item.item-3 .separator, .symptoms-list li .item.item-5 .separator { display: none; }
.symptoms-list li .item.item-4 .separator { display: block; }
.notices-screen .item .in .td { height: 100%; }
.constipation-img { position: relative; width: 400px; margin: 0 auto; }
.footer-contacts { max-width: 320px; margin: 0 auto; }
.footer-logo { margin-bottom: 20px; }
footer img { margin-bottom: 20px; }
}

@media all and (max-width: 580px) { 
.product-screen ul { padding: 0 0 0 55px; }
.product-screen figure img { max-height: 352px; max-width: 100%; width: auto; height: auto; }
.constipation-screen h2 { font-size: 40px; }
.ttl h2 { font-size: 30px !important; }
.whyarises-screen .ttl { margin: 0 0 95px 0; }
header .col-xs-7 { position: absolute; }
.product-screen .butn span { padding: 14px 15px; width: 260px; }
.butn::before { width: 260px; background-size: 100% auto; }
.wherebuy-button { width: 100%; max-width: 100%; height: auto; margin: 0; }
.wherebuy-button .td { height: auto; }
.wherebuy-button img { max-width: 200px; }
.constipation-screen .row::before { background-size: 103% auto; }
section.in.constipation-screen { padding-top: 0; }
footer img { max-width: 76%; }
footer .col-xl-5 { margin-bottom: 0; }
.footer-logo h3 { font-size: 50px; }
}

@media all and (max-width: 340px) { 
header img { width: 185px; }
.notices-screen .item h3 { font-size: 19px; }
.symptoms-list li { width: 100%; }
.symptoms-list li .separator { display: none !important; }
.constipation-screen h2 { font-size: 35px; }
}