body{font-family:"fot-tsukuardgothic-std",sans-serif;}

.page-header {position: fixed;left: 0;right: 0;top: 0;z-index: 100;transition: ease 300ms;}
.page-header .container-fluid { padding: 50px 40px 0px; }
.page-header .navbar { padding: 0px; }
.page-header .navbar .navbar-brand {margin: 0px;padding: 0px;transition: ease 300ms;width: 100px;}
.page-header .navbar .navbar-toggler {padding: 0px;align-self: end;margin-top: 28px;margin-right: 35px;border: 0px;outline: none !important;transition: ease 300ms;height: 45px;display: flex;flex-direction: column;justify-content: space-between;}

.navbar-toggler {position: relative;width: 55px;cursor: pointer;}
.navbar-toggler span {display: block;width: 100%;border-radius: 10px;height: 7px;/* background: #fff; */transition: all .3s;position: relative;transform-origin: center center;}
.navbar-toggler span:nth-child(1) {animation: ease .7s top forwards;}
.navbar-toggler.collapsed span:nth-child(1) { animation: ease .7s top-2 forwards; }
.navbar-toggler span:nth-child(2) {animation: ease .7s scaled forwards;}
.navbar-toggler.collapsed span:nth-child(2) { animation: ease .7s scaled-2 forwards; }
.navbar-toggler span:nth-child(3) {animation: ease .7s bottom forwards;}
.navbar-toggler.collapsed span:nth-child(3) { animation: ease .7s bottom-2 forwards; }

.navbar-toggler.collapsed span { background-color: #dd582f; }
.navbar-toggler.collapsed.navbar-toggler-black span {background-color: #dd582f; box-shadow: 0px 0px 0px 4px rgba(255,255,255,1);}
.page-header .navbar-collapse {position: fixed;top: 0;left: 0;width: 100%;height: 100vh !important;background-color: #DE582F;opacity: 0;z-index: -1;transition: ease-in-out opacity 300ms, ease background-position 600ms;background-image: url('../images/nav-bg.png');background-size: 90%;background-repeat: no-repeat;background-position: center top;}
.page-header .navbar-collapse.show {opacity: 1;z-index: 100;background-position: center center;}
.page-header .navbar .navbar-toggler:not(.collapsed) { position: relative; z-index: 1001; }

.navbar-nav {display: flex;height: 100%;justify-content: center;align-items: center;overflow: auto;}
.navbar-nav .nav-item { margin: 0px; padding: 0px; transform: translateY(100%); opacity: 0; transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.navbar-nav .nav-item .nav-link {font-size: 32px;color: #fff;font-weight: 700;line-height: 1;padding: 0px;}
.navbar-nav .nav-item:first-child .nav-link { font-size: 26px; }
.navbar-nav .nav-item + .nav-item { margin-top: 45px; }
.navbar-nav .nav-item .nav-link:hover { color: #eaeaea; }
.page-header .navbar-collapse.show .nav-item { transform: translate(0px,0px); opacity: 1; }

.navbar-nav .nav-item:nth-child(1) { transition-delay: 50ms; }
.navbar-nav .nav-item:nth-child(2) { transition-delay: 100ms; }
.navbar-nav .nav-item:nth-child(3) { transition-delay: 150ms; }
.navbar-nav .nav-item:nth-child(4) { transition-delay: 200ms; }
.navbar-nav .nav-item:nth-child(5) { transition-delay: 250ms; }
.navbar-nav .nav-item:nth-child(6) { transition-delay: 300ms; }
.navbar-nav .nav-item:nth-child(7) { transition-delay: 350ms; }

.page-header.fixed-top .container-fluid {padding-top: 10px;padding-bottom: 10px;/* box-shadow: 0px 1px 70px rgba(0,0,0,0.1); */}
.page-header.fixed-top .navbar-brand {width: 48px !important;}
.navbar-brand img { max-width: 100%; transition: ease all 300ms; }
.page-header.fixed-top .navbar .navbar-toggler { margin-top: 0px; margin-right: 0px; align-self: center; }
.page-header .navbar-toggler .bar { box-shadow: 0px 0px 0px 4px rgba(255,255,255,1); }
.page-header .navbar-toggler:not(.collapsed) .bar { background: #de582f !important; }
@keyframes top {
  0% { top: 0; transform: rotate(0); background-color:#949292; }
  50% { top: calc(60% - 3.5px); transform: rotate(0); background-color:#c1c1c1;}
  100% { top: calc(45% - 3.5px); transform: rotate(45deg); background-color:#ffffff;}
}

@keyframes top-2 {
  0% { top: 22px; transform: rotate(45deg); }
  50% { top: 22px; transform: rotate(0deg); }
  100% { top: 0; transform: rotate(0deg); }
}

@keyframes bottom {
  0% { bottom: 0; transform: rotate(0); background-color:#949292;}
  50% { bottom:  calc(20% - 3.5px); transform: rotate(0); background-color:#c1c1c1;}
  100% { bottom:  calc(55% - 3.5px); transform: rotate(135deg); background-color:#ffffff;}
}

@keyframes bottom-2 {
  0% { bottom: 22px; transform: rotate(135deg); }
  50% { bottom: 22px; transform: rotate(0); }
  100% { bottom: 0; transform: rotate(0); }
}

@keyframes scaled {
  50% { transform: scale(0); }
  100% { transform: scale(0); }
}

@keyframes scaled-2 {
  0% { transform: scale(0); }
  50% { transform: scale(0); }
  100% { transform: scale(1); }
}

.color-white { color: #ffffff !important; }

.page-banner-top {width: 100%;position: relative;z-index: 10;}
.page-block-mb-prob:before {content: '';display: block;width: 100%;background-image: url('../images/banner/top-banner-bottom.png');height: 325px;background-size: auto;background-position: center bottom;background-repeat: repeat-x;pointer-events: none;top: 0;position: absolute;}
.page-banner-top .page-banner > img.banner-bg { object-fit: cover; height: 100%; width: 100%;object-fit: cover;height: 100%;}
.page-banner-top .page-banner {position: relative;padding-bottom: 238px;background-color: #fff;}
.form-title button { margin-left: 10px; width: 33px; height: 33px; border: 0px; padding: 0px; vertical-align: middle; display: inline-block; }
.form-title button img { max-width: 100%; }

.cart-btn {position: absolute;right: 2%;bottom: 16%;display: block;z-index: 11;max-width: 140px;}
.cart-btn.isFixed {position: fixed;bottom: 15px;right: 15px;}
.cart-btn img { display: block; width: 100%; height: auto; }
.banner-content {position: absolute;z-index: 10;text-align: center;padding-top: 48px;left: 0;right: 0;bottom: 0;margin-bottom: 4%;}
.banner-content .banner-ds {position: absolute;top: 65%;left: 50%;margin-left: -745px;}
.banner-content .btn {max-width: 448px;width: 90%;font-size: 30px;line-height: 1;padding: 16px 10px;background-color: #DE582F;border: 0px;font-weight: 600;border-radius: 10px;}
.banner-content p { font-size: 32px; margin-top: 58px; line-height: 1.8; font-weight: 600; margin-bottom: 0px; }

.page-block {padding-top: 350px;padding-bottom: 100px;background-color: #fff;z-index: 9;position: relative;}
.page-block .container {max-width: 1115px;position: relative;}

@media(min-width:1360px){
  .page-block .container-r { max-width:1295px }
}

.page-block .block-title { text-align: center; margin-bottom: 50px; }
.page-block.page-block-mb-prob {background-color: #fff;background-image: url('../images/prob-bg.png');background-position: top center;background-size: auto;background-repeat: repeat-x;padding-bottom: 0px;}
.meal-block { text-align: center; margin-top: 330px; background-color: #de582f; position: relative; border-radius: 30px; padding-bottom: 78px; margin-bottom: 108px; padding-top: 280px; }
.page-block .block-title-2 { text-align: center; }
.page-block-mb-prob .container-r .block-title { margin-top: 100px; }
.page-block-mb-prob .container-r .block-title-2 { margin-top: 120px; }
.meal-block .meal-title { top: -215px; margin-left: auto; margin-right: auto; display: block; position: absolute; left: 0; right: 0; }
.meal-block .meal-plate { position: absolute; right: -150px; top: -150px; }
.meal-block .meal-bowl { position: absolute; right: -84px; bottom: -108px; }
.meal-price-block {display: flex;justify-content: center;align-items: flex-end;margin-top: 78px;position: relative;z-index: 1;}
.meal-price-block span { display: block; background-color: #fff; border-radius: 10px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #de582f; font-weight: 700; font-size: 38px; margin-left: 2px; }
.meal-price-block .meal-qty { display: flex; }
.meal-price-block .meal-price { display: flex; }
.meal-price-block .meal-price span { width: 88px; height: 88px; line-height: 88px; font-size: 70px; }
.meal-price-block .meal-postfix span { font-size: 16px; width: 43px; height: 43px; line-height: 40px; margin-left: 2px; }
.meal-price-block .meal-postfix span + span { margin-top: 2px; }
.meal-block .meal-product {max-width: 90%;display: block;margin: auto;}

.page-block .block-title h2 {font-size: 48px;color: #de582f;font-weight: 800;margin: 0px;display: block;line-height: 1;}
.page-block .block-title h2 img {display: inline-block;vertical-align: middle;margin-right: 10px;max-width: 178px;}
.page-block.page-block-features { padding-top: 50px; }

.feature-block .title {position: relative;font-size: 38px;font-weight: 700;margin-bottom: 40px;display: flex;align-items: center;padding-bottom: 5px;}
.feature-block .title:after {content: '';display: block;margin-left: 60px;border-top: 6px solid #de582f;height: 0px;border-radius: 10px;position: absolute;left: 0;right: 0;bottom: 0px;}
.feature-block .content { padding-left: 40px; font-size: 24px; color: #000; font-weight: 600; }
.feature-block  .content-image {width: 100%;text-align: center;margin-top: 75px;max-width: 940px;margin-left: auto;margin-right: auto;}
.feature-block .content-image img {max-width: 100%;margin: auto;}
.feature-block .title img {margin-right: 10px;margin-bottom: -16px;max-width: 110px;z-index: 1;}
.features-block-wrapper .feature-block + .feature-block { margin-top: 65px; }

.page-block.page-block-ncolr {background-color: #DE582F;background-image: url('../images/ncolr-bg.png');padding-top: 155px;padding-bottom: 158px;background-size: contain;background-position: center top 30px;background-repeat: repeat-y;}
.page-block-ncolr .block-title h2 { color: #fff; line-height: 1; }
.page-block .block-title .bt--tag { display: inline-block; font-size: 18px; vertical-align: middle; background-color: #fff; border-radius: 6px; padding: 15px 43px; color: #de582f; line-height: 1; }
.sub-text { text-align: center; font-size: 23px; color: #fff; font-weight: 600; max-width: 640px; margin: auto; line-height: 1.6; }
.ncolr-block-wrap { border: 10px solid #fff; border-radius: 35px; padding: 92px 82px; margin-top: 25px; }
.ncolr-block-wrap .title {color: #fff;font-size: 30px;font-weight: 500;margin: 0 15px 20px;display: block;text-align: center;}
.ncolr-block-wrap .title span {border-bottom: 5px solid #fff;line-height: 2;padding-bottom:8px;}
.ncolr-block-list .ncolr-block.media { border-bottom: 5px dotted #fff; padding-top: 55px; padding-bottom: 55px; }
.ncolr-block.media .ncolr-img {flex: 0 0 370px;max-width: 370px;margin-right: 50px;text-align: center;align-self: center;}
.ncolr-block.media .ncolr-img img {max-width: 90%;}
.ncolr-block.media .ncolr-content { font-size: 24px; color: #fff; }
.ncolr-block-list .ncolr-block.media:last-child { border-bottom: 0px; }


.page-block.page-block-cvoice { padding-top: 70px; background-color: #f4f0d7; padding-bottom: 245px; }
.page-block-cvoice .block-title { margin-bottom: 5px; }
.page-block-cvoice .block-title h2, .page-block-recipe .block-title h2 { color: #000; }
.page-block-cvoice .block-title .bt--tag, .page-block-recipe .block-title .bt--tag { background-color: #de582f; color: #fff; }
.cvoice-block.media { padding-bottom: 45px; padding-top: 45px; border-bottom: 1px solid #000; }
.cvoice-block.media .cvoice-img {margin-right: 35px;flex:  0 0 315px;max-width: 315px;height: 315px;}
.cvoice-block.media .cvoice-img img {max-width: 100%;object-fit: cover;height: 100%;}
.cvoice-block.media .cvoice-content h6 { font-size: 36px; font-weight: 600; color: #000; line-height: 1; margin-bottom: 28px; }
.cvoice-block.media .cvoice-content .cvoice-meta { font-size: 22px; font-weight: 600; margin-bottom: 20px; }
.cvoice-block.media .cvoice-content .cvoice-context { font-size: 16px; color: #000; font-weight: 500; }
.cvoice-block.media:last-child { border-bottom: 0px; }
.page-block.page-block-cvoice:before {content: '';height: 386px;width: 100%;display: block;position: absolute;bottom: 100%;background-image: url('../images/customer-voice-bg.png');background-position: center bottom;background-repeat: repeat-x;pointer-events: none;}

.page-footer { text-align: center; position: relative; z-index: 9; }
.page-footer .footer-top {background-color: #de582f;background-image: url('../images/footer-top-in-bg.png');padding: 120px 0;background-size: contain;background-repeat: no-repeat;background-position: center;position: relative;}
.footer-top .btn {max-width: 550px;width: 90%;font-size: 36px;color: #DE582F;font-weight: 600;line-height: 1;padding: 21px;border: 0px;border-radius: 14px;}
.footer-bottom { font-size: 18px; padding: 30px 15px; background-color: #383838; color: #fff; font-weight: 600; line-height: 1; }
.page-footer .footer-top:before {content: '';display: block;height: 385px;position: absolute;bottom: 100%;width: 100%;background-image: url('../images/footer-top-bg.png');background-position: center center;background-repeat: repeat-x;pointer-events: none;}

.page-block.page-block-recipe { padding-top: 165px; padding-bottom: 250px; }
.recipe-item figure figcaption { color: #DE582F; font-size: 38px; font-weight: 600; display: block; margin-bottom: 30px; }
.recipe-item figure img {width: 100%;margin: auto;display: block;}
.recipe-item figure p { font-size: 22px; color: #000; font-weight: 500; margin-top: 25px; margin-bottom: 0px; }
.recipe-item figure { margin-bottom: 25px; }
.recipe-item .card { border-radius: 0px; border: 0px; margin-bottom: 30px; }
.recipe-item .card .card-title {background-color: #dd582f;border-radius: 10px;text-align: center;font-size: 28px;color: #fff;font-weight: 600;line-height: 48px;margin-bottom: 28px;}
ul { padding: 0px; margin: 0px; list-style: none; }
.recipe-item .card .card-item-list li {display: flex;margin-bottom: 10px;font-size: 18px;}
.recipe-item .card .card-item-list li > * { flex: 1; }
.recipe-item .card .card-counter-list li:after { content: counter(cci); display: block; width: 36px; height: 41px; line-height: 24px; text-align: center; padding-left: 16px; padding-right: 4px; padding-top: 10px; padding-bottom: 8px; position: absolute; top: 0; font-size: 14px; color: #DE582F; font-weight: 500; transform-origin: center; left: 0; }
.recipe-item .card .card-counter-list { counter-reset: cci 0; }
.recipe-item .card .card-counter-list li {counter-increment: cci;position: relative;margin-bottom: 8px;font-size: 18px;font-weight: 500;display: flex;}
.recipe-item .card .card-counter-list li:before {content: '';display: inline-block;width: 36px;height: 41px;background-image: url('../images/c-b.png');flex: 0 0 36px;margin-right: 24px;}
.recipe-item .card .card-content {font-size: 18px;font-weight: 500;color: #000;line-height: 1.6;}
.recipe-list .recipe-item { padding-bottom: 25px; border-bottom: 1px solid #dd582f; margin-bottom: 45px; }
.recipe-list .recipe-item:last-child { border: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.recipe-item .card video {border: 0px;width: 100%;object-fit: cover;}
.recipe-item .card figure { margin-bottom: 0px; }
.recipe-item .card figcaption { font-size: 18px; color: #000; font-weight: 500; margin-top: 15px; margin-bottom: 0px; }

.page-block.page-block-wami { padding-top: 155px; text-align: center; background-color: #E6E6E6; }
.page-block-wami .title {margin-bottom: 60px;}
.page-block.page-block-wami .title h6 { font-size: 26px; margin: 0px; display: inline-block; border-bottom: 1px solid #707070; padding: 10px 20px; }
.page-block-wami  .wami-i-title {display: block;margin: auto;margin-bottom: 95px;max-width: 90%;}
.wami-group-img { display: block; margin-bottom: 82px; }
.wami-group-img img { max-width: 100%; display: block; margin: auto; }
.page-block-wami article .wami-a-title { max-width: 100%; display: block; margin: auto; margin-bottom: 55px; }
.page-block-wami article .wami-a-content {margin: auto;font-size: 32px;margin-bottom: 115px;}
.page-block-wami article .btn { font-size: 30px; font-weight: 600; border-radius: 0px; border: 3px solid #de582f; color: #de582f; width: 100%; max-width: 448px; line-height: 1; padding: 22px 20px; }
.page-block-wami article .btn:hover { background-color: #de582f; color: #fff; }
.page-block-wami article { margin-bottom: 115px; }
.wami-c-proccess .title { margin-bottom: 15px; }
.wami-p-steps .card { border-radius: 0px; border: 0px; background-color: transparent; text-align: left; }
.wami-p-steps .card .card-image { overflow: hidden; border-radius: 30px; min-height: 310px; background-color: #ffffff; }
.wami-p-steps .card .card-image img {height: 100%;object-fit: cover;max-width: 100%;width: 100%;}
.wami-p-steps .card.card-small .card-image { height: 310px; }
.wami-p-steps .card .card-title {margin: 0px;display: flex;align-items: center;font-size: 32px;font-weight: 600;margin-bottom: 10px;}
.wami-p-steps .card .card-title:before {content: counter(p-step);background-image: url('../images/wami-step-t-bg.png');width: 66px;height: 60px;flex: 0 0 66px;text-align: center;line-height: 38px;padding-left: 22px;padding-top: 18px;padding-right: 2px;font-size: 28px;font-weight: 800;color: #fff;margin-right: 8px;}
.wami-p-steps {counter-reset: p-step;}
.wami-p-steps div[class^="col-"] { counter-increment: p-step; margin-bottom: 50px; }
.page-block-wami .title img {margin: auto;max-width: 75%;}
.page-block-wami article .wami-a-content img { max-width: 100%; margin: auto; }

.page-block-pro-details { background-color: #F4F0D7; padding-top: 145px; padding-bottom: 125px; background-image: url('../images/product-gift.png'); background-repeat: no-repeat; background-position: bottom right -150px; }
.page-block-pro-details .block-title { text-align: left; position: relative; margin-bottom: 35px; }
.page-block-pro-details .block-title .bt--tag { background-color: #de582f; color: #fff; }
.page-block-pro-details .block-title h2 img {display: block;max-width: 100%;}
.page-block-pro-details .block-title .bt--tag-content { display: block; margin-bottom: -48px; }
.page-block-pro-details .product-description { font-size: 32px; line-height: 1.6; letter-spacing: 3.5px; margin-bottom: 80px; font-weight: 600; }
.page-block-pro-details .product-image { margin-bottom: 0px; max-width: 855px; }
.page-block-pro-details .product-image img {margin-bottom: 70px;max-width: 100%;margin-left: auto;margin-right: auto;}
.page-block-pro-details .product-image p {font-size: 23px;line-height: 1.7;margin-bottom: 45px;}
.page-block-pro-details .product-credit { text-align: right; font-size: 18px; }


.page-content.order-page {background-color: #DE582F;padding-top: 238px;padding-bottom: 115px;}
.order-title { text-align: center; color: #fff; font-weight: 600; font-size: 48px; line-height: 1; margin-bottom: 70px; }
.order-title:after {content: '';display: block;width: 55px;height: 4px;background-color: #fff;margin: auto;margin-top: 48px;}
.card.order-form {border-radius: 20px;padding: 148px 135px 100px;border: 0px;background-color: #ebebeb;}
.card.order-form .form-instruction { text-align: center; font-size: 16px; margin-bottom: 78px; }
.card.order-form .form-instruction p { margin-bottom: 14px; line-height: 1; }
.card.order-form .form-instruction p:last-child { margin-bottom: 0px; }
.form-title { text-align: center; margin-bottom: 25px;margin-top:20px; font-size: 18px; line-height: 1; color: #000; }
.form-group .col-form-label { max-width: 275px; flex: 0 0 275px; font-weight: 600; }
.form-group.row .col-sm-10 { flex: 1; }
.required { color: #FF0000; margin-left: 5px; }
.form-group .form-control { width: 100%; border: 0px; background-color: #fff; border-radius: 0px; height: 55px; font-size: 16px; color: #000; box-shadow: none !important; outline: none; }

.post-code-input > .form-control {max-width: 165px;}
.post-code-input { align-items: center; }
.post-code-input > span { padding: 0 20px; }
.post-code-input > .btn { border: 1px solid #707070; margin-left: 38px; }

.custom-checkbox input { width: 25px; height: 25px; margin-right: 10px; border: 0px !important; flex: 0 0 25px; }
.custom-checkbox { display: flex; font-weight: 700; cursor: pointer; margin: 0px; }
.list { padding: 0px; margin-top: 20px; font-size: 14px; color: #000; }
.list li + li { margin-top: 10px; }
.form-group table tr .product--name {background-color: #fff;padding: 16px;display: flex;flex: 1;justify-content: space-between;line-height: 1;margin-right: 10px;}
.form-group table { width: 100%; }
.form-group .form-control.form-control.custom-select { height: 48px; }
.form-group table th { text-align: center; padding: 10px; padding-top: 0px; }
.form-group.row { padding: 55px 0; border-bottom: 1px solid #707070; margin: 0px; }
.date-inputs { align-items: center; }
.date-inputs b { padding: 20px; }
.date-inputs .day,.date-inputs .month { width: 70px; }
.date-inputs .year { width: 160px; }
.form-group textarea.form-control { height: 245px; resize: none; }
.add-new-address { margin-top: 40px; text-align: center; padding-bottom: 45px; border-bottom: 1px solid #707070; }
.add-new-address .btn { background-color: transparent; box-shadow: none !important; outline: none; font-weight: 600; }
.add-new-address .btn img { margin-left: 10px; }
.form-privacy { width: 100%; height: 245px; overflow: auto; background-color: #fff; padding: 15px; margin-bottom: 25px; }
.ck-details { margin: auto; display: block; border: 1px solid; border-radius: 0px; width: 320px; height: 65px; margin-top: 85px; margin-bottom: 120px; padding: 10px; color: #000; max-width: 100%; }
.table-shipping-cost table { width: 100%; }
.table-shipping-cost table tr td + td { border-left: 2px dashed; padding-left: 70px; padding-right: 30px; text-align: center; }
.table-shipping-cost table tr td { padding: 35px 0; border-bottom: 2px solid; }
.table-shipping-cost table ul { padding: 0px; margin: 0px; }
.table-shipping-cost table ul li + li { margin-top: 5px; }
.table-shipping-cost table tr:first-child td { border-top: 2px solid; }

.highlight { background-color: #de582f; display: inline-block; }
.custom-radio { margin: 0 15px; line-height: 1; }
.custom-radio input[type="radio"] { width: 20px; height: 20px; vertical-align: middle; }
.custom-radio input[type="radio"] { display: block; width: 1px; height: 1px; }
.custom-radio input[type="radio"] + span:before { width: 20px; height: 20px; content: ''; display: inline-block; vertical-align: middle; border: 1px solid #000; border-radius: 100px; margin-right: 10px; }
.custom-radio input[type="radio"] + span { display: block; position: relative; }
.custom-radio input[type="radio"]:checked + span:after {content: '';display: block;width: 10px;height: 10px;position: absolute;background-color: #fff;top: 50%;left: 10px;transform: translate(-50%, -50%);border-radius: 20px;}
.custom-radio input[type="radio"]:checked + span:before { background-color: #000; }

@media(max-width:1581px) and (min-width:1200px){
  .meal-block .meal-title { max-width: 570px; }
  .meal-block .meal-plate { max-width: 365px; right: -80px; }
  .meal-block { padding-top: 150px; }
}

@media(max-width:1581px) and (min-width:1360px){
  .page-block-mb-prob .container-r { max-width: 1100px; }
}

@media(max-width:1359px) and (min-width:1200px){
  .page-block-mb-prob .container-r {max-width: 1040px;}
  .ncolr-block.media .ncolr-img { margin-right: 45px; }
}

@media(max-width:1199px) and (min-width:992px){
  .page-block-mb-prob .container-r {max-width: 815px;}
  .meal-block .meal-title { max-width: 400px; top: -125px; }
  .meal-block .meal-plate { max-width: 300px; right: -70px; top: -100px; }
  .meal-block { padding-top: 135px; margin-top: 200px; }
  .meal-block .meal-product { max-width: 95%; }
  .meal-block .meal-bowl { max-width: 200px; }
  .block-image img { max-width: 100%; }
  .ncolr-block.media .ncolr-img { margin-right: 45px; }
  .wami-p-steps .card .card-title { font-size: 25px; }
  .card.order-form { padding: 90px 40px 90px; }
}

[data-for="dasktop"],
[data-for="mobile"],
.mobile-ds { display: none !important; }

@media(min-width:992px){
  [data-for="dasktop"] { display: block !important; }
}
@media(max-width: 991px){

  .page-header .navbar .navbar-brand {width: 83px;}
  .page-header .navbar .navbar-toggler { margin-top: 15px; margin-right: 0; width: 45px; height: 35px; }
  .navbar-toggler span { height: 4px; }

  [data-for="mobile"],
  .mobile-ds { display: block !important; }

  .block-image img {max-width: calc(100% + 75px);margin-left: -15px;}
  .block-title img {max-width: 75%;position: relative;z-index: 2;}
  .wami-c-proccess .title img { max-width: 90%; }
  .block-title-2 img { max-width: 100%; }
  .meal-block .meal-title {max-width: 550px;top: -85px;}
  .meal-block .meal-plate {max-width: 290px;right: 58px;top: -268px;}
  .meal-block .meal-bowl {max-width: 284px;right: 73px;bottom: -152px;}
  .meal-block {margin-top: 320px;padding-top: 265px;padding-bottom: 100px;margin-bottom: 200px;border-radius: 15px;}
  .navbar-toggler span:nth-child(1) { margin-top: 3px; }
  .page-header .navbar-toggler .bar {box-shadow: 0px 0px 0px 2px rgb(255 255 255) !important;}
  .meal-price-block { margin-top: 30px; }
  .page-block-features .block-title h2 img { width: 95px; margin-right: 0; }
  .page-block .block-title h2 {font-size: 56px;}
  .page-block .block-title h2 .txt { display: block; }
  .feature-block .title img {width: 90px;}
  .feature-block .title {font-size: 28px;margin-bottom: 15px;}
  .feature-block .title:after { margin-left: 36px; }
  .page-block.page-block-features { padding-top: 20px; padding-bottom: 64px; }
  .feature-block .content {padding-left: 10px;font-size: 28px;margin-bottom: 48px;}
  .feature-block .content-image { margin-top: 20px; }
  .features-block-wrapper .feature-block + .feature-block { margin-top: 50px; }
  .cart-btn img {width: 80px;max-width: 100%;}
  .banner-content p {font-size: 28px;margin-top: 30px;}
  .banner-content p br { display: none; }
  .page-header .container-fluid {padding: 10px 10px 0px;}
  .ncolr-block-wrap {padding: 20px;border-width: 6px;}
  .ncolr-block-list .ncolr-block.media { flex-direction: column; padding-top: 20px; padding-bottom: 20px; }
  .ncolr-block.media .ncolr-img { flex: 0 0 auto; align-self: center; margin: 0 0 20px 0; }
  .ncolr-block.media .ncolr-content { font-size: 16px; }
  .page-block-pro-details .block-title .bt--tag {font-size: 29px;padding: 10px 15px;}
  .page-block-pro-details .block-title .bt--tag-content {margin-bottom: 10px;text-align: center;}
  .page-block-pro-details {padding: 50px 0;background-size: 80%;background-position: bottom right -80%;padding-bottom: 100px;}
  .page-block-pro-details .product-description {font-size: 32px;margin-bottom: 20px;}
  .page-block-pro-details .product-image p {max-width: 407px;font-size: 28px;margin-bottom: 10px;}
  .page-block-pro-details .product-credit {font-size: 16px;text-align: left;margin-top: 80px;}
  .cvoice-block.media {flex-direction: column;padding-top: 50px;padding-bottom: 50px;}
  .footer-top .btn {font-size: 36px;padding: 15px;display: inline-block;}
  .footer-bottom { font-size: 15px; padding: 15px; }
  .page-footer .footer-top:before { display: none; }
  .page-footer .footer-top {padding: 15px 0 15px;background-image: url('../images/footer-bg-sp.png');background-color: transparent;background-position: top left;padding-top: 100px;padding-bottom: 30px;background-repeat: repeat-x;}
  .page-footer .footer-top:before { height: 188px; background-size: cover; background-position: top right; }
  .page-block.page-block-cvoice { padding-bottom: 100px; padding-top: 0px; }
  .cvoice-block.media .cvoice-img {margin: 0px;width: 100%;height: auto;flex: 0 0 auto;max-width: 100%;overflow: hidden;margin-bottom: 20px;}
  .cvoice-block.media .cvoice-img img { object-fit: cover; height: 100%; width: 100%; }
  .cvoice-block.media .cvoice-content h6 {font-size: 32px;margin-bottom: 15px;}
  .cvoice-block.media .cvoice-content .cvoice-meta {font-size: 22px;margin-bottom: 15px;}
  .cvoice-block.media .cvoice-content .cvoice-context {font-size: 20px;}
  .page-block-cvoice .block-title .bt--tag, .page-block-recipe .block-title .bt--tag {display: inline-block;margin: auto;margin-bottom: 15px;clear: both;font-size: 24px;}
  .page-block.page-block-recipe {padding-bottom: 150px;padding-top: 50px;}
  .page-block.page-block-cvoice:before { height: 100px; background-size: cover; }

  .navbar-nav .nav-item .nav-link {font-size: 20px !important;}
  .navbar-nav .nav-item + .nav-item { margin-top: 30px; }
  .banner-content {padding: 30px 15px 0;margin-bottom: 10px;}
  .cart-btn {bottom: -25px;}
  .page-block.page-block-mb-prob {padding-top: 80px;overflow: hidden;}
  .page-block.page-block-ncolr {padding-top: 60px;padding-bottom: 100px;}
  .page-block-ncolr .block-title h2 { display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .page-block-ncolr .block-title .bt--tag { margin-bottom: 15px; }
  .sub-text { font-size: 18px; }
  .page-block .block-title {margin-bottom: 20px;position: relative;}
  .ncolr-block-wrap .title {margin: 0px;font-size: 38px;}
  .wami-group-img { margin-bottom: 40px; }
  .page-block-wami article .wami-a-title {margin-bottom: 50px;}
  .page-block-wami article .wami-a-content {font-size: 32px;margin-bottom: 80px;}
  .page-block-wami article .btn {font-size: 30px;padding: 18px;width: 448px;max-width: 80%;}
  .page-block-wami article {margin-bottom: 80px;}
  .wami-p-steps .card .card-image img { height: auto; }
  .wami-p-steps .card .card-image { height: auto; min-height: auto; border-radius: 10px; }
  .wami-p-steps div[class^="col-"] {margin-bottom: 20px;}
  .recipe-item figure figcaption {font-size: 30px;margin-bottom: 15px;}
  .recipe-item figure p {font-size: 20px;}
  .recipe-item .card { margin-bottom: 15px; }
  .recipe-list .recipe-item { padding-bottom: 15px; margin-bottom: 15px; }
  .recipe-item .card figcaption {font-size: 20px;margin-bottom: 15px;}
  .wami-p-steps .card.card-small .card-image {border-radius: 40px;height: auto;}
  .wami-p-steps .card .card-title {font-size: 32px;}
  .page-block.page-block-wami { padding-top: 50px; padding-bottom: 50px; }
  .page-block-wami .title {margin-bottom: 80px;}
  .page-block-wami .wami-i-title { margin-bottom: 30px; }
  .page-block-pro-details .block-title h2 img { margin: auto; }
  .block-image {
    position: relative;
    z-index: 1;
}

  .page-block-mb-prob .block-title img.mobile-ds {position: absolute;top: 14%;right: -68px;z-index: 1;transform: translate(0%, -50%);}
  .page-block-mb-prob .block-title {margin-top: 80px;margin-bottom: 125px;}

  .page-content.order-page { padding-top: 120px; padding-bottom: 120px; }
  .card.order-form { padding: 60px 30px 60px; }
  .card.order-form .form-instruction { margin-bottom: 40px; }
  .form-title { margin-bottom: 10px; }
  .form-group.row { padding: 20px 0; flex-wrap: nowrap; }
  .form-group .col-form-label { flex: 0 0 180px; max-width: 180px; }
  .form-group table tr .product--name { margin-right: 0; padding: 16px 10px; }
  .ck-details {margin-top: 30px;margin-bottom: 30px;}
  .table-shipping-cost table tr td { padding: 20px 0; }
  .table-shipping-cost table tr td + td { padding-left: 20px; white-space: nowrap; }
  .date-inputs .year { width: 120px; }


}

@media(max-width:767px){
  .form-group .col-form-label { flex: 1; max-width: 100%; }
  .form-group.row { flex-wrap: wrap; flex-direction: column; }
  .form-group.row .col-sm-10 { max-width: 100%; }
  .meal-price-block span {width: 45px;height: 45px;border-radius: 5px;font-size: 31px;line-height: 45px;}
  .meal-price-block .meal-price span {width: 80px;height: 80px;line-height: 80px;font-size: 61px;}
  .meal-price-block .meal-postfix span {height: 39px;width: 39px;line-height: 39px;font-size: 27px;}
  .feature-block .content-image .col-md-6 + .col-md-6,
  .feature-block .content-image .col-md-8 + .col-md-4 { margin-top: 50px; }
}

@media(max-width:575px){
  .feature-block .content-image .row div[class^="col-"] + div[class^="col-"] {margin-top: 50px;}
  .order-title { font-size: 30px; margin-bottom: 30px; }
  .order-title:after { margin-top: 20px; }
  .card.order-form { padding: 30px 15px; }
  .card.order-form .form-instruction { font-size: 13px; }
  .form-group.row > div[class^="col-"] { padding: 0; }
  .form-group.row { margin: 0; }
  .form-group .col-form-label { padding: 0; margin-bottom: 10px; }
  .form-group .form-control { height: 40px; }
  .post-code-input > span { padding: 0 5px; }
  .post-code-input > .btn { margin-left: 5px; }
  .form-group.row .col-4 { max-width: 100%; flex:  0 0 100%; margin-bottom: 5px; }
  .date-inputs .year { width: 60px; }
  .date-inputs b { padding: 5px; }
  .date-inputs .day, .date-inputs .month { width: 50px; }
  .page-content.order-page { padding-bottom: 50px; }
  .meal-price-block span { width: 20px; height: 20px; border-radius: 5px; font-size: 15px; line-height: 20px; }
  .meal-price-block .meal-price span { width: 35px; height: 35px; line-height: 35px; font-size: 30px; }
  .meal-price-block .meal-postfix span {height: 17px;width: 17px;line-height: 17px;font-size: 10px;}
  .feature-block .content { font-size: 16px; }
  .feature-block .title img {width: 70px;}
  .feature-block .title {font-size: 24px;}
  .meal-block .meal-title { max-width: 260px; }
  .meal-block .meal-plate { max-width: 200px; right: 0; top: -225px; }
  .meal-block {margin-top: 245px;padding-top: 90px;padding-bottom: 60px;margin-bottom: 85px;}
  .page-block-mb-prob .container-r .block-title {margin-top: 35px;margin-bottom: 35px;}
  .page-block-mb-prob .container-r .block-title-2 { margin-top: 50px; }
  .banner-content p { font-size: 18px; margin-top: 15px; }
  .banner-content .btn { font-size: 18px; }
  .page-block-pro-details .block-title .bt--tag {font-size: 12px;}
  .page-block .block-title h2 { font-size: 30px; }
  .page-block-features .block-title h2 img { width: 68px; }
  .ncolr-block-wrap .title {font-size: 22px;}
  .ncolr-block-wrap .title span { border-bottom-width:3.5px; padding-bottom:3px;}
  
  .page-block-pro-details .product-description { font-size: 20px; }
  .page-block-pro-details .product-image p {font-size: 16px;max-width: 70%;}
  .page-block-pro-details .product-credit {margin-top: 28px;max-width: 194px;font-size: 10px;}
  .page-block-wami .title { margin-bottom: 30px; }
  .page-block-wami article .wami-a-content { font-size: 20px; margin-bottom: 50px; }
  .page-block-wami article .btn { font-size: 20px; }
  .wami-p-steps .card .card-title {font-size: 15px;}
  .recipe-item figure figcaption { font-size: 22px; }
  .recipe-item figure p { font-size: 20px; }
  .recipe-item .card .card-item-list li { font-size: 18px; }
  .recipe-item .card .card-title {font-size: 18px;}
  .recipe-item .card .card-counter-list li { font-size: 18px; }
  .recipe-item .card .card-content { font-size: 20px; }
  .recipe-item .card figcaption { font-size: 18px; }
  .cvoice-block.media .cvoice-content h6 {font-size: 21px;}
  .cvoice-block.media .cvoice-content .cvoice-meta {font-size: 18px;font-weight: 600;}
  .cvoice-block.media .cvoice-content .cvoice-context {font-size: 16px;}
  .footer-top .btn { font-size: 20px; }
  .page-block.page-block-ncolr {padding-bottom: 60px;background-image: none;}
  .meal-block .meal-bowl { max-width: 150px; bottom: -75px; right: 5%; }
  .page-block.page-block-mb-prob {background-position: top center;background-size: auto  90%;}
  .page-block-mb-prob:before {height:200px;background-size:270% auto;}
  .page-banner-top .page-banner { padding-top: 65px; }
  .cart-btn { bottom: -55px; }
  .page-block .block-title .bt--tag {padding: 12px 20px;font-size: 14px;}
  .cvoice-block.media { padding-top: 20px; padding-bottom: 20px; }
  .page-block-mb-prob .block-title img.mobile-ds { max-width: 190px; right: -45px; }
  .page-block-mb-prob .block-title { margin-bottom: 80px; margin-top: 25px; }
  .feature-block .content-image img.f-1-2 {max-width: 65%;}
  .feature-block .content-image img.f-1-2.sec_bowl{max-width: 60%;}
  .feature-block .content-image img.f-1-2.square{max-width: 70%;}
  .feature-block .content-image img.f-1-2.mama{max-width: 60%;}
  .feature-block .content-image img.f-1-2.dream{max-width: 70%;}

  .page-block-pro-details { padding-bottom: 30px; }
  .wami-p-steps .card .card-title:before { width: 44px; flex: 0 0 44px; height: 41px; background-size: contain; font-size: 15px; padding: 17px 4px 4px 17px; line-height: 1; }
  .wami-p-steps { margin: 0 -10px; }
  .wami-p-steps div[class^="col-"] { padding: 0 10px; }
  .wami-p-steps .card.card-small .card-image { min-height: 120px; }
  .meal-block .meal-product{padding-left:18px;}
}

@media screen and (max-width: 760px) and (min-width: 325px) {
  .page-banner-top .page-banner {
    padding-bottom:206px;
  }
}

/*contact form confirm page*/
.col-form-content{
  padding-top: calc(.375rem + 1px);
}
#confirm .form-group.row {
    padding: 27px 0;
    border-bottom: 1px solid #707070;
    margin: 0px;
}