@media (max-width:1460px) {

}
@media (min-width: 1025px) and (max-width: 1360px){
	header{padding:0 25px}
	header ul.social{margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;}
	.logo {width: 100px; height: 100px; padding: 12px;}
	header .btn-order{font-size:14px}
	header .btn-order .icon {width: 44px; height: 44px;}
	header ul.main-menu li a{font-size: 12px; padding: 0 10px;}
}
@media (min-width: 768px) and (max-width: 1024px){

  .cursor{display: none}
  .o-scroll{overflow: scroll;}

  .container{padding: 0 15px}
  section{overflow: hidden;}

    header {position: fixed; top: 60px; left: 0px; padding: 10px; z-index: 7;}
    header .inner-area{display: none; border: #A3C400 2px solid; background: #000; border-radius: 50px; padding: 30px;}
    header .inner-area.active{display: block;}
    header ul.main-menu{display: block;}
    header ul.main-menu li{margin-bottom: 10px}
    header ul.main-menu li a{font-size: 16px; line-height: 32px; padding: 0px 50px;}
    header ul.main-menu li a.active::before, header ul.main-menu li a:hover::before {left: 0; margin-left: 0; border-radius: 10px;}
    header ul.main-menu li a.active::after, header ul.main-menu li a:hover::after {left: 6px; margin-left: 0;}
    header ul.social{border-top: #fff 1px solid; border-left: none; margin: 0; padding: 20px 0; justify-content: center;}
    .btn-menu{display: block; position: fixed; z-index: 9; right: 20px; top: 25px;}
    .btn-menu::before{content: ''; background: #A3C400; width: 50px; height: 50px; border-radius: 50%; position: absolute; top: -14px; right: -14px;}

    .logo {width: 80px; height: 80px; padding: 8px; left: 15px; z-index: 9}
    .home-section::after {height: 80px}
    .home-section .content-area h1{font-size: 24px; line-height: 34px; margin: 0px 0px 20px 0px}
    .home-section .content-area .video-block{width: 90%; margin: 0 auto; padding: 5px; border-radius: 10px;}
    .home-section .content-area .video-block video{border-radius: 10px}
    .home-section .photo-area {height: 350px;}
    .home-section .photo-area .photo-block{height: 350px;}
    .home-section .photo-area .bottom-img{display: none}
    .home-section .owl-prev{width: 50px; height: 50px; left: 0px}
    .home-section .owl-next{width: 50px; height: 50px; right: 0px}
    .home-section .owl-prev svg,
    .home-section .owl-next svg{width: 100%; height: 100%}

    .scroll-text{top: 50px; height: 40px}
    .scroll-text .hightlighted{-webkit-text-stroke: 1px #A3C400; font-size: 50px; line-height: 40px;}

    .catemenu-section h2,
    .about-section h2,
    .popular-section h2,
    .review-section h2,
    .gallery-section h2{font-size: 30px; line-height: 34px; margin: 20px 0 30px 0;}
    .catemenu-section h2 span,
    .about-section h2 span,
    .popular-section h2 span,
    .review-section h2 span,
    .gallery-section h2 span{font-size: 16px; line-height: 16px; margin-bottom: 2px;}


    .catemenu-section{padding: 50px 0 60px 0}
    .catemenu-section .owl-prev{width: 50px; height: 50px; left: 50%; margin-left: -55px; top: auto; margin-top: 10px}
    .catemenu-section .owl-next{width: 50px; height: 50px; right: 50%; margin-right: -55px; top: auto; margin-top: 10px}
    .catemenu-section .owl-prev svg,
    .catemenu-section .owl-next svg{width: 100%; height: 100%}
    .catemenu-section .cate-block{height: 220px}
    .catemenu-section .cate-block .content-area{font-size: 15px; bottom: 15px}
    .catemenu-section .cate-block .content-area .icon {width: 60px; height: 60px;}

    .about-section .inner-area{display: block; margin-top: 100px}
    .about-section .inner-area .photo-block{width: 100%}
    .about-section .inner-area .photo1{width: 140px; height: 140px; top: -50px}
    .about-section .inner-area .photo1 .inner-photo-block{width: 140px; height: 140px}
    .about-section .inner-area .photo2{width: 140px; height: 200px; bottom: -50px}
    .about-section .inner-area .photo2 .inner-photo-block{width: 140px; height: 200px}
    .about-section .inner-area .content-area {width: 100%; padding: 70px 0 0 0;}
    .about-section h2{margin-bottom: 15px}
    .about-section p{font-size: 16px; line-height: 26px; margin: 0 0 20px 0;}
    .about-section .bg-logo{top: 50%}
    .about-section .btn-read{font-size: 16px}
    .about-section .btn-read .icon{width: 40px; height: 40px}

    .popular-section{padding: 50px 0 0 0}
    .popular-section .product-block{padding: 50px 0}
    .popular-section .product-block .product-image{width: 220px; left: 50%; margin-left: -110px;}
    .popular-section .product-block .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:hover .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block .product-content .link{top: auto; bottom: -25px; width: 50px; height: 50px; padding: 15px; right: 50%; margin-right: -25px}
    .popular-section .product-block .product-content h3{font-size: 24px; line-height: 32px;}
    .popular-section .product-block .product-content h3::before {left: 50%; margin-left: -50px;}
    .popular-section .product-block .product-content h3 span{font-size: 14px; line-height: 14px}
    .popular-section .product-block .product-content .ingredients {font-size: 14px; line-height: 20px;}

    .popular-section .product-block:nth-child(2n){padding: 50px 0}
    .popular-section .product-block:nth-child(2n) .product-image{width: 220px; right: 50%; margin-right: -110px;}
    .popular-section .product-block:nth-child(2n) .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:nth-child(2n) .product-content h3::before {right: 50%; margin-right: -50px}
    .popular-section .product-block:nth-child(2n):hover .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:nth-child(2n) .product-content .link{top: auto; bottom: -25px; width: 50px; height: 50px; padding: 15px; right: 50%; margin-right: -25px; left: auto; transform: rotate(0deg);}


    .review-section{padding: 50px 0 0 0}
    .review-section .review-block{display: block;}
    .review-section .review-block .photo-area{width: 280px; border-radius: 260px; height: 280px; margin: 0 auto;}
    .review-section .review-block .review-content{width: 100%; padding: 50px 0 0 0}
    .review-section .review-block .review-content::before {top: 20px; left: 50%; margin-left: -90px}
    .review-section .review-block .review-content p{font-size: 16px; line-height: 26px; margin: 0 0 15px 0; text-align: center;}
    .review-section .review-block .review-content .name{font-size: 18px; line-height: 18px; text-align: center;}
    .review-section .owl-nav{position: relative; text-align: center; margin-top: 20px}
    .review-section .owl-prev{width: 50px; height: 50px; margin-right: 10px}
    .review-section .owl-next{width: 50px; height: 50px; }
    .review-section .owl-prev svg,
    .review-section .owl-next svg{width: 100%; height: 100%}

    .gallery-section{padding: 50px 0}
    .gallery-section ul.instagram-list li{width: 50%}
    .gallery-section ul.instagram-list .photo-block{height: 160px}

    .footer-section .d-row{display: block;}
    .footer-section .logo-area,
    .footer-section .link-area,
    .footer-section .info-area,
    .footer-section .newsletter-area{width: 100%;}
    .footer-section .footer-logo{width: 120px; margin: 0 0 20px 0;}
    .footer-section h2{font-size: 20px; margin: 0 0 10px 0}
    .footer-section ul.link{display: flex; flex-wrap: wrap; margin-bottom: 20px}
    .footer-section ul.link li{width: 50%; margin-bottom: 3px}
    .footer-section ul.link li a{font-size: 15px; line-height: 25px}
    .footer-section ul.link li a::before {top: 0px}
    .footer-section ul.info{margin-bottom: 20px}
    .footer-section ul.info li{font-size: 15px; line-height: 25px}
    .footer-section p{font-size: 15px; line-height: 25px; margin: 0 0 10px 0}
    .footer-section .input-area .form-control{height: 66px}
    .footer-section .copyright{font-size: 13px}

    .career-section{padding:50px 0 0 0 ;}
    .career-section .inner-area{display: block; margin-top: 0px}
    .career-section .inner-area .photo-block{width: 100%}
    .career-section .inner-area .content-area {width: 100%; padding: 40px 0 0 0; text-align: center;}
    .career-section h2{font-size: 40px; line-height: 34px; margin-bottom: 15px; }
    .career-section p{font-size: 16px; line-height: 24px; margin: 0 0 20px 0;}
    .career-section h3{font-size: 20px; line-height: 20px; margin: 0px 0 20px 0;}
    .career-section .btn-read{font-size: 16px}
    .career-section .btn-read .icon{width: 40px; height: 40px}

    .joblist-section{padding: 50px 0 30px 0; border-top: #b9b9b9 1px dashed; margin-top: 50px;}
    .joblist-section h2{margin-top: 0px;}
    .joblist-section ul.job-list{margin: 0px;}
    .joblist-section ul.job-list li{width: 100%; padding: 0px; margin-bottom: 20px}
    .joblist-section ul.job-list li:nth-child(2n){margin-top: 0px;}
    .joblist-section .job-post{padding: 20px;}
    .joblist-section .job-post .job-title {font-size: 20px; line-height: 24px; margin: 0 0 15px 0;}
    .joblist-section .job-post .job-title a {font-size: 12px; padding: 0 12px; line-height: 32px;}
    .joblist-section .job-post .d-flex{display: block !important; margin-bottom: 12px;}
    .joblist-section .job-post .info{margin-bottom: 0; width: 100%; line-height: 18px;}
    .joblist-section .job-post .d-flex .info:first-child{border-radius: 10px 10px 0 0; border-right:#b9b9b9 1px dashed; border-bottom: none;}
    .joblist-section .job-post .d-flex .info:last-child{border-radius: 0 0 10px 10px; border-left:#b9b9b9 1px dashed; border-top: none;}
    .joblist-section .job-post .location{font-size: 14px; line-height: 22px;}
}

@media (max-width: 767px) {
  .cursor{display: none}
  .o-scroll{overflow: scroll;}
  .container{padding: 0 15px}
  section{overflow: hidden;}
    .btn-cate-menu{background: #a3c400; border: none; padding: 12px 20px 12px 12px; border-radius: 30px; position: fixed; bottom: 10px; right: 10px; z-index: 8; display: block; height: 50px; font-size: 18px; font-weight: 700; color: #fff;}
    .btn-cate-menu img{width: 26px; margin-right: 8px; vertical-align: top;}
    header {position: fixed; top: 60px; left: 0px; padding: 10px; z-index: 7;}
    header .inner-area{display: none; border: #A3C400 2px solid; background: #000; border-radius: 50px; padding: 30px;}
    header .inner-area.active{display: block;}
    header ul.main-menu{display: block;}
    header ul.main-menu li{margin-bottom: 10px}
    header ul.main-menu li a{font-size: 16px; line-height: 32px; padding: 0px 50px;}
    header ul.main-menu li.current_page_item a::before, header ul.main-menu li a:hover::before {left: 0; margin-left: 0; border-radius: 10px;}
    header ul.main-menu li.current_page_item a::after, header ul.main-menu li a:hover::after {left: 6px; margin-left: 0;}
    header ul.social{border-top: #fff 1px solid; border-left: none; margin: 0; padding: 20px 0; justify-content: center;}
    .btn-menu{display: block; position: fixed; z-index: 9; right: 20px; top: 25px;}
    .btn-menu::before{content: ''; background: #A3C400; width: 50px; height: 50px; border-radius: 50%; position: absolute; top: -14px; right: -14px;}

    .logo {width: 80px; height: 80px; padding: 8px; left: 15px; z-index: 9}
    .home-section::after {height: 80px}
    .home-section .content-area{padding:120px 0 0 20px;}
	.home-section .content-area .video-list{display: -webkit-box; margin: 0 -5px; overflow-y: scroll;}
	.home-section .content-area .video-list li:hover{width: 260px !important;}
	.home-section .content-area .video-list li{width: 260px !important;}
	.home-section .content-area .video-list li .video-block{height: 460px;}
    .home-section .content-area h1{font-size: 40px; line-height: 40px; margin: 0px 0px 20px 0px}
    .home-section .content-area .video-block{width: 90%; margin: 0 auto; padding: 5px; border-radius: 10px;}
    .home-section .content-area .video-block video{border-radius: 10px}
    .home-section .photo-area {height: 350px;}
    .home-section .photo-area .photo-block{height: 350px;}
    .home-section .photo-area .bottom-img{display: none}
    .home-section .owl-prev{width: 50px; height: 50px; left: 0px}
    .home-section .owl-next{width: 50px; height: 50px; right: 0px}
    .home-section .owl-prev svg,
    .home-section .owl-next svg{width: 100%; height: 100%}
	

    .scroll-text{top: 50px; height: 40px; display: none;}
    .scroll-text .hightlighted{-webkit-text-stroke: 1px #A3C400; font-size: 50px; line-height: 40px;}

    .catemenu-section h2,
    .about-section h2,
    .popular-section h2,
    .review-section h2,
    .gallery-section h2,
    .about-main-section h2,
    .team-section h2,
    .about-gallery-section h2,
    .contact-section h2,
    .store-section h2,
    .history-section h2,
    .joblist-section h2{font-size: 40px; line-height: 44px; margin: 20px 0 30px 0;}
    .catemenu-section h2 span,
    .about-section h2 span,
    .popular-section h2 span,
    .review-section h2 span,
    .gallery-section h2 span,
    .about-main-section h2 span,
    .team-section h2 span,
    .about-gallery-section h2 span,
    .contact-section h2 span,
    .store-section h2 span,
    .history-section h2 span{font-size: 24px; line-height: 20px; margin-bottom: 2px;}


    .catemenu-section{padding: 20px 0 60px 0}
    .catemenu-section .owl-prev{width: 50px; height: 50px; left: 50%; margin-left: -55px; top: auto; margin-top: 10px}
    .catemenu-section .owl-next{width: 50px; height: 50px; right: 50%; margin-right: -55px; top: auto; margin-top: 10px}
    .catemenu-section .owl-prev svg,
    .catemenu-section .owl-next svg{width: 100%; height: 100%}
    .catemenu-section .cate-block{height: 220px}
    .catemenu-section .cate-block .content-area{font-size: 15px; bottom: 15px}
    .catemenu-section .cate-block .content-area .icon {width: 60px; height: 60px;}

    .about-section .inner-area{display: block; margin-top: 100px}
    .about-section .inner-area .photo-block{width: 100%}
    .about-section .inner-area .photo1{width: 140px; height: 140px; top: -50px}
    .about-section .inner-area .photo1 .inner-photo-block{width: 140px; height: 140px}
    .about-section .inner-area .photo2{width: 140px; height: 200px; bottom: -50px}
    .about-section .inner-area .photo2 .inner-photo-block{width: 140px; height: 200px}
    .about-section .inner-area .content-area {width: 100%; padding: 70px 0 0 0;}
    .about-section h2{margin-bottom: 15px}
    .about-section p{font-size: 16px; line-height: 26px; margin: 0 0 20px 0;}
    .about-section .bg-logo{top: 50%}
    .about-section .btn-read{font-size: 16px}
    .about-section .btn-read .icon{width: 40px; height: 40px}

    .popular-section{padding: 50px 0 0 0}
    .popular-section .product-block{padding: 50px 0}
    .popular-section .product-block .product-image{width: 220px; left: 50%; margin-left: -110px;}
    .popular-section .product-block .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:hover .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block .product-content .link{top: auto; bottom: -25px; width: 50px; height: 50px; padding: 15px; right: 50%; margin-right: -25px}
    .popular-section .product-block .product-content h3{font-size: 24px; line-height: 32px;}
    .popular-section .product-block .product-content h3::before {left: 50%; margin-left: -50px;}
    .popular-section .product-block .product-content h3 span{font-size: 14px; line-height: 14px}
    .popular-section .product-block .product-content .ingredients {font-size: 14px; line-height: 20px;}

    .popular-section .product-block:nth-child(2n){padding: 50px 0}
    .popular-section .product-block:nth-child(2n) .product-image{width: 220px; right: 50%; margin-right: -110px;}
    .popular-section .product-block:nth-child(2n) .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:nth-child(2n) .product-content h3::before {right: 50%; margin-right: -50px}
    .popular-section .product-block:nth-child(2n):hover .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .product-block:nth-child(2n) .product-content .link{top: auto; bottom: -25px; width: 50px; height: 50px; padding: 15px; right: 50%; margin-right: -25px; left: auto; transform: rotate(0deg);}

    .popular-section .green-block .product-block{padding: 50px 0}
    .popular-section .green-block .product-block .product-image{width: 220px; right: 50%; margin-right: -110px;}
    .popular-section .green-block .product-block .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .green-block .product-block .product-content h3::before {right: 50%; margin-right: -50px}
    .popular-section .green-block .product-block:hover .product-content{border-radius: 150px 150px 50px 50px; padding: 220px 30px 40px 30px; text-align: center;}
    .popular-section .green-block .product-block .product-content .link{top: auto; bottom: -25px; width: 50px; height: 50px; padding: 15px; right: 50%; margin-right: -25px; left: auto; transform: rotate(0deg);}

    .review-section{padding: 50px 0 0 0}
    .review-section .review-block{display: block;}
    .review-section .review-block .photo-area{width: 280px; border-radius: 260px; height: 280px; margin: 0 auto;}
    .review-section .review-block .review-content{width: 100%; padding: 50px 0 0 0}
    .review-section .review-block .review-content::before {top: 20px; left: 50%; margin-left: -90px}
    .review-section .review-block .review-content p{font-size: 16px; line-height: 26px; margin: 0 0 15px 0; text-align: center;}
    .review-section .review-block .review-content .name{font-size: 18px; line-height: 18px; text-align: center;}
    .review-section .owl-nav{position: relative; text-align: center; margin-top: 20px}
    .review-section .owl-prev{width: 50px; height: 50px; margin-right: 10px}
    .review-section .owl-next{width: 50px; height: 50px; }
    .review-section .owl-prev svg,
    .review-section .owl-next svg{width: 100%; height: 100%}

    .gallery-section{padding: 50px 0}
    .gallery-section ul.instagram-list li{width: 50%}
    .gallery-section ul.instagram-list .photo-block{height: 160px}

    .footer-section .d-row{display: block;}
    .footer-section .logo-area,
    .footer-section .link-area,
    .footer-section .info-area,
    .footer-section .newsletter-area{width: 100%;}
    .footer-section .footer-logo{width: 120px; margin: 0 auto 20px auto;}
    .footer-section h2{font-size: 20px; margin: 0 0 10px 0}
    .footer-section ul.link{display: flex; flex-wrap: wrap; margin-bottom: 20px}
    .footer-section ul.link li{width: 50%; margin-bottom: 3px}
    .footer-section ul.link li a{font-size: 15px; line-height: 25px}
    .footer-section ul.link li a::before {top: 0px}
    .footer-section ul.info{margin-bottom: 20px}
    .footer-section ul.info li{font-size: 15px; line-height: 25px}
    .footer-section p{font-size: 15px; line-height: 25px; margin: 0 0 10px 0}
    .footer-section .input-area .form-control{height: 66px}
    .footer-section .copyright{font-size: 13px}

    .inner-section .photo-block{height: 360px}
    .inner-section .photo-block .content-area h1{font-size: 34px; line-height: 44px; margin: 0 0 10px 0}

    .about-main-section{padding: 50px 0px 0px 0px}
    .about-main-section h2{margin: 40px 0 20px 0px}
    .about-main-section .scroll-text{top: 210px}
    .about-main-section .logo-area{width: 140px; padding: 20px; height: 140px;}
    .about-main-section .center-content{width: 100%;}
    .about-main-section .center-content p{font-size: 15px; line-height: 24px}
    .about-main-section .icon-1,
    .about-main-section .icon-2,
    .about-main-section .icon-3{display: none}
    .about-main-section .company-name{font-size: 50px; line-height: 36px;}
    .about-main-section .company-name span{font-size: 20px;}
    .about-main-section .mission-vision-area{width: 100%; margin: 20px auto 0 auto}
    .about-main-section .mission-vision-area .inner-main{display: block;}
    .about-main-section .mission-vision-area .inner-main .photo-area{width: 100%; height: 280px;}
    .about-main-section .mission-vision-area .inner-main .rightside{width: 100%; padding: 25px 0 0 0}
    .about-main-section .mission-vision-area .inner-main h3{font-size:24px; line-height: 34px}
    .about-main-section .mission-vision-area .inner-main p{font-size: 15px; line-height: 24px}
    .about-main-section .mission-vision-area .inner-main:nth-child(2n) .rightside{padding: 25px 0 0 0}

    .team-section{padding: 50px 0 20px 0}
    .team-section h2{margin: 20px 0 10px 0}
    .team-section ul.team-list li{width: 100%;}
    .team-section ul.team-list li:nth-child(2n) .team-box{margin-top: 20px;}
    .team-section .team-box{display: block; margin-top: 20px}
    .team-section .team-box .photo{width: 100%; height: 300px}
    .team-section .team-box .detail{padding: 20px}
    .team-section .team-box .detail h3{font-size: 24px; line-height: 24px; margin:0 0 10px 0 }
    .team-section .team-box .detail h3 span{font-size: 18px; line-height: 18px; margin-top: 10px;}
    .team-section .team-box .detail p{font-size: 14px; line-height: 22px}

    .about-gallery-section{padding: 50px 0}
    .about-gallery-section ul.gallery-list li {padding: 0 5px; width: 50%;}
    .about-gallery-section ul.gallery-list li .gallery-photo{height: 120px}
    .about-gallery-section ul.gallery-list li:nth-child(2n) {margin-top: 10px;}

    .top-menu-fixed{display: none; position: fixed; bottom: 75px; right: 10px; background-color: #000; top: auto; width: 250px; padding: 15px; border-radius: 15px;}
    .top-menu-fixed.active{display: block;}
    .top-menu-fixed li{margin: 0px;}
    .top-menu-fixed li a{color: #fff; padding: 6px 12px;border-bottom: none; line-height: 28px;}
    .top-menu-fixed li a img{width: 24px;}
    .top-menu-fixed li a:hover{color: #fff; border-bottom: none; border-radius: 30px;}
    .top-menu-fixed li.active a{border-bottom: none; border-radius: 30px}
    

    .menu-list-section{padding: 25px 0; border-top: none;}
    .menu-list-section ul.product-list li{width: 100%; padding: 100px 10px 0 10px; margin-top: 15px;}
    .menu-list-section h2{font-size: 30px; line-height: 34px; text-align: center; padding: 0px 5px 0px 20px; margin:0px; background: #A3C400; display: flex; justify-content: space-between; color: #fff; border-radius: 35px; min-height: 70px; flex-direction: row-reverse;}
    .menu-list-section h2 span{font-size: 18px; line-height: 18px; margin-bottom: 0;}
    .menu-list-section h2 .icon{position: relative; margin: 0; width: 60px; height: 60px; padding: 15px; top: 0px; display: block; left: 0px; background: #fff; }
    .menu-list-section h2 .icon img{filter:brightness(100%) invert(1)}
    .menu-list-section .product-block{padding: 100px 20px 20px 20px}
    .menu-list-section .product-block .more-info{position: relative; bottom: 0px; height: auto;}
    .menu-list-section .product-block .product-name{font-size: 18px; text-align: left;}
    .menu-list-section .product-block .size{font-size: 14px; line-height: 14px; margin: 0 0 15px 0}
    .menu-list-section .product-block .more-info{padding: 15px 0px 0px 0px; background: #fff; border-top: #e6e6e6 1px solid; border-radius: 0px; margin-top: 10px;}
    .menu-list-section .product-block .more-info h3{color: #000; font-size: 16px;}
    .menu-list-section .product-block .more-info ul li{color: #000}
    .menu-list-section .product-block .more-info ul li::before {background: #000}
    .menu-list-section .product-block .d-flex{padding-top: 15px}
    .menu-list-section .product-block .btn-more{font-size: 14px}
    .menu-list-section .product-block .price{font-size: 24px; line-height: 24px}
    .menu-list-section .product-block .product-img{width: 130px; margin-left: -65px; top: -100px}
    .menu-list-section .product-block:hover .product-name::before{border-top:none}
    .menu-list-section .product-block:hover .product-name, .menu-list-section .product-block:hover .size, .menu-list-section .product-block:hover .price, .menu-list-section .product-block:hover .price small{color: #000;}
    .menu-list-section .product-block:hover .product-img{width: 130px; margin-left: -65px;top: -100px;}
    .menu-list-section ul.sub-category{border-radius: 20px; padding: 10px; display: block; margin: 0;}
    .menu-list-section ul.sub-category li a{font-size: 13px; line-height: 32px; border-radius: 20px; padding: 0 20px; width: 100%; text-align: center;}

    .contact-section{padding: 50px 0 0 0}
    .contact-section .form-area{width:100% }
    .contact-section .map-area{height: 320px; margin-top: 50px}

    .store-section{padding: 50px 0}
    .store-section p{font-size: 15px; line-height: 24px}
    .store-section ul.location-list{margin: 0px;}
    .store-section ul.location-list li{width: 100%; padding: 0px; margin-bottom: 20px}
    .store-section ul.location-list li:nth-child(2n){margin-top: 0px;}
    .store-section .location-block .location-photo,
    .store-section .location-block .location-photo .photo{height: 260px}
    .store-section .location-block .location-content .store-logo{width: 80px; height: 80px; top: -60px; right: 15px;}
    .store-section .location-block .location-content{padding: 20px}
    .store-section .location-block .location-content .name{padding: 0px; font-size: 18px; line-height: 24px}
    .store-section .location-block ul.info li{font-size: 13px; margin-top: 5px !important}
    .store-section .location-block ul.info li .icon{top: 0px}
    .store-section .location-block .location-content .time{font-size: 16px}

    .franchise-page{display: block; }
    .franchise-page .form-area .bg-logo{display: none}
    .franchise-page .leftside{width: 100%; border-radius: 0;}
    .franchise-page .leftside::before {content: ''; width: 100%; height: 40%; position: absolute; z-index: 1; background: rgb(0,0,0); background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0,0,0,0) 100%); bottom: 0px; left: 0px;}
    .franchise-page .form-area{width: 100%; padding: 20px; position: absolute; bottom: 0px; height: auto; background: transparent;}
    .franchise-page .form-area .step-block{width: 100%; height: auto;}
    .franchise-page .form-area h1 {font-size: 30px; line-height: 34px; margin: 0 0 10px 0;}
    .franchise-page .form-area h1 strong{display: inline;}
    .franchise-page .form-area p{font-size: 14px; line-height: 20px; width: 100%; margin: 0 0 15px 0;}
    .franchise-page .form-area .form-nav {position: fixed; bottom: auto; right: 15px; top: 15px;}
    .franchise-page .form-area .btn-start{width: 100%; text-align: center;}
    .franchise-page .form-area .step-block label{font-size: 16px; line-height: 16px;}
    .franchise-page .form-area .step-block .form-group {margin-bottom: 15px;}
    .franchise-page .form-area .step-block .form-control{height: 50px; font-size: 20px;}
    .franchise-page .form-area .btn-start{padding: 8px 40px;}
    .franchise-page .form-area ul.radio-list{margin: 0px;}
    .franchise-page .form-area ul.radio-list li{margin-right: 0; margin: 10px 0px 0 0; width: 100%;}
    .form-check input[type="radio"].form-check-input + label.form-check-label{width: 100%; padding: 8px 25px 8px 46px;}
    .form-check input[type="radio"].form-check-input + label.form-check-label::before {top: 8px;}
    .form-check input[type="radio"].form-check-input:checked + label.form-check-label::after {top: 14px;}
    .franchise-page .form-area .fileupload-input{font-size: 14px;}
    .franchise-page .form-area .success-message{height: auto;}
    .franchise-page .form-area .success-message h1 {font-size: 48px; line-height: 48px;}
    .franchise-page .form-area .success-message p {width: 100%;}
    .franchise-page .form-area .success-message .btn-back{width: 100%; text-align: center; padding: 8px 25px; font-size: 15px; position: relative; line-height: 26px; right: auto; left: 1%;}
    

    .history-section{padding: 50px 0 20px 0}
    .history-section .step-main{position: relative; z-index: 1}
    .history-section .step-block{display: block; padding-bottom: 100px}
    .history-section .step-block .step-photo{width: 200px; height: 200px; margin: 0 auto; border-radius: 50%}
    .history-section .step-block .step-detail{width: 100%; padding: 30px 0 0 0; text-align: center; background: transparent}
    .history-section .step-block .arrow{transform: rotate(135deg); right: 50%; margin-right: -22px; bottom: 50px; top: auto; z-index: 3;}
    .history-section .step-block:nth-of-type(2n+2) .arrow{transform: rotate(135deg); right: 50%; margin-right: -22px; bottom: 50px; top: auto; left: auto;}
    .history-section .step-block:nth-of-type(2n+2){padding: 0px 0px 100px 0px}
    .history-section .step-block:nth-of-type(2n+2) .step-detail{padding:30px 0 0 0 }
    .history-section .step-block::before{content: none}
    .history-section .step-block::after{height: 70px; right: 50%; bottom: 0px; top: auto}
    .history-section .step-block:nth-of-type(2n+2)::after{height: 70px; right: 50%; bottom: 0px; top: auto; left: auto;}
    .history-section .step-block:last-child{padding: 0px}
    .history-section .step-block:last-child .arrow{display: none}

    .career-section{padding:50px 0 0 0 ;}
    .career-section .inner-area{display: block; margin-top: 0px}
    .career-section .inner-area .photo-block{width: 100%}
    .career-section .inner-area .content-area {width: 100%; padding: 40px 0 0 0; text-align: center;}
    .career-section h2{font-size: 40px; line-height: 34px; margin-bottom: 15px; }
    .career-section p{font-size: 16px; line-height: 24px; margin: 0 0 20px 0;}
    .career-section h3{font-size: 20px; line-height: 20px; margin: 0px 0 20px 0;}
    .career-section .btn-read{font-size: 16px}
    .career-section .btn-read .icon{width: 40px; height: 40px}

    .joblist-section{padding: 50px 0 30px 0; border-top: #b9b9b9 1px dashed; margin-top: 50px;}
    .joblist-section h2{margin-top: 0px;}
    .joblist-section ul.job-list{margin: 0px;}
    .joblist-section ul.job-list li{width: 100%; padding: 0px; margin-bottom: 20px}
    .joblist-section ul.job-list li:nth-child(2n){margin-top: 0px;}
    .joblist-section .job-post{padding: 20px;}
    .joblist-section .job-post .job-title {font-size: 20px; line-height: 24px; margin: 0 0 15px 0;}
    .joblist-section .job-post .job-title a {font-size: 12px; padding: 0 12px; line-height: 32px;}
    .joblist-section .job-post .d-flex{display: block !important; margin-bottom: 12px;}
    .joblist-section .job-post .info{margin-bottom: 0; width: 100%; line-height: 18px;}
    .joblist-section .job-post .d-flex .info:first-child{border-radius: 10px 10px 0 0; border-right:#b9b9b9 1px dashed; border-bottom: none;}
    .joblist-section .job-post .d-flex .info:last-child{border-radius: 0 0 10px 10px; border-left:#b9b9b9 1px dashed; border-top: none;}
    .joblist-section .job-post .location{font-size: 14px; line-height: 22px;}
	
	ul.category-list li{width: 100%;}
	.franchise-page{display: flex; height: 90vh }
	
	.whatsapp-help { gap: 4px; font-size: 14px; letter-spacing: -0.5px;}
	.whatsapp-help .icon svg { width: 18px; height: 18px;}
	.whatsapp-help .icon { width: 33px; height: 33px; line-height: 29px; }
}