@media (max-width:767.98px){body{overflow-x:hidden!important;width:100vw!important;max-width:100vw!important;padding:0}.container,.container-fluid{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}.row{margin-left:0!important;margin-right:0!important}.journey-section [class*=col-]{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}.image-journey,.journey-images img{max-width:100%!important;height:auto!important;display:block}.journey-images,.image-journey-1,.image-journey-2,.image-journey-3,.image-journey-4,.image-journey-5,.image-journey-6{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;position:relative!important;width:100%!important;max-width:100%!important}.journey-images .journey-shape,.journey-shape-1,.journey-shape-2{display:none!important}.py-section{padding:40px 0!important}input{font-size:12px!important}textarea::placeholder{font-size:12px!important}.pagination{gap:10px}.pagination .page-link{border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;min-width:50px;text-align:center}.pagination .page-item:first-child .page-link{font-size:0;position:relative}.pagination .page-item:first-child .page-link::after{content:"Trước";font-size:14px}.pagination .page-item:last-child .page-link{font-size:0;position:relative}.pagination .page-item:last-child .page-link::after{content:"Sau";font-size:14px}.pagination .page-link:not(.bg-light){background-color:var(--bs-success);color:#fff;border:0}.pagination .page-link:not(.bg-light):hover{background-color:#157347;color:#fff}.pagination .page-link.bg-light{border-radius:8px;font-weight:500;min-width:50px}.sticky-top{position:sticky!important;top:0!important;z-index:1020!important}.offcanvas{width:300px;font-size:18px}.offcanvas .nav-link{margin:3px 0}.offcanvas img{width:150px}.offcanvas .navbar-nav .nav-item .active{display:inline-block;font-weight:bold;color:var(--bs-primary)!important;border:0}.offcanvas .btn{margin-top:10px;width:100%}.offcanvas-body .nav-item .nav-link{padding:8px 15px!important;border-radius:10px;color:#fff;font-size:1rem}.offcanvas-body .nav-item .nav-link a{color:#fff!important;font-size:17px;text-decoration:none;font-weight:400;padding:8px 15px;border-radius:20px;transition:all .3s ease}.offcanvas-body .nav-item .nav-link.active{background-color:#fff;font-weight:500;color:var(--bs-primary)!important;width:100%}.offcanvas-body .nav-item .nav-link:hover:not(.active){background-color:#fff;color:var(--bs-primary)!important}.offcanvas-body .dropdown .dropdown-menu{width:100%}.select-language .dropdown-item.active{color:#fff!important}.hero-section{padding:0 10px;max-height:100px}.hero-section h1{font-size:32px}.hero-section p{font-size:14px}.journey-image{width:100%;height:auto;margin-bottom:1rem}.journey-image img{width:100%;height:auto;object-fit:cover;border-radius:10px}.journey-section .d-flex.flex-column.flex-md-row{flex-direction:column!important}.journey-section .journey-image{order:-1}.aboutpage-aboutsection{margin-top:20px!important}.product-section .product-card .card-img-top{height:120px}.product-section .nav-product-tabs .nav-link{font-size:1rem;padding:.5rem}.product-row{flex-wrap:nowrap;overflow-x:auto;gap:1rem}.product-col{flex:0 0 auto;width:80%}.menu-section .content{text-align:center!important}.menu-section .row{flex-direction:column!important}.menu-section .image-wrapper{order:2;margin-top:1rem}.menu-section .content{order:1}.milktea-section{min-height:850px;display:flex;align-items:center}.milktea-section .content{margin-top:-50px}.milktea-section .image-wrapper{scale:.8;margin-top:20px}.fruittea-section{min-height:800px;display:flex;align-items:center}.fruittea-section .image-wrapper{scale:.8}.icedtea-section{min-height:850px;display:flex;align-items:center}.icedtea-section .image-wrapper{scale:.9;margin-top:50px}.macchiato-section{min-height:900px;display:flex;align-items:center}.macchiato-section .content{margin-top:-50px}.macchiato-section .image-wrapper{scale:.9;margin-top:100px}.smoke-1{z-index:0;top:150px;right:-250px}.smoke-2{z-index:0;left:-280px;bottom:-230px}.smoke-3{z-index:0;top:150px;right:-250px}.smoke-4{z-index:0;left:-280px;bottom:-230px}.blog-list-thumb{width:100%}.career-hero-section{min-height:180px}.contact-hero-section{min-height:160px}.contact-branch-horizontal{flex-direction:column!important}.contact-branch-actions{text-align:left!important;margin-left:0!important}.event-card .card-img-top,.event-card .img-fluid{height:120px}.post-padding{padding:0!important}.post-content-repsonsive{display:none}.post-body-section article{padding:10px 0!important}.navbar-nav .nav-link{font-size:.8rem}.home-about-section{padding:30px 0}.home-about-section .row{flex-direction:column-reverse}.home-about-section .shape-container{position:relative;min-height:550px;left:0}.home-about-section .content p{font-size:16px}.home-about-section .shape-1{left:10px;transform:rotate(0deg)}.home-about-section .shape-2{left:120px;transform:rotate(0deg)}.home-about-section .shape-3{left:30px;transform:rotate(0deg)}.home-branches-section{padding:0 10px}.home-branches-section li{font-size:16px}.home-branches-section li i{margin-right:5px!important}.carousel-control-prev,.carousel-control-next{background-color:var(--bs-success);color:white;width:18px;height:18px;border-radius:50%;top:50%;transform:translateY(-50%);opacity:.8;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:0 50px;font-size:8px}#reviewCarousel{padding:0 10px!important}.home-bestseller-section .subtitle{font-size:14px}.home-branches-section .branches-name{font-size:24px}.submenu-toggle .chevron{transition:transform .2s ease}.submenu-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.offcanvas{overflow:hidden}.btn .fa-angle-down{transition:transform .3s ease}.btn[aria-expanded=true] .fa-angle-down{transform:rotate(180deg)}.offcanvas-body{overflow-y:hidden}.offcanvas-close-button{position:absolute;width:32px!important;position:absolute;padding:5px;border-top-left-radius:50%;border-bottom-left-radius:50%;background-color:#fff;color:#333;right:0}.btn{font-size:16px!important}.title{font-size:24px}.subtitle{font-size:16px}.career-image{left:0}.career-image .career-shape-1{top:-40px;right:0}.career-image .career-shape-2{top:100px;left:0}.career-image .career-image-1{top:-20px;left:10px}.direct-link{font-size:10px!important}.floating-menupage{display:none!important}.product-filter-section .headline .title{margin-left:10px!important}.aboutpage-aboutsection{margin-bottom:250px}.overlapping-video-section .video-player-box{top:-50px}.about-bg-mission .title{margin-top:120px}.about-bg-mission .card-item{margin-top:100px}.about-bg-mission .card-item i{font-size:56px!important}.about-bg-mission .headline{margin-bottom:10px!important}.circle-icon{display:flex;justify-content:center;align-items:center}.about-bg-mission .row{margin-top:-10px!important}.about-bg-mission .row .card-item:nth-child(1) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(2) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(3) i{width:100%;margin-left:25px}.about-bg-mission h3{font-size:32px}.journey-line{display:none!important}.journey-images{order:2!important}.journey-timeline>.animate-on-scroll:not(.journey-line){padding-top:30px!important;padding-bottom:30px!important;order:1!important}.image-journey-1{position:relative;min-height:350px;z-index:1;top:-20px;left:70px}.journey-1 .journey-shape{height:350px;width:280px;border-radius:20px;background-color:var(--bs-success);position:absolute;top:10px;left:115px;z-index:0}.journey-2{position:relative;min-height:350px}.journey-2 .journey-shape-1{position:absolute;top:-30px;right:80px;height:160px;width:130px;border-radius:20px;background-color:var(--bs-success);z-index:0}.journey-2 .journey-shape-2{position:absolute;top:110px;right:230px;height:250px;width:170px;border-radius:20px;background-color:var(--bs-success);z-index:0}.journey-2 .image-journey-2{position:absolute;top:-10px;right:100px;border-radius:20px;width:100%}.journey-3{position:relative;min-height:350px}.journey-3 .journey-shape{height:150px;width:280px;border-radius:20px;background-color:var(--bs-success);position:absolute;bottom:0;left:115px;z-index:0}.journey-3 .image-journey-3{position:absolute;z-index:1;top:-20px;left:95px}.journey-4{position:relative;min-height:350px}.journey-4 .journey-shape{height:350px;width:280px;border-radius:20px;background-color:var(--bs-success);position:absolute;top:10px;left:115px;z-index:0}.journey-4 .image-journey-4{position:absolute;z-index:1;top:-20px;left:80px}.journey-6{position:relative;min-height:370px}.journey-6 .journey-shape{height:150px;width:280px;border-radius:20px;background-color:var(--bs-success);position:absolute;bottom:0;right:120px;z-index:0}.journey-6 .image-journey-6{position:absolute;z-index:1;top:-10px;right:90px}.ceo-image{width:330px;height:330px;object-fit:cover;margin-bottom:25px}.ceo-hello{margin-top:25px!important}.ceo-message-promise{display:none!important}.ceo-message-content{padding:0 20px!important}.mission-wrapper-1{scale:.7;margin-top:-30px!important;order:2;margin-bottom:-50px!important}.mission-wrapper-1 .mission-shape-1{top:-70px;right:-50px}.mission-wrapper-1 .mission-shape-2{left:-50px}.mission-wrapper-1 .mission-image{top:-20px;left:0}.mission-content-1{order:1;padding-top:24px!important}.mission-content-2{order:1;padding-top:0!important}.mission-wrapper-2{scale:.7;margin-top:-30px!important;order:2}.mission-wrapper-2 .mission-image{top:-20px}.swiper-slide .news-item{padding:15px}.track-click{font-size:10px!important}.open-map{font-size:10px!important}.contact-form-box{padding:20px 5px!important}#video-container{position:relative;overflow:hidden;height:300px;margin:0 10px}#video-container video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}footer{justify-content:center;text-align:center}footer .footer-social{margin-top:20px;justify-content:center}.contact-branches-item .card{background-color:var(--bs-success)!important;color:#fff!important}.contact-branches-item .card .text-muted{color:#fff!important}.milktea-section,.fruittea-section,.icedtea-section,.macchiato-section{height:max-content;max-height:none;text-align:center}.menu-section .image-wrapper img{width:100%;height:auto}.menu-section .content{text-align:center}.smoke-1,.smoke-2,.smoke-3,.smoke-4{display:none}.icedtea-section img{scale:1.0;margin-top:20px}.fruittea-section img{scale:1.0;margin-top:180px}.branch-image-wrapper{max-height:350px!important}}@media (min-width:768px) and (max-width:991.98px){.py-section{padding:40px 0!important}.product-row{flex-wrap:wrap}.product-col{flex:0 0 25%;max-width:25%;padding:.5rem}.navbar-nav .nav-link{font-size:.875rem}.navbar-brand{font-size:1rem}.navbar-center-logo{display:none}.home-about-section{padding:30px 0}.home-about-section .row{flex-direction:column-reverse}.home-about-section .shape-container{position:relative;min-height:550px;left:10%}.home-about-section .content p{font-size:16px}.home-about-section .shape-1{left:10px;transform:rotate(0deg)}.home-about-section .shape-2{left:120px;transform:rotate(0deg)}.home-about-section .shape-3{transform:rotate(0deg)}.home-branches-section li{font-size:16px}.home-branches-section li i{margin-right:5px!important}.home-branches-section .branches-name{font-size:24px}.carousel-control-prev,.carousel-control-next{background-color:var(--bs-success);color:white;width:27px;height:27px;border-radius:50%;top:50%;transform:translateY(-50%);opacity:.8;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:0 50px;font-size:14px}.navbar-wrapper{justify-content:center!important}.career-image{left:0}.career-image .career-shape-1{top:-20px;right:150px}.career-image .career-shape-2{top:130px;left:150px}.career-image .career-image-1{top:0;left:25%}.about-bg-mission .row .card-item:nth-child(3){margin-top:100px}.about-bg-mission .row .card-item h3{font-size:32px}.about-bg-mission .row .card-item:nth-child(1) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(2) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(3) i{width:100%;margin-left:25px}.about-bg-mission .card-item i{font-size:56px!important}.journey-timeline{padding-top:30px!important;padding-bottom:30px!important}.journey-line{display:none!important}.aboutpage-aboutsection{margin-bottom:180px!important}.about-bg-mission .headline{margin-top:150px!important}.ceo-hello{margin-top:25px!important}.ceo-message-promise{display:none!important}.ceo-message-content{padding:0 20px!important}.mission-wrapper-1{scale:.8;margin-top:-30px!important;order:2;margin-bottom:-50px!important}.mission-wrapper-1 .mission-shape-1{top:-20px;right:80px}.mission-wrapper-1 .mission-shape-2{left:30px}.mission-wrapper-1 .mission-image{top:0;left:120px}.mission-content-1{order:1;padding-top:24px!important}.mission-content-2{order:1;padding-top:0!important}.mission-wrapper-2{scale:.7;margin-top:-30px!important;order:2;margin-bottom:-30px!important}.mission-wrapper-2 .mission-shape{right:150px}.mission-wrapper-2 .mission-image{top:-20px}.milktea-section{min-height:850px;display:flex;align-items:center}.milktea-section img{scale:.8;margin-left:250px;margin-bottom:200px}.fruittea-section{min-height:800px;display:flex;align-items:center}.fruittea-section .image-wrapper{order:2}.fruittea-section img{scale:.8;margin-right:400px;margin-top:-50px}.icedtea-section{min-height:800px;display:flex;align-items:center}.icedtea-section img{scale:.9;margin-left:250px;margin-bottom:150px}.macchiato-section{min-height:800px;display:flex;align-items:center}.macchiato-section .image-wrapper{order:2}.macchiato-section img{scale:.8;margin-right:600px;margin-top:-150px}.smoke-1,.smoke-2,.smoke-3,.smoke-4{display:none}footer{justify-content:center;text-align:center}footer .footer-social{margin-top:20px;justify-content:center}}@media (min-width:992px){.navbar-nav .nav-link{font-size:15px}.offcanvas-body .nav-link{font-size:15px}.col-md-custom-5{flex:0 0 auto;width:20%}.about-bg-mission .row .card-item h3{font-size:32px}.about-bg-mission .row .card-item:nth-child(1) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(2) i{width:100%;margin-left:25px}.about-bg-mission .row .card-item:nth-child(3) i{width:100%;margin-left:25px}.about-bg-mission .card-item i{font-size:56px!important}}