@media (max-width: 1279px) {
    .homebanner .block .top span,
    .homebanner .block .top p {
        font-size: 55px;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 30px;
    }
    .homebanner .block .top::after {
        height: 156px;
        width: 95%;
        margin: 0 auto;
    }
    .trust-sec {
        padding: 70px 0;
    }
    .trust-sec .block .left .top,
    .trust-sec .block .left span {
        font-size: 36px;
    }
    .trust-sec .top-left {
        top: 150px;
    }
    .trust-sec .top-right {
        top: 210px;
    }
    footer span.green {
        font-size: 40px;
    }
    footer .block {
        gap: 30px;
        padding: 40px 0;
    }
    .product-home .productimg .swiper-slide img {
        transform: scale(0.9);
    }
    .product-home .productimg .swiper-slide {
        text-align: end;
    }
    .product-home .productimg .swiper-slide.swiper-slide-active img {
        transform: scale(1.8);
    }
    .product-home .productimg .swiper-button-next {
        right: 250px;
    }
    .product-home .productimg {
        margin-left: -50px;
    }
    .homebanner.common-banner {
        height: 380px;
    }
    .productmain .block {
        gap: 70px;
    }
    .productmain .contecttab {
        padding-top: 30px;
    }
    .recomended-sec .swiper-wrapper {
        padding-top: 60px;
    }
    .recomended-sec .swiper-button-next {
        right: 20px;
    }
    .recomended-sec .swiper-button-prev {
        right: 70px;
    }
    .product-dtl .left::after {
        width: 380px;
        height: 380px;
    }
    .product-dtl .left img {
        height: 300px;
    }
    .product-dtl {
        padding: 70px 0;
    }
    .aboutour .block .left img {
        height: 300px;
    }
    .aboutour .top-left {
        top: -50px;
    }
    .aboutour .top-right {
        top: 10px;
    }
    .aboutour.philosofy {
        padding-bottom: 110px;
    }
    .aboutour.philosofy .bottom {
        bottom: 50px;
    }
    .contact-sec .right .formblock form .box input,
    .contact-sec .right .formblock form .box textarea {
        padding: 15px;
    }
    .contact-sec {
        padding: 70px 0;
    }
}
@media (max-width: 1023px) {
    .homebanner .block .top span,
    .homebanner .block .top p {
        font-size: 45px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 24px;
    }
    .p-big {
        font-size: 16px;
    }
    .hamburger {
        display: block;
    }
    .nav-menu,
    #nav-menu {
        position: fixed;
        top: 0;
        right: -100%;
        height: 100vh;
        width: 100%;
        background-color: #1c5542;
        flex-direction: column;
        justify-content: center;
        transition: right 0.6s cubic-bezier(0.83, 0, 0.17, 1);
        gap: 30px;
    }
    .nav-menu.active,
    #nav-menu.active {
        right: 0;
    }
    .nav-item,
    .menu-item {
        opacity: 0;
        transform: translateX(50px);
        transition: 0.4s;
    }
    #nav-menu.active .menu-item {
        opacity: 1;
        transform: translateX(0);
    }
    #nav-menu.active .menu-item:nth-child(1) {
        transition-delay: 0.2s;
    }
    #nav-menu.active .menu-item:nth-child(2) {
        transition-delay: 0.3s;
    }
    #nav-menu.active .menu-item:nth-child(3) {
        transition-delay: 0.4s;
    }
    #nav-menu.active .menu-item:nth-child(4) {
        transition-delay: 0.5s;
    }
    .hamburger.open .bar:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }
    .hamburger.open .bar:nth-child(2) {
        opacity: 0;
    }
    .hamburger.open .bar:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }
    .sub-menu {
        background: rgb(255 255 255 / 0.05);
        transform: none;
        position: initial;
        height: 0;
        margin: 0;
    }
    .menu-item:hover .sub-menu {
        height: auto;
        margin: 10px 0;
        overflow-y: auto;
    }
    header .navbar .header-product-menu {
        padding-right: 0;
        text-align: center;
    }
    header .navbar .header-product-menu::after {
        top: 15px;
        right: 15px;
    }
    .nav-link,
    .menu-item a {
        font-size: 20px;
    }
    .sub-menu a {
        color: #a2c943;
        text-align: center;
    }
    header .logo-box img {
        height: 50px;
    }
    .homebanner .block .top::after {
        height: 110px;
        width: 85%;
        margin: 0 auto;
        right: 0;
    }
    .homebanner .block .top span,
    .homebanner .block .top p {
        font-size: 37px;
        text-align: center;
    }
    .capsule-container {
        height: 250px;
    }
    .trust-sec .bottom-left {
        width: 70px;
        height: 120px;
    }
    .trust-sec .top-left {
        top: 210px;
        height: 110px;
        width: 80px;
    }
    .trust-sec .top-right {
        height: 100px;
        width: 70px;
    }
    footer {
        border-radius: 60px 60px 0 0;
    }
    footer h4 {
        font-size: 20px;
    }
    footer .column a img {
        height: 45px;
    }
    footer .block .column {
        flex: auto;
        width: 30%;
    }
    footer span.green {
        font-size: 25px;
    }
    footer .block {
        margin: 20px 0;
    }
    footer .block .column:nth-child(2) {
        width: 10%;
    }
    .product-home {
        padding: 80px 0;
    }
    .product-home .slider-block {
        flex-direction: column-reverse;
        border-radius: 70px;
    }
    .product-home .slider-block .left,
    .product-home .slider-block .right {
        width: 100%;
        border-radius: 70px;
        padding: 40px;
    }
    .product-home .slider-block .left .top {
        padding-bottom: 50px;
        text-align: center;
    }
    .product-home .productinfo .info {
        max-width: 100%;
        text-align: center;
    }
    .product-home .productinfo .swiper-slide p {
        padding-bottom: 40px;
    }
    .product-home .productimg .swiper-wrapper {
        padding: 70px 0 120px 0;
    }
    .product-home .productimg {
        margin-left: 0;
    }
    .product-home .productimg .swiper-slide {
        text-align: center;
    }
    .product-home .productimg .swiper-button-next,
    .product-home .productimg .swiper-button-prev {
        transform: translateX(-50%);
    }
    .product-home .productimg .swiper-button-next {
        left: 60%;
    }
    .product-home .productimg .swiper-button-prev {
        left: 45%;
    }
    .homebanner.common-banner {
        height: 280px;
    }
    .bottom-comon img {
        height: auto;
    }
    .bottom-comon {
        margin-top: -90px;
    }
    .productmain .block {
        gap: 50px;
    }
    .productmain .block .card {
        width: 46%;
    }
    .product-dtl .block {
        flex-direction: column;
        gap: 70px;
    }
    .product-dtl .left,
    .product-dtl .right {
        width: 100%;
        text-align: center;
    }
    .product-dtl .right .quality {
        justify-content: center;
    }
    .product-dtl .right ul {
        align-items: center;
    }
    .recomended-sec {
        padding-top: 20px;
        padding-bottom: 70px;
    }
    .aboutour {
        padding: 60px 0;
    }
    .aboutour .top-left {
        height: auto;
        width: 80px;
        z-index: -1;
    }
    .contact-sec .wrapper {
        flex-direction: column-reverse;
    }
    .contact-sec .left,
    .contact-sec .right {
        width: 100%;
    }
    .contact-sec .block {
        gap: 30px;
    }
    .map-sec {
        padding: 0 0 50px 0;
    }
    footer .column ul li {
        opacity: 1;
        transform: none;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 30px;
        text-align: center;
    }
    h2 {
        font-size: 24px;
        text-align: center;
    }
    h3 {
        text-align: center;
    }
    p {
        text-align: center;
    }
    header .logo-box img {
        height: 40px;
    }
    .navbar {
        padding: 10px 0;
    }
    .homebanner video {
        height: 100%;
        width: 100%;
        object-fit: unset;
        object-position: center bottom;
    }
    .homebanner {
        height: auto;
        padding: 120px 0 100px 0;
    }
    .homebanner .block {
        padding: 0;
    }
    .homebanner .block .top span,
    .homebanner .block .top p {
        padding: 3px;
        font-size: 24px;
    }
    .homebanner .block .top::after {
        height: 66px;
        width: 100%;
    }
    .trust-sec .block {
        flex-direction: column;
        gap: 30px;
    }
    .trust-sec .block .left,
    .trust-sec .block .right {
        flex: auto;
    }
    .trust-sec .block .left .top,
    .trust-sec .block .left span {
        font-size: 26px;
        text-align: center;
    }
    .capsule-container {
        height: 150px;
    }
    .trust-sec .top-right {
        top: 20px;
    }
    .trust-sec .top-left {
        top: 3px;
    }
    footer .block {
        flex-direction: column;
    }
    footer h4 {
        font-size: 16px;
    }
    footer {
        padding-top: 50px;
    }
    footer .block .column,
    footer .block .column:nth-child(2) {
        width: 100%;
        text-align: center;
    }
    footer .column a {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    footer .column ul {
        align-items: center;
        justify-content: center;
    }
    footer .block .column:nth-child(3) ul {
        max-width: 280px;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
        margin: 0 auto;
    }
    footer span.green {
        font-size: 18px;
    }
    .product-home .slider-block .bottom {
        bottom: -60px;
        left: 90px;
        width: 130px;
    }
    .product-home .slider-block .left .top {
        padding-bottom: 20px;
    }
    .product-home .slider-block .top-l {
        top: -70px;
        right: 50px;
        z-index: -1;
        width: 130px;
    }
    .product-home {
        padding: 30px 0 80px 0;
    }
    .product-home .productimg .swiper-slide.swiper-slide-active img {
        transform: scale(1);
    }
    .product-home .productimg .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .product-home .productimg .swiper-wrapper {
        padding: 0 0 60px 0;
    }
    .product-home .slider-block .left,
    .product-home .slider-block .right {
        border-radius: 30px;
        padding: 30px;
    }
    .product-home .slider-block {
        border-radius: 30px;
    }
    .product-home .productimg .swiper-button-prev {
        left: 40%;
    }
    .product-home .productimg .swiper-button-next {
        left: 65%;
    }
    .homebanner.common-banner {
        padding: 0;
    }
    .bottom-comon {
        margin-top: -50px;
    }
    .productmain .tabs {
        flex-direction: column;
    }
    .productmain .block {
        gap: 30px;
    }
    .productmain .block .card {
        width: 100%;
    }
    .productmain .contecttab {
        padding-top: 20px;
    }
    .product-dtl .left img {
        height: 250px;
    }
    .product-dtl .left::after {
        width: 300px;
        height: 300px;
    }
    .product-dtl .block {
        gap: 40px;
    }
    .product-dtl .right .quality p {
        text-align: left;
    }
    .product-dtl .right ul {
        text-align: left;
    }
    .product-dtl {
        padding-bottom: 50px;
    }
    .recomended-sec .swiper-wrapper {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .recomended-sec .swiper-button-next,
    .recomended-sec .swiper-button-prev {
        top: auto;
        bottom: -8px;
    }
    .recomended-sec .swiper-button-prev {
        right: auto;
        left: 40%;
    }
    .recomended-sec .swiper-button-next {
        right: 30%;
    }
    .aboutour .block {
        flex-direction: column;
    }
    .aboutour .block .left,
    .aboutour .block .right {
        width: 100%;
    }
    .aboutour .top-right {
        width: 70px;
    }
    .aboutour .bottom-left {
        display: none;
    }
    .aboutour.reverse .block {
        flex-direction: column-reverse;
    }
    .aboutour.reverse .top-l {
        width: 120px;
        left: 50px;
        top: -20px;
    }
    .aboutour.reverse .bottom {
        left: 230px;
        bottom: 200px;
        width: 100px;
    }
    .aboutour.philosofy .top-right {
        top: 0;
    }
    .aboutour.philosofy {
        padding-top: 0;
        padding-bottom: 60px;
    }
    .aboutour.philosofy .bottom {
        bottom: 10px;
        left: 50px;
    }
    .contact-sec {
        padding: 40px 0;
    }
    .contact-sec .right .formblock form .box p {
        text-align: left;
    }
    .contact-sec .right .formblock {
        padding: 20px;
        border-radius: 20px;
    }
    .contact-sec .right .formblock form .box textarea {
        height: 200px;
    }
    .contact-sec .left .block p {
        text-align: left;
    }
    .contact-sec .block .box img {
        width: 25px;
        height: 25px;
    }
    .contact-sec .left .block h4 {
        font-size: 16px;
    }
    .map-sec .mapouter iframe {
        height: 300px;
    }
	.homebanner .block .top{padding: 0px;}
}