@media (min-width: 320px) and (max-width: 480px) {
    .container{
        padding-right: 30px;
        padding-left: 30px;
    }
    .header-wrap{
        max-width: 100%;
    }
    #header{
        padding-top: 0px;
    }
    .navbar-custom{
        padding: 0;
    }
    #navbarResponsive{
        position: absolute;
        width: 100%;
        top: 66px;
        z-index: 9999;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 90px;
    }
    .max-style{
        max-width: 100%;
        min-width: 100%;
    }
    .navbar-custom .navbar-brand{
        transform: translateX(0px);
        padding: 10px;
    }
    .navbar-custom .navbar-nav .nav-item:last-child{
        display: block;
    }
    #slide-home .sp{display: block}
    #slide-home .pc{display: none}
    .navbar-custom .navbar-nav .nav-item:after {
        content: "";
    }
    .navbar-custom #menu-main-menu{
        text-align: center;
        padding-top: 20px;
    }
    .btn-intro-prod, .contact-btn{
        text-align: center;
    }
    #home_contact .border-wrap{
        padding: 25px 10px 25px 10px;
    }
    #home_category .list_category .item-post .post-time{
        text-align: left;
    }
    .contact-btn{
        display: none;
    }
    .contact-btn-sp{
        display: block;
        text-align: center;
    }
    .sky{
        background: url(../images/sky_sp.jpg) no-repeat top center;
        background-size: cover;
        padding: 45px 0px;
        height: 215px;
    }
    .sky p{font-size: 30px}
    .sky .icon-home{
        display: block;
    }
    .scrollTop p.pos-pc{
        display: none;
    }
    .scrollTop p.pos-sp{
        display: block;
    }
    .scrollTop{
        height: 40px;
        border: 1px solid #333;
        background: #fff;
    }
    .social-instagram{
        margin-bottom: 50px;
    }
    .picture .pic1 {
        margin-bottom: 50px;
    }
    #ft-pc{display: none;}
    #ft-sp{display: block;}
    #home_product{
        background-image: url(../images/bg-prod-sp.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .btn-instagram p, .btn-fb p {
        bottom: 2px;
        font-size: 13px;
    }
    .btn-fb p{
        left: calc(100% / 2 - 135px);
    }
    .btn-instagram p{
        left: calc(100% / 2 - 80px)
    }
    span.fb{
        top: 25px;
        font-size: 30px;
        left: calc(100% / 2 - 85px);
    }
    .list_category .item-post .post-time {
        text-align: left;
        font-weight: normal;
        padding-bottom: 10px;
    }
    .list_category .item-post a{
        font-weight: normal;
    }
    .main-content-post img{
        width: 100%;
        min-height: 200px;
    }
    .btn-cat a{
        border: 1px solid #424242;
        background: #ffff;
        padding: 10px 35px;
    }
    #page-recipe .wrap-post{
        width: 100%;
    }
    .feed-dt .wrap-f{
        display: none;
    }
    .feed-dt{
        text-align: center;
    }
    .block-title-page{
        text-align: center;
        background: #ebebeb;
        padding: 35px;
        margin-bottom: 40px;
    }
    #page-sitemap .title-page {
        font-family: "notoSans bold";
        font-size: 24px;
        margin-bottom: 0;
    }
    .main-content-page {
        width: 100%;
    }
    .sp{
        display: block;
    }
    .pc{
        display: none;
    }
    h4.header-prod-title{
        text-align: center;
    }
    .sp .prod-author{
        margin-top: 40px;
        margin-bottom: 35px;
        text-align: center;
    }
    .sp .gt-author{
        margin-left: 0;
    }
    #page-company .prod-ct-1{
        padding: 60px 30px;
    }
    .prod-ct-1 .prod-author{
        margin-top: 35px;
        text-align: center;
    }
    p.header-prod-intro{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 20px;
    }
    #page-product .header-page{
        background-image: url(../images/bg-prod-page-sp.png);
    }
    #timeline{
        margin-top: 50px;
    }
    .timeline{
        margin-left: 120px;
        line-height: inherit;
    }
    .timeline .event{
        margin-bottom: 25px;
    }
    .timeline .event:before{
        left: -217.5px;
    }
    #house{
        margin-bottom: 25px;
    }
    .ct-prod-site iframe, .ct-prod-site2 iframe{
        width: 100%;
    }
    .last2 p{
        display: none;
    }
    .last-intro .li2{
        display: block;
        font-size: 13px;
    }
    .last-intro .li1{
        padding: 0;
    }
    .picture {
        margin-bottom: 50px;
    }
    .intro-prod{
        margin-top: 40px;
    }
    #home_contact .border-wrap h4.ct-title{
        text-align: center;
		font-size:16px;
    }
    #ft-sp .social-ft a {
        font-size: 24px;
        padding: 0px 5px;
    }
    #ft-sp .ft-card{
        padding:0px;
    }
    #card-block-ft{
        padding: 0px;
        height: 74px;
        width: 340px;
        margin: 0 auto;
        max-width: 100%;
    }
    #card-block-ft a.link-cart{
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
    }
    #card-block-ft a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    #card-block-ft a.link-cart .fa-play:before {
        top: 32px;
        right: 20px;
        font-size: 13px;
    }
    #card-block-header{
        position: unset;
        margin: 30px auto 16px;
        padding: 0px;
        height: 74px;
        width: 340px;
    }
    .social a.btn-social{
        font-size: 45px;
    }
    .social a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .social a.link-cart .fa-play:before {
        top: 32px;
        right: 20px;
        font-size: 13px;
    }
    .social a.link-cart{
        height: 40px;
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
        width: 100%;
    }
    .row-menu{
        width: 70%;
        margin: 0 auto;
    }
    .food {
        margin-bottom: 25px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .text-wrap-f {
        padding: 0 15px;
    }
    #page-recipe .header-page h4 {
        padding: 30px 20px;
        font-size: 30px;
        margin: auto 30px;
        line-height: 1.5;
        transform: translateY(20px);
    }
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .food .gt-img {
        left: 15px;
    }
    .btn-food {
        margin: 0 15px 20px;
    }
    .btn-food:before {
        top: -30px;
        right: -25px;
    }
    .br-text {
        display: none !important;
    }
    .last-img-text {
        padding: 15px;
    }
    .last-img .img-block {
        padding-left: 40px;
    }
    .row {
        margin: auto 0 !important;
    }
    .food .gt-img {
        left: 0;
    }
    .feed-is-mobile {
        display: flex !important;
    }
    .feed-is {
        display: none !important;
    }
    .header-title-cat {
        padding: 25px 0px;
        margin-bottom: 25px;
    }
    .tem-cat {
        margin: auto 15px;
    }
    .item-post {
        margin: 15px auto !important;
    }
    .sp-ft-below{
        padding: 20px;
    }
    .social-ft {
        padding: 0 !important;
        transform: translateX(10px);
    }
    .logo-ft {
        padding: 0 !important;
        transform: translateX(-5px);
    }
    .menu-ft {
        padding-right: 0 !important;
    }
    .title-post {
        font-size: 18px;
    }
    .time-post {
        font-size: 15px;
    }
    .main-content-post p {
        font-size: 15px;
    }
    .btn-cat a {
        margin: 0 10px;
    }
    .wrap-post {
        width: 95% !important;
    }
    .btn-cat a {
        padding: 10px;
        margin: 0 5px;
        font-size: 14px;
    }
    .ct-p1 {
        padding: 20px
    }
    .ct-p2 {
        padding: 20px
    }
    /* .product-p2 {
        position: relative;
    }
    .product-p2 > .row {
        position: absolute;
        width: 100%;
        text-align: left;
        float: left;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    }
    .product-p2 > .row > div {
        position: relative;
        float: right;
        display: block;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    } */
    .food img{
/*         width: 100%; */
		/*width: 78px!important;*/
	    height: auto;
    }
    .food-sp{
        display: block;
        width: 100%!important;
    }
    .food-pc{
        display: none;
    }
}

@media (min-width: 481px) and (max-width: 767px){
    #header{
        padding-top: 0px;
    }
    .header-wrap{
        max-width: 100%;
    }
    .container{
        padding-right: 30px;
        padding-left: 30px;
    }
    .navbar-custom{
        padding: 0;
    }
    #navbarResponsive{
        position: absolute;
        width: 100%;
        top: 66px;
        z-index: 9999;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 90px;
    }
    .max-style{
        max-width: 100%;
        min-width: 100%;
    }
    .navbar-custom .navbar-brand{
        transform: translateX(0px);
        padding: 10px;
    }
    .navbar-custom .navbar-nav .nav-item:last-child{
        display: block;
    }
    #slide-home .sp{display: block}
    #slide-home .pc{display: none}
    .navbar-custom .navbar-nav .nav-item:after {
        content: "";
    }
    .navbar-custom #menu-main-menu{
        text-align: center;
        padding-top: 20px;
    }
    .btn-intro-prod, .contact-btn{
        text-align: center;
    }
    #home_contact .border-wrap{
        padding: 25px 10px 25px 10px;
    }
    #home_category .list_category .item-post .post-time{
        text-align: left;
    }
    .contact-btn{
        display: none;
    }
    .contact-btn-sp{
        display: block;
        text-align: center;
    }
    .sky{
        background: url(../images/sky_sp.jpg) no-repeat top center;
        background-size: cover;
        padding: 45px 0px;
        height: 215px;
    }
    .sky p{font-size: 30px}
    .sky .icon-home{
        display: block;
    }
    .scrollTop p.pos-pc{
        display: none;
    }
    .scrollTop p.pos-sp{
        display: block;
    }
    .scrollTop{
        height: 40px;
        right: 10px;
        border: 1px solid #333;
        background: #fff;
    }
    .social-instagram{
        margin-bottom: 50px;
    }
    .picture .pic1 {
        margin-bottom: 50px;
    }
    #ft-pc{display: none;}
    #ft-sp{display: block;}
    #home_product{
        background-image: url(../images/bg-prod-sp.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .btn-instagram p, .btn-fb p {
        bottom: 2px;
        font-size: 13px;
    }
    .btn-fb p{
        left: calc(100% / 2 - 135px);
    }
    .btn-instagram p{
        left: calc(100% / 2 - 80px)
    }
    span.fb{
        top: 25px;
        font-size: 30px;
        left: calc(100% / 2 - 85px);
    }
    .list_category .item-post .post-time {
        text-align: left;
        font-weight: normal;
        padding-bottom: 10px;
    }
    .list_category .item-post a{
        font-weight: normal;
    }
    .main-content-post img{
        width: 100%;
        min-height: 200px;
    }
    .btn-cat a{
        border: 1px solid #424242;
        background: #ffff;
        padding: 10px 35px;
    }
    #page-recipe .wrap-post{
        width: 100%;
    }
    .feed-dt .wrap-f{
        display: none;
    }
    .feed-dt{
        text-align: center;
    }
    .title-page{
        text-align: center;
        background: #ebebeb;
        padding: 35px;
    }
    .block-title-page{
        text-align: center;
        background: #ebebeb;
        padding: 35px;
        margin-bottom: 40px;
    }
    #page-sitemap .title-page {
        font-family: "notoSans bold";
        font-size: 24px;
        margin-bottom: 0;
    }
    .sp{
        display: block;
    }
    .pc{
        display: none;
    }
    h4.header-prod-title{
        text-align: center;
    }
    .sp .prod-author{
        margin-top: 40px;
        margin-bottom: 35px;
        text-align: center;
    }
    .sp .gt-author{
        margin-left: 0;
    }
    #page-company .prod-ct-1{
        padding: 60px 30px;
    }
    .prod-ct-1 .prod-author{
        margin-top: 35px;
        text-align: center;
    }
    p.header-prod-intro{
        margin-bottom: 20px;
        margin-top: 20px;
        font-size: 20px;
    }
    .ct-prod-site iframe, .ct-prod-site2 iframe{
        width: 100%;
    }
    #page-product .header-page{
        background-image: url(../images/bg-prod-page-sp.png);
    }
    #timeline{
        margin-top: 50px;
    }
    .timeline{
        margin-left: 120px;
        line-height: 1px;
    }
    .timeline .event{
        margin-bottom: 25px;
    }
    .timeline .event:before{
        left: -217.5px;
    }
    #house{
        margin-bottom: 25px;
    }
    .last2 p{
        display: none;
    }
    .last-intro .li2{
        display: block;
        font-size: 13px;
    }
    .last-intro .li1{
        padding: 0;
    }
    .picture {
        margin-bottom: 50px;
    }
    .intro-prod{
        margin-top: 40px;
    }
    #home_contact .border-wrap h4.ct-title{
        text-align: center;
    }
    #ft-sp .social-ft a {
        font-size: 40px;
        padding: 0px 5px;
    }
    #ft-sp .ft-card{
        padding:0px;
    }
    #card-block-ft{
        padding: 0px;
        height: 74px;
        width: 340px;
        margin: 0 auto;
    }
    #card-block-ft a.link-cart{
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
    }
    #card-block-ft a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    #card-block-ft a.link-cart .fa-play:before {
        top: 32px;
        right: 20px;
        font-size: 13px;
    }
    #card-block-header{
        position: unset;
        margin: 30px auto 16px;
        padding: 0px;
        height: 74px;
        width: 340px;
    }
    .social a.btn-social{
        font-size: 45px;
    }
    .social a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .social a.link-cart .fa-play:before {
        top: 32px;
        right: 20px;
        font-size: 13px;
    }
    .social a.link-cart{
        height: 40px;
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
        width: 100%;
    }
    .row-menu{
        width: 70%;
        margin: 0 auto;
    }
    .gt-span {
        font-size: 12px;
    }
    i.thia {
        width: 60px;
        left: -10px;
        top: -15px;
    }
    .food-intro p {
        font-size: 12px
    }
    .menu-food p {
        font-size: 12px;
    }
    .menu-food ul li, dl {
        font-size: 12px;
        padding-left: 15px;
    }
    .wrap-list {
        padding: 20px 10px;
    }
    .food img {
        height: 150px;
    }
    .list-food ul li {
        font-size: 12px;
    }
    .list-food ul li span {
        width: 20px;
        font-size: 12px;
        height: 20px;
        line-height: 15px;
    }
    .hand:before {
        left: 0px;
    }
    .last-img img {
        width: 72px;
        height: 100px !important;
    }
    .last-img-text1 {
        font-size: 15px;
        line-height: 20px;
        transform: translateX(10px);
    }
    .last-img .img-block {
        padding-left: 15px;
    }
    .last-img-text2 {
        font-size: 12px;
        width: 120px;
    }
    .last-img-text3 {
        padding: 5px 15px;
        font-size: 12px;
    }
    i.chevron-right {
        right: 0;
    }
    .feed-is-mobile {
        display: none;
    }
    .title-post {
        font-size: 18px;
    }
    .time-post {
        font-size: 15px;
    }
    .main-content-post p {
        font-size: 15px;
    }
    .btn-cat a {
        margin: 0 10px;
    }
    .ct-p1 {
        padding: 20px
    }
    .ct-p2 {
        padding: 20px
    }
    h4.product-intro-page {
        margin: 15px auto;
    }
    .product-content-page p {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
    }
    .product-image-btn {
        margin-top: 0px;
    }
    .food img{
        width: 100%;
    }
    .food-sp{
        display: block;
    }
    .food-pc{
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #header{
        padding-top: 0px;
    }
    .header-wrap{
        max-width: 100%;
    }
    .container{
        padding-right: 30px;
        padding-left: 30px;
    }
    .navbar-custom{
        padding: 0;
    }
    #navbarResponsive{
        position: absolute;
        width: 100%;
        top: 66px;
        z-index: 9999;
        background: rgba(255, 255, 255, 0.9);
        padding-bottom: 90px;
    }
    .max-style{
        max-width: 100%;
        min-width: 100%;
    }
    .navbar-custom .navbar-brand{
        transform: translateX(0px);
        padding: 10px;
    }
    .navbar-custom .navbar-nav .nav-item:last-child{
        display: block;
    }
    #slide-home .sp{display: block}
    #slide-home .pc{display: none}
    .navbar-custom .navbar-nav .nav-item:after {
        content: "";
    }
    .navbar-custom #menu-main-menu{
        text-align: center;
        padding-top: 20px;
    }
    #card-block-header{
        position: unset;
        width: 245px;
        margin: 80px auto 30px;
    }
    .social a.btn-social{
        font-size: 45px;
    }
    .cart:before{
        left: 35px;
    }
    .social a{
        padding: 3px 20px;
    }
    .btn-intro-prod, .contact-btn{
        text-align: center;
    }
    #slide-home .sp{display: block}
    #slide-home .pc{display: none}
    .main-content-post img{
        width: 100%;
        min-height: 300px;
    }
    .btn-cat a{
        border: 1px solid #424242;
        background: #ffff;
        margin: 0;
    }
    .st-btn-prev>a, .st-btn-next>a{
        padding: 10px;
    }
    .st-btn-cat>a{
        padding: 10px 25px;
    }
    #ft-pc{
        display: none;
    }
    #ft-sp{
        display: block;
    }
    #ft-sp .ft-card {
        padding: 0px 165px;
    }
    .logo-ft img {
        width: 330px;
        height: 80px;
    }
    #ft-sp .social-ft a{
        font-size: 45px;
        padding: 0px 10px;
    }
    .ct-p1 {
        padding: 50px 30px;
    }
    .ct-p2 {
        padding: 30px 50px;
    }
    .timeline{
        margin-left: 120px;
        line-height: 1px;
    }
    .timeline .event{
        margin-bottom: 25px;
    }
    .timeline .event:before{
        left: -217.5px;
    }
    span.fb{
        font-size: 35px;
        top: 12px;
    }
    .btn-fb p{
        font-size: 14px;
        bottom: 1px;
    }
    .btn-instagram p{
        font-size: 14px;
        bottom: 1px;
    }
    .contact-btn-sp {
        display: none;
        text-align: center;
    }
    .contact-btn {
        display: none;
        display: inline-table;
    }
    #ft-sp .social-ft a {
        font-size: 40px;
        padding: 0px 5px;
    }
    #card-block-ft{
        padding: 0px;
        height: 74px;
        width: 410px;
        margin: 0 auto;
    }
    #card-block-ft a.link-cart{
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
    }
    #card-block-ft a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 35px;
        height: 35px;
        background-size: contain;
        left: 30px;
    }
    #card-block-ft a.link-cart .fa-play:before {
        top: 32px;
        right: 35px;
        font-size: 15px;
    }
    #card-block-header{
        position: unset;
        margin: 30px auto 16px;
        padding: 0px;
        height: 74px;
        width: 340px;
    }
    .scrollTop p.pos-pc{
        display: none;
    }
    .scrollTop p.pos-sp{
        display: block;
    }
    .scrollTop{
        height: 40px;
        right: 10px;
        border: 1px solid #333;
        background: #fff;
    }
    .social a.btn-social{
        font-size: 45px;
    }
    .social a.link-cart .cart:before{
        background: url(../images/cart-ft-sp.png) no-repeat;
        top: 19px;
        width: 30px;
        height: 30px;
        background-size: contain;
    }
    .social a.link-cart .fa-play:before {
        top: 32px;
        right: 20px;
        font-size: 13px;
    }
    .social a.link-cart{
        height: 40px;
        font-size: 30px;
        font-family: "notoSans bold";
        padding: 12px;
        width: 100%;
    }
    .row-menu{
        width: 70%;
        margin: 0 auto;
    }
    .last-img img {
        width: 72px;
        height: 100px !important;
    }
    .last-img-text1 {
        font-size: 15px;
        line-height: 20px;
        transform: translateX(10px);
    }
    .last-img .img-block {
        padding-left: 15px;
    }
    .last-img-text2 {
        font-size: 12px;
        width: 120px;
    }
    .last-img-text3 {
        padding: 5px 15px;
        font-size: 12px;
    }
    i.chevron-right {
        right: 0;
    }
    .food {
        padding: 5px;
    }
    .menu-food ul li, dl {
        padding-left: 15px;
        font-size: 14px;
    }
    .menu-food p[type="list-menu"] {
        font-size: 14px;
    }
    .feed-is-mobile {
        display: none;
    }
    #page-company .prod-ct-1 {
        padding: 120px 0px;
    }
    .gt-author{
        margin-left: 0px;
        text-align: center;
    }
    .food img{
        width: 100%;
    }
    .food-sp{
        display: block;
    }
    .food-pc{
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    .max-style{
        max-width: 100%;
        min-width: 100%;
    }
    .feed-is-mobile {
        display: none;
    }
}