@media (max-width: 1200px) {
    .store-section__exterior{
        margin-right:calc((100vw - 1000px) / 2);
    }
    .store-section__interior{
        margin-left:calc((100vw - 1000px) / 2);
    }
}
@media (max-width: 1024px) {
    .stats-container {
        gap: 30px;
    }
    
    .stat-item {
        width: 200px;
        height: 200px;
    }
    
    .stat-number {
        font-size: 42px;
    }

    .extract-r .extract-r-row{
        max-width: 710px;
    }
    .extract-r .extract-r-row .extract-r-item-empty{
        height:271px;
    }

    .compare-container{
        gap:13px;
    }
    .compare-box-body{
        padding:15px 20px;
    }

    .growth-section .growing-arrow .bar-value .bar-value-plus{
        right:91px;top:-26px;
    }
    
    .store-section__exterior{
        margin-right:calc((100vw - 800px) / 2);
    }
    .store-section__interior{
        margin-left:calc((100vw - 800px) / 2);
    }

    .brand-topping__slider-item-wrpaper{
        min-width:60%;
    }

    .operation-section .content-wrapper{
        gap:20px;
    }
    .operation-section .image-area{
        min-width:270px;
    }
    .operation-section .illustration-box{
        height:270px;
    }
    .operation-section .text-area{
        text-align: center;
    }
    .operation-section .title{font-size:29px;}

    .struct-section .struct-section__table .struct-section__item{
        height:370px;
    }

    .struct-section .struct-section__table .struct-section__item .info{
        bottom:20px;
    }
    .struct-section .struct-section__table .struct-section__item .info .title{
        font-size:24px;
    }
    .struct-section .struct-section__table .struct-section__item_1 .percentage{
        font-size:84px;
    }
    .struct-section .struct-section__table .struct-section__item_1 .percentage span{
        font-size:110px;
    }

    .struct-section .struct-section__table .struct-section__item_2 .percentage{
        font-size:70px;
    }
    .struct-section .struct-section__table .struct-section__item_2 .percentage span{
        font-size:90px;
    }
    .struct-section .struct-section__table .struct-section__item_3 .percentage{
        font-size:50px;
    }
    .struct-section .struct-section__table .struct-section__item_3 .percentage span{
        font-size:70px;
    }


}

@media (max-width: 800px) {
    .store-section__exterior{
        margin-right:calc((100vw - 700px) / 2);
    }
    .store-section__interior{
        margin-left:calc((100vw - 700px) / 2);
    }
}
@media (max-width: 768px) {
    .mobile-br{
        display:block!important;
    }
    
    .forpc{
        display:none!important;
    }
    .formobile{display:block!important;}
    span.formobile,
    .formobile.inlineblock{
        display:inline-block!important;
    }

    .intro-section{padding:40px 0;}
    .intro-section .main-title{font-size:36px;}
    .intro-section .sub-title{font-size:24px;}

    .stats-section {
        padding: 60px 0;
    }
    
    .stats-title {
        font-size: 36px;line-height: 1;
        margin-bottom: 0px;
    }
    
    .stats-subtitle {
        font-size: 35px;
        margin-bottom: 40px;
    }
    
    .stats-container {
        display: grid;                
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    
    .stat-item {
        width: 180px;
        height: 180px;
        margin: 0 auto;
    }
    .stat-item:first-child{
        grid-column: 1/3;
        order:1;
    }
    .stat-item:nth-child(2){
        order:2;
    }
    .stat-item:nth-child(3){
        order:1;
    }

    .stat-text {
        font-size: 18px;
        margin-bottom: 10px;                
    }

    .stat-number {
        font-size: 40px;
        font-weight: 600;                
    }
    
    .stats-scroll{
        display:none;
    }


    .extract-section{
        padding:40px 0;
    }
    .extract-r .extract-r-title{
        font-size: 36px;
    }
    .extract-r .extract-subtitle p{
        font-size: 36px;
    }

    .extract-r .extract-r-row{
        flex-direction:column;
    }
    .extract-r .extract-r-row .extract-r-item{
        width:100%;
    }
    .extract-r .extract-r-row .extract-r-item .extract-item-img{
        aspect-ratio: 1.7;
    }
    .extract-r .extract-r-row .extract-r-item .extract-r-item-title{
        margin-top:16px;
    }
    .extract-r .extract-r-row .extract-r-item-empty{
        height:70px;
        margin:20px 0;
        width: 100%;
        justify-content: center;
    }
    .extract-r .extract-r-row .extract-r-item-empty svg{
        transform: rotate(90deg);
    }




    .operation-section{padding:40px 0;}
    .operation-section .title{
        font-size:36px;
    }
    .operation-section .info-title{
        font-size:32px;
    }
    .operation-section .content-wrapper{flex-direction: column;}
    .operation-section .content-wrapper .image-area{order:2;width:100%;}
    .operation-section .illustration-box{height: auto;}
    .operation-section .illustration-box img{width:50%;}
    
    .operation-section .image-area img:nth-child(2){margin-right:20px;}
    
    .compare-section{
        padding:40px 0;
    }
    .compare-container{
        flex-direction: column;
    }
    .compare-box-body{
        padding:20px 34px;
    }    
    .compare-title{font-size:36px;}
    .machine-title .label{padding:4px 13px;}
    .compare-box {width:70%;}
    .compare-box-body{
        min-height:330px;
    }
    .spec-list li .spec-name{
        font-size:15px;
    }
    .spec-list li .spec-value{font-size:15px;}
    .vs-text{font-size:40px;}
    .box-footer{font-size:17px;}
    

    .winter-section{
        padding:40px 0;
    }
    .winter-section .main-title{font-size:36px;}
    .winter-section .fish-bread-area{padding:0;margin:0 auto; width:80%;}
    .winter-section .signature-image{max-width:400px;}
    .winter-section .bread-image{max-width:320px;height:190px;}

    .winter-section .sales-counter{margin-top:30px;}
    .winter-section .sales-counter .number{font-size:40px;}
    .winter-section .sales-counter .unit{font-size:40px;}

    .yc-home-10{
        padding:50px 0;
    }
    .yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item{
        min-width:33.3333%;
    }
    .yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item .menu-item-play{
        width:50px;
    }
    .yc-home-10 .home-10-menu .home-10-menu-btn.menu-btn-right{
        right:0;
    }
    .yc-home-10 .home-10-menu .home-10-menu-btn.menu-btn-left{
        left:0;
    }

    .brand-topping{
        padding:40px 20px;
    }
    .brand-topping__title{
        font-size:30px!important;
    }
    .brand-topping__slider-wrapper{
        display:block;
    }
    .brand-topping__slider-wrapper button{
        position:absolute;z-index:2;
        top:50%;
        transform:translateY(-50%);
    }
    .brand-topping__slider-wrapper button.brand-topping__slider-button--prev{
        left:0;
    }
    .brand-topping__slider-wrapper button.brand-topping__slider-button--next{
        right:0;
    }
    .brand-topping__slider-item-wrpaper{
        width:55%;min-width:55%;;
    }
    .brand-topping__slider-item{
        padding:20px 0;
    }
    .brand-topping__product-image{
        width:160px;height:220px;
    }

    .brand-quality{padding:40px 0;}
    .brand-quality__content{
        flex-direction: column;
    }
    .brand-quality__content .brand-quality__text-area{
        width:100%;text-align: center;
    }
    .brand-quality__content .brand-quality__text-area .brand-quality__title{
        font-size:36px;
    }
    .brand-quality__content .brand-quality__text-area .brand-quality__description{
        font-size:20px;
    }
    .brand-quality__content .brand-quality__image-grid{
        width:100%;min-height:300px;
    }

    .menu-section{padding:40px 20px;}
    .menu-section-title{font-size:36px!important;}
    .menu-tap-scroller .menu-tap-item{min-width:33.3333%;}

    .yc-home-10 .home-10-t{
        font-size:40px;
    }
    .yc-home-10 .home-10-t span{font-size:60px;line-height:44px;}

    .growth-section{
        padding : 40px 20px 60px;
    }
    .growth-section .growth-title{
        font-size:36px;
    }
    .growth-section .growth-subtitle{
        padding:9px 18px 8px 18px;
        border-radius: 6px;
    }
    .growth-section .growth-graph{
        height:300px;margin-top:120px;
    }

    .growth-section .graph-bar:nth-child(1){
        height:20px!important;
    }
    .growth-section .graph-bar:nth-child(2){
        height:70px!important;
    }
    .growth-section .graph-bar:nth-child(3){
        height:95px!important;
    }   
    .growth-section .graph-bar:nth-child(4){
        height:180px!important;
    }
    .growth-section .graph-bar:nth-child(5){
        height:250px!important;
    }
    .growth-section .bar-value{
        top:-30px;
        font-size:18px;
    }
    .growth-section .bar-year{
        white-space: nowrap;
    }
    .brand-analysis__container{
        padding:40px 0;
    }
    .brand-analysis__header{text-align: center;}
    .brand-analysis__title{font-size:36px;}
    .brand-analysis__b{
        display: block;
    }
    .brand-analysis__data{
        width: 100%;padding:0 20px;
    }
    .brand-analysis__description{
        text-align: center;
    }
    .brand-analysis__data img{
        width: 80%;
        margin:20px auto;
    }
    .brand-analysis__data table{margin-top:40px;}

    .brand-sales{padding:40px 20px;}
    .brand-sales__title{font-size:36px;}
    .brand-sales__subtitle{font-size:36px;}

    .brand-sales__receipt,
    .brand-sales__grid.rail2 .brand-sales__receipt{min-width:45%;}

    .brand-achievement{
        padding:40px 20px;
    }
    .brand-achievement__title{font-size:36px!important;font-weight: 600;}
    .brand-achievement__subtitle{font-size:20px;}

    .brand-achievement__cards{
        overflow: hidden;
    }
    
    .brand-achievement__scroll .brand-achievement__card
    {
        min-width: 60%;
    }

    

    .brand-menu{
        padding:40px 0 0;
    }
    .brand-menu__subtitle{
        font-size:36px;
    }
    .brand-menu__slider-item{
        flex:0 0 250px;
    }

    .cost-table-container{padding:40px 15px;}
    .cost-title{font-size:36px!important;}

    .cost-table tr th:nth-child(1){width:77px;}
    .cost-table tr th:nth-child(3){width:90px;}
    .cost-table td{padding:15px 8px;font-size:14px;}
    .price-original{font-size:14px;}
    .price-discount{display: block;text-align: center;font-size:16px;}
    .price-current{font-size:16px;}
    .price-total{font-size:24px;}

    .store-section{
        padding:40px 0;
    }
    .store-section__title-area{max-width:400px;}
    .store-section__subtitle{font-size:36px;}
    .store-section__title{font-size:36px!important;}

    .store-section__exterior, 
    .store-section__interior{
        flex-direction: column;
        margin:20px 0;
    }
    .store-section__exterior .store-section__text{
        order:1;width:90%;
        margin-bottom:10px;
    }
    .store-section__interior .store-section__text{
        width:90%;
        margin-bottom:10px;
    }

    .store-section__text p{
        font-size:20px;
    }
    .store-section__text h2{
        font-size:26px;
    }
    .store-section__images_container{
        order:2;width:90%;
    }
    .store-section__images_scroller img{min-width:33.33333%;border:solid 1px black;}
    

    .section_wrap + .inside .doz_row:nth-child(1) form{
        flex-wrap:wrap;
    }
    .section_wrap + .inside .doz_row:nth-child(1) form .form-group{
        width:calc(50% - 20px);float:left;order:1;
    }
    .section_wrap + .inside .doz_row:nth-child(1) form .form-group:nth-child(7){
        order:2;width:calc(100% - 152px);
    }
    .section_wrap + .inside .doz_row:nth-child(1) div.form{
        position:absolute;right:0;bottom:0;
    }


    .video-section .video-section__txt{
        font-size:30px;
    }
    .video-section .video-section__image{
        width:20%;
    }
    .video-section .video-section__image .image_cup{
        width:100%;height:auto;
    }
    .video-section .video-section__image .image_chk{
        width:46%;height:auto;
    }

    .struct-section{
        padding:40px 20px;
    }
    .struct-section .struct-section__title{
        font-size:30px;
    }
    .struct-section .struct-section__title span{
        font-size:50px;
    }
    .struct-section .struct-section__subtitle{
        font-size:20px;margin:10px 0 20px 0;
    }
    .struct-section .struct-section__table{
        display:block;background:white;
    }
    .struct-section .struct-section__table .struct-section__item{
        width:100%;height:auto;border-radius:14px;overflow:hidden;
        margin:8px 0;
    }
    .struct-section .struct-section__table .struct-section__item img{
        position:relative;max-height:160px;
        left:50%;transform:translateX(-50%);
    }
    .struct-section .struct-section__table .struct-section__item .info{
        position:relative;display:flex;justify-content:space-between;align-items:center;
        padding:20px;bottom:0;
    }
    .struct-section .struct-section__table .struct-section__item .info .title{
        font-size:18px;
    }
    .struct-section .struct-section__table .struct-section__item .info .percentage{
        font-size:34px;margin-top:0;
    }
    .struct-section .struct-section__table .struct-section__item .info .percentage span{
        font-size:50px;
    }

    .struct-section .struct-section__table .struct-section__item_1{
        background-image: url(https://www.youngcoffee.site/assets/home/home_11_img_bg_2.webp);
        background-size: cover;
        background-position: center;
    }
    .struct-section .struct-section__table .struct-section__item_2{        
        background-image: url(https://www.youngcoffee.site/assets/home/cdessert_1_10.webp);
        background-size: cover;
        background-position: center;
    }

    


}

@media (max-width: 480px) {

    .mobile-small{display: block;}
    
    .intro-section .main-title{
        font-size:30px;
    }
    .intro-section .sub-title{
        font-size:20px;
    }

    .stats-title {
        font-size: 30px;
    }
    .stats-subtitle {
        font-size: 26px;
    }
    .stats-container{gap:20px;}
    .stat-item {
        width: 170px;
        height: 170px;
    }    
    .stat-number {
        font-size: 32px;
    }
    .stat-number span{
        font-size:20px;font-weight: 500;
    }
    .stat-text {
        font-size: 18px;
    }

    .extract-r .extract-r-title{
        font-size:30px;
    }
    .extract-r .extract-subtitle p{font-size:30px;}
    .extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle span{
        font-size:35px;
    }
    .extract-r .extract-r-row .extract-r-item-empty{
        margin:0;
    }
    .extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle{
        font-size:30px;
    }

    .operation-section .title{
        font-size:30px;}
    .operation-section .info-title{
        font-size:24px;
    }

    .compare-title{
        font-size:30px;
    }
    .compare-box{max-width:400px;}
    .box-footer{font-size:18px;}

    .winter-section .main-title{font-size:30px;}
    .winter-section .sub-title{font-size:20px;}
    .winter-section .sales-counter .number,
    .winter-section .sales-counter .unit{font-size:34px;}

    .brand-topping__title{
        font-size:26px!important;   
    }
    .brand-topping__slider-item-wrpaper{
        width:75%;
    }
    .brand-quality__image-grid{
        min-height:350px;
    }
    .brand-quality__content .brand-quality__text-area .brand-quality__title{
        font-size:30px;
    }
    .brand-quality__content .brand-quality__text-area .brand-quality__description{
        font-size:18px;
    }
    .menu-tap-btns{
        gap:20px;
    }
    .menu-tap-btn{
        font-size:16px;
    }

    .menu-section-title{
        font-size:30px!important;
    }
    .menu-tap-btn{font-size:18px;}
    .menu-tap-scroller .menu-tap-item img{
        height:105px;min-height:105px;
    }

    .yc-home-10 .home-10-t{font-size:35px;}
    .yc-home-10 .home-10-t span{font-size:44px;line-height:35px;}
    .yc-home-10{
        padding:30px 0;
    }
    .growth-section .growth-graph{
        margin-top:90px;
    }
    .yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item{
        min-width:50%;   
    }
    .yc-home-10 .home-10-menu .home-10-menu-scroll .home-10-menu-item .menu-item-play{
        width:30px;
    }
    
    

    .growth-section .growth-title{font-size:30px;}
    .growth-section .growth-subtitle{
        padding:8px;font-size:16px;
    }
    .growth-section .growing-arrow .bar-value .bar-value-plus.formobile{
        padding:9px;font-size:20px;
    }
    .growth-section .growing-arrow .bar-value .bar-value-plus.formobile .line{
        right:8px;
    }

    .brand-analysis__number img{
        width:130px;
    }
    .brand-analysis__title{
        font-size:30px;
    }
    .brand-analysis__description{
        font-size:18px;
    }
    

    .brand-sales__title{font-size:30px;}
    .brand-sales__subtitle{font-size:30px;}

    .brand-achievement__title{font-size:29px!important;}
    .brand-achievement__subtitle{font-size:18px;}
    .brand-achievement__scroll .brand-achievement__card{
        padding:20px 10px;
    }


    .brand-menu__title{font-size:26px;}
    .brand-menu__subtitle{font-size:30px;}
    .brand-menu__subtitle img{height:65px;}
    

    .cost-title{font-size:30px!important;}
    .cost-table-container{padding:40px 8px;}
    .cost-section table tfoot .price-original{font-size:16px;}

    .price-total{
        display: inline-block;
    }


    .store-section__subtitle,
    .store-section__title{
        font-size:30px!important;
    }

    .store-section__images_container{
        width:100%;
    }
    .store-section__text{
        width:100%!important;
    }
    .store-section__text p{
        font-size:18px;
    }
    .store-section__text h2{
        font-size:22px;
    }


    .video-section .video-section__txt{
        font-size:25px;
    }

    .struct-section .struct-section__title{
        font-size:26px;
    }
    .struct-section .struct-section__title span{
        font-size:40px;
    }
    .struct-section .struct-section__subtitle{
        font-size:17px;
    }
    .struct-section .struct-section__table .struct-section__item img{
        max-width:40%;
    }


}

@media (max-width: 400px) {
    .intro-section{
        padding:24px 0;
    }
    .intro-section .main-title{
        font-size:25px;
    }
    .intro-section .sub-title{
        font-size:17px;}
    .stats-container{
        gap:7px;
    }
    .stats-title{
        font-size:25px;
    }
    .stats-subtitle{
        font-size:22px;
    }
    .stat-item{
        width:150px;height:150px;
    }
    .stat-text{font-size:16px;}
    .stat-number{font-size:26px;}
    .stat-number span{font-size:16px;}

    .extract-r .extract-subtitle p{font-size:26px;}
    .extract-r .extract-r-title{font-size:25px;}
    .extract-r .extract-r-body{margin-top:30px;}

    .extract-r .extract-r-row .extract-r-item .extract-r-item-title{font-size:14px;}
    .extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle{font-size:26px;}
    .extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle span{font-size:28px;}

    .operation-section .info-title{font-size:20px;}
    .operation-section .title{font-size:25px;}
    .operation-section .info-badge{font-size:16px;}

    .compare-title{
        font-size:27px;
    }
    .compare-container{gap:10px;}
    .compare-box{width:80%;}
    .compare-box-body{padding:20px 15px;min-height:310px;}
    .box-footer{font-size:16px;}

    .machine-title{
        margin-bottom:15px;
    }
    .machine-title .label{font-size:15px;}
    .spec-list li{
        padding:8px 0;
    }
    .brand-topping__header{
        margin-bottom:30px;
    }
    .brand-topping__product-image{
        height:170px;
    }

    .winter-section .main-title{font-size:25px;}
    .winter-section .sub-title{font-size:18px;}
    .winter-section .sales-counter .number, .winter-section .sales-counter .unit{
        font-size:30px;
    }
    .brand-topping__title{
        font-size:22px!important;
    }

    .brand-quality__content .brand-quality__text-area .brand-quality__title{
        font-size:25px;
    }
    .brand-quality__content .brand-quality__text-area .brand-quality__description{
        font-size:16px;
    }

    .menu-tap-scroller .menu-tap-item .title{font-size:15px;line-height:1;}
    .menu-tap-scroller .menu-tap-item .subtitle{font-size:14px;line-height:1;}


    .growth-section .growth-title{font-size:25px;}

    .brand-analysis__title{font-size:25px;}
    .brand-analysis__description{font-size:16px;}
    .brand-analysis__table th, .brand-analysis__table td{
        padding:15px 10px;
    }
    .brand-analysis__table tr th:first-child, .brand-analysis__table tr td:first-child{
        padding-left:10px;
    }

    .brand-sales__title,
    .brand-sales__subtitle{font-size:25px;}

    .brand-achievement__title{font-size:22px!important;}
    .brand-achievement__subtitle{font-size:16px;margin-bottom:25px;}

    .brand-achievement__card-title{font-size:16px!important;}

    .brand-menu__subtitle{font-size:25px;}
    .brand-menu__subtitle img{height:50px;}
    .brand-menu__description{font-size:16px;}
    
    

    .cost-title{font-size:25px!important;}

    .price-total{font-size:20px;}


    .store-section__subtitle,
    .store-section__title{
        font-size:30px!important;
    }


    .video-section .video-section__txt{
        font-size:23px;
    }

    .struct-section .struct-section__table .struct-section__item img{
        max-height:130px;
    }
    .struct-section .struct-section__table .struct-section__item .info{
        padding:10px 20px;margin-top:20px;
    }
    .struct-section .struct-section__table .struct-section__item .info .title{
        font-size:15px;
    }

}

@media (max-width: 350px) {
    .compare-title{
        font-size:24px!important;
    }
    .brand-topping__subtitle{
        font-size:32px!important;
    }
    .brand-topping__title{
        font-size:22px!important;
    }
    .brand-achievement__card-subtitle{
        font-size:12px;
    }

    .video-section .video-section__txt{
        font-size:20px;
    }
}