@media only screen and (min-width: 768px) {
    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse .mob-request{display: none;}
}
@media only screen and (min-width: 800px) {
    /*--------------- Cart Notification ---------------*/
    .notification .msg{width: 50%;}
    .notification .actions{width: 50%;text-align: right;justify-content: flex-end;}
}
@media only screen and (min-width: 1400px) {
    .container{padding: 0;max-width: 1375px;}
    .container-fluid{padding-inline: 15px;}
    .row{--bs-gutter-x: 1.875rem;}
    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse .mob-logo,
    .header .navbar .navbar-collapse .mob-backdrop{display: none;}
}
@media only screen and (min-width: 1921px){
    /*--------------- Hero Section ---------------*/ 
    .slider-secn .container{padding: 0 40px 0 100px;}
    .slider-secn .slider-area .slider-title{margin-inline: 0 60px;width: 555px;}
    .slider-secn .slider-area .slider-title .slider-subtitle{font-size: 17px;}
    .slider-secn .slider-area .slider-title .slider-maintitle{font-size: 55px;}
    .slider-secn .slider-area .slider-img-area{width: 1140px;}
    .slider-secn .slider-area .slider-img-area .slider-img{border-radius: 30px 30px 0 0;}
    .slider-secn .slider-area .slider-img-area .slider-content-card{padding: 65px 40px 90px 70px;max-width: 554px;border-radius: 30px 0 0 0;}
    .slider-secn .slider-area .slider-img-area .slider-content-card p{margin-bottom: 35px;font-size: 21px;}
    .slider-secn .slider-area .slider-img-area .slider-content-card .btn-area .theme-btn{padding: 17px 25px;font-size: 16px;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
}

@media only screen and (max-width: 1850px) {
    /*--------------- Hero Section ---------------*/
    .slider-area .slider-img-area .slider-content-card{right: -10.5%;padding: 45px 30px 80px 60px;}
}
@media only screen and (max-width: 1750px) {
    /*--------------- Header ---------------*/
    .header .navbar .head-card:first-child{width: 22%;}
    .header .navbar .head-card:nth-child(2){width: 56%;}
    .header .navbar .head-card:last-child{width: 22%;}
    .phone span{display: none;}
}
@media only screen and (max-width: 1599px) {
    /*--------------- Header ---------------*/
    .header .navbar .head-card:first-child{width: 25%;}
    .header .navbar .head-card:nth-child(2){width: 50%;}
    .header .navbar .head-card:last-child{width: 25%;}
    .header .theme-btn{padding-inline: 15px;font-size: 16px;}
}
@media only screen and (max-width: 1399px) {
    /*--------------- Theme Modal ---------------*/
    .theme-modal .theme-title-area .main-title{font-size: 22px;}
    
    /*--------------- Header ---------------*/
    .header .navbar{position: unset;}
    .header .navbar .head-card:first-child,
    .header .navbar .head-card:last-child{width: fit-content;}
    .header .navbar .head-card:nth-child(2){width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
    /*.header .header-rightpart .language{z-index: -1;}*/
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse{display: block;position: relative;margin-left: 0;padding: 25px 30px 25px 40px;width: 95vw;max-width: 560px;height: 100vh;background: var(--theme-color-darkgreen);z-index: 0;/*transform: translateX(0);*/transition: 0.5s;}
    .header .navbar .navbar-collapse.collapse:not(.show){display: block;margin-left: -100vw;/*transform: translateX(-100%);*/}
    .header .navbar .navbar-collapse::before{content: '';position: absolute;right: 2%;bottom: 0;width: 50%;aspect-ratio: 108/130;background: url(../img/icon.png) no-repeat right bottom;background-size: contain;filter: grayscale(1);opacity: 15%;mix-blend-mode: screen;z-index: -1;}
    .header .navbar .navbar-collapse::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--theme-color-darkgreen) url(../img/texture.jpg) no-repeat center center fixed;background-size: cover;background-blend-mode: multiply;opacity: 62%;z-index: -1;}
    /*---------------  ---------------*/
    .header .navbar .navbar-nav .nav-item{padding: 20px 20px;border-bottom: 1px solid rgb(255 255 255/30%);}
    .header .navbar .navbar-nav .nav-item:last-child{border-bottom: 0;}
    .header .navbar .navbar-nav .nav-item .nav-link{padding: 2px 0;font-size: 22px;color: #fff;font-weight: 500;line-height: 1;opacity: 60%;transition: 0.5s;}
    .header .navbar .navbar-nav .nav-item .nav-link:hover{color: #fff;opacity: 1;transform: translateX(5px);}
    .header .navbar .navbar-nav .nav-item .nav-link.active{color: #fff;opacity: 1;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 30px;height: 70px;}
    .header .navbar .navbar-collapse .mob-logo img{max-width: 100%;max-height: 100%;}
    .header .navbar .navbar-collapse .mob-navarea{max-height: calc(100% - 100px);overflow-y: auto;}
    /*---------------  ---------------*/
    .header .navbar .head-card .mob-backdrop{position: absolute;top: 0;left: 0px;width: 100vw;height: 100vh;background: rgb(255 255 255/ 0.75);backdrop-filter: blur(8px);z-index: -1;overflow: hidden;transition: 0.5s;}
    /*---------------  ---------------*/
    body.open-menu{overflow: hidden;}
    body:not(.open-menu) .header .navbar .head-card .mob-backdrop{width: 0;}
    body:not(.open-menu) .header .navbar .head-card:nth-child(2){width: 0;}


    /*--------------- News Card ---------------*/
    .news-card .tag{padding: 4px 8px;font-size: 11px;}
    .news-card .news-content{padding: 25px 40px 30px 35px;}
    .news-card .news-content .date{font-size: 13px;}
    .news-card .news-content .news-title{font-size: 22px;}

    /*--------------- Index Counter Section ---------------*/
    .index-counter-secn .counter-card .counter-icon{margin-bottom: 60px;}
    /*--------------- Index Warehousing Section ---------------*/
    .index-warehousing-secn .warehousing-content-area{padding: 45px 100px 45px 65px;}
    /*--------------- Index Whyus Section ---------------*/
    .index-whyus-secn .whyus-slider-area{width: calc(100% + (100vw - 1140px + 24px) / 2);}
    /*--------------- Index News Section ---------------*/
    .index-news-secn .news-slider-area .theme-slider.owl-carousel .owl-stage-outer{margin-inline: -12px;width: calc(100% + 24px);}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
    
    /*--------------- Company Page ---------------*/
    .company-secn .company-area .company-img{position: sticky;top: 10%;margin-top: 100px;height: auto;}
    .group-secn .group-list-area .group-list-card .group-list-left .group-card-title{font-size: 22px;}
    /*--------------- Contact Page ---------------*/
    .contact-form-secn .theme-title-area{width: 100%;}
}
@media only screen and (max-width: 1199px) {
    .left-padding{margin-left: 34px;}
    
    /*--------------- Footer ---------------*/
    .footer .footer-top{padding: 0 40px 35px 40px;}
    .footer .footer-top h5{font-size: 35px;}
    .footer .footer-top p{font-size: 16px;}
    .footer .footer-mid{padding: 20px 40px 35px 40px;gap: 20px;}



    /*--------------- Index Product Section ---------------*/
    .index-product-secn .product-card .product-content .product-title{margin-bottom: 15px;font-size: 16px;}
    /*--------------- Index About Section ---------------*/
    .index-about-secn .left-padding{margin-left: 54px;}
    .index-about-secn .about-imgarea .img-area2{box-shadow: 0 0 0 6px #fff;}
    /*--------------- Index Counter Section ---------------*/
    .index-counter-secn .counter-card{padding: 30px 15px 30px 30px;}
    .index-counter-secn .counter-card::before{height: 8px;}
    .index-counter-secn .counter-card .counter-icon{margin-bottom: 40px;height: 50px;}
    .index-counter-secn .counter-card .counter-count{margin-bottom: 20px;height: 30px;font-size: 40px;}
    .counter-number{height: 31px;font-size: 40px;}
    .counter-number > span{width: 22px;}
    .index-counter-secn .counter-card .counter-title{font-size: 17px;}
    .index-counter-secn .counter-card p{font-size: 15px;}
    /*--------------- Index Process Section ---------------*/
    .index-process-secn .process-card{margin-bottom: 25px;}
    /*--------------- Index Whyus Section ---------------*/
    .index-whyus-secn .whyus-slider-area{width: calc(100% + (100vw - 960px + 24px) / 2);}
    .whyus-card{padding: 30px 0 40px 30px;width: 300px;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
    /*--------------- Inner Banner ---------------*/
    .inner-banner .content-area{width: 55%;}
    
    /*--------------- Company Page ---------------*/
    .company-secn .company-area{padding: 45px 60px;}
    .company-secn .company-area .company-img{top: 20%;}
    .company-secn .company-area .company-img img{width: calc(100% + 210px);}
    .company-secn .marquee-area{margin-top: 40px;padding-top: 15px;}
    .company-secn .marquee-area .marquee-slider{height: 80px;}
    .company-secn .marquee-area p{padding-inline: 45px;font-size: 80px;}
    /*---------------  ---------------*/
    .director-secn .director-content{padding-block: 0 40px;}
    /*--------------- Contact Page ---------------*/
    .contact-form-secn .contact-form-card{flex-direction: column;}
    .contact-form-secn .contact-form-card .contact-form-left{padding: 0 0 0 34px;width: 100%;}
    .contact-form-secn .contact-form-card .contact-form-area{padding: 50px 34px;width: 100%;}
    /*--------------- News Details Page ---------------*/
    .news-details-secn .latest-news-area{padding: 25px 18px;}
    .news-details-secn .latest-news-area .main-title{margin-bottom: 12px;padding-left: 12px;font-size: 18px;}
    .news-details-secn .latest-news-area .news-card{gap: 12px;}
    .news-details-secn .latest-news-area .news-card .news-image{width: 100px;}
    .news-details-secn .latest-news-area .news-card .news-content{width: calc(100% - 112px);}
    .news-details-secn .latest-news-area .news-card .news-content .date{margin-bottom: 8px;font-size: 11px;}
    .news-details-secn .latest-news-area .news-card .news-content .news-title{font-size: 15px;}
    /*--------------- Product Page ---------------*/
    .product-area .product-header-area{margin-bottom: 15px;padding-bottom: 15px;}
    .product-area .filtered-area{margin-top: 15px;}
    /*--------------- Cart Count Area ---------------*/
    .cart-count-area{width: 80px;height: 80px;bottom: 12vh;right: 1.2vw;}
    .cart-count-area::before{max-width: 30px;}
    /*--------------- Product Details Page ---------------*/
    .product-area .product-desc-area .pro-imgarea{padding: 30px;}
    .product-area .product-desc-area .product-details-area .pro-desc{margin-bottom: 25px;}
}
@media only screen and (max-width: 991px) {
    p{margin-bottom: 18px;}
    /*--------------- Theme Title ---------------*/
    .theme-title-area{margin-bottom: 30px;}
    .theme-title-area .icon-title{margin-bottom: 10px;height: 40px;}
    .theme-title-area .sub-title{margin-bottom: 12px;font-size: 13px;}
    .theme-title-area .main-title{font-size: 35px;}
    /*--------------- Theme Modal ---------------*/
    .theme-modal .theme-title-area{padding: 30px 50px 35px 60px;}
    .theme-modal .theme-title-area .main-title{font-size: 20px;}
    .theme-modal .cart-bodyarea{padding-inline: 20px;}
    .theme-modal .product-form-area .product-form-title{font-size: 16px;}
    

    /*--------------- Header ---------------*/
    .header .navbar .navbar-collapse{padding: 25px 20px 25px 25px;max-width: 330px;}
    .header .navbar .navbar-nav .nav-item{padding: 18px 15px;}
    .header .navbar .navbar-nav .nav-item .nav-link{font-size: 18px;}
    /*--------------- Footer ---------------*/
    .footer{padding-top: 50px;}
    .footer .footer-top{padding: 0 35px 30px 35px;}
    .footer .footer-top .footer-top-content{max-width: 440px;}
    .footer .footer-top h5{font-size: 30px;white-space: unset;}
    .footer .footer-top p{font-size: 15px;}
    .footer .footer-top .theme-btn{padding: 14px 20px;font-size: 15px;}
    .footer .footer-mid{padding: 15px 35px 30px 35px;}
    .footer .footer-mid .footer-logo{max-width: 250px;}
    .footer .footer-mid .footer-social{gap: 8px;}
    .footer .footer-mid .footer-social .footer-social-link{width: 50px;height: 50px;}
    .footer .footer-mid .footer-social .footer-social-link img{width: 20px;}
    .footer .footer-nav{padding: 10px 35px;}
    .footer .footer-nav .nav-list{column-gap: 30px;}
    .footer .footer-btm{padding: 30px 35px;}
    .footer .footer-btm .footer-btm-content{justify-content: center;}
    .footer .footer-btm .footer-btm-content ul{flex-wrap: wrap;justify-content: center;}
    .footer .footer-btm .footer-btm-content ul li{font-size: 14px;}
    /*--------------- News Card ---------------*/
    .news-card .tag{padding: 3px 6px;font-size: 10px;}
    .news-card .news-content{padding: 20px 35px 25px 30px;}
    .news-card .news-content .date{font-size: 12px;}
    .news-card .news-content .news-title{font-size: 20px;}



    /*--------------- Hero Section ---------------*/
    .slider-secn .slider-area .slider-title .slider-subtitle{font-size: 0.99vw;}
    .slider-secn .slider-area .slider-img-area .slider-img{width: 68.2%;}
    .slider-secn .slider-area .slider-img-area .slider-content-card{padding: 2.4vw 1.5vw 4vw 2.3vw;}
    .slider-secn .slider-area .slider-img-area .slider-content-card p{margin-bottom: 1.4vw;font-size: 1.19vw;}
    .slider-secn .slider-area .slider-img-area .slider-content-card .btn-area .theme-btn{padding: 1vw 1.5vw;font-size: 1.1vw;}
    /*--------------- Index Product Section ---------------*/
    .index-product-secn{padding-block: 60px 65px;}
    /*--------------- Index About Section ---------------*/
    .index-about-secn{padding-block: 90px 60px;}
    .index-about-secn .about-imgarea{margin: 0 auto 30px;max-width: 400px;}
    .index-about-secn .left-padding{margin-left: 30px;}
    /*--------------- Index Counter Section ---------------*/
    .index-counter-secn{background: linear-gradient(0deg, var(--theme-color-darkgreen) 50%, var(--theme-color-gray) 50%);}
    .index-counter-secn::before{height: 30%;top: calc(50% - 1px);}
    .index-counter-secn div[class*=col-]:nth-child(even) .counter-card{margin-top: 30px;}
    /*--------------- Index Group Section ---------------*/
    .index-group-secn{padding-block: 60px 100px;}
    .map-area .country-seletion{width: 14px;height: 14px;}
    .map-area .country-seletion .country-pin{box-shadow: inset 0 0 0 3px var(--theme-color-lightgreen);}
    .map-area .country-seletion:not(.show) .country-pin{box-shadow: inset 0 0 0 3px var(--theme-color-green);}
    .map-area .country-seletion .country-card{padding: 8px 8px 25px 8px;width: 240px;}
    .map-area .country-seletion .country-card .image{margin-bottom: 15px;}
    .map-area .country-seletion .country-card .country{margin-bottom: 5px;padding-left: 12px;font-size: 14px;}
    .map-area .country-seletion .country-card .title{padding-left: 10px;font-size: 16px;}
    .map-area .country-seletion .country-card .btn-area{right: 10px;}
    /*--------------- Index Process Section ---------------*/
    .index-process-secn{padding-block: 90px 100px;}
    /*--------------- Index Warehousing Section ---------------*/
    .index-warehousing-secn{padding-block: 100px}
    .index-warehousing-secn .warehousing-content-area{margin: -40px auto 0;padding: 35px 50px 35px 50px;width: 90%;}
    .index-warehousing-secn .warehousing-imgarea img{position: unset;height: unset;aspect-ratio: 2/1.3;}
    /*--------------- Index Whyus Section ---------------*/
    .index-whyus-secn{padding-block: 90px;}
    .index-whyus-secn .theme-title-area{margin-bottom: 40px;}
    .index-whyus-secn .whyus-slider-area{width: calc(100% + (100vw - 720px + 24px) / 2);}
    .whyus-card{width: 270px;}
    .whyus-card::before{width: 80px;}
    .whyus-card .whyus-title{font-size: 16px;}
    .whyus-card img.whyus-icon{height: 50px;}
    /*--------------- Index News Section ---------------*/
    .index-news-secn{padding-block: 65px 60px;}
    .index-news-secn .theme-title-area{margin-bottom: 30px;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
    /*--------------- Inner Banner ---------------*/
    .inner-banner{padding-block: 65px;}
    .inner-banner .content-area{width: 65%;}
    /* .inner-banner .img-area{width: 35%;height: 50%;bottom: 20%;} */
    
    /*--------------- Company Page ---------------*/
    .company-secn{padding-block: 60px;}
    .company-secn .company-area{margin-top: 65px;margin-left: 0;padding: 35px 45px;width: 100%;border-radius: 25px;}
    .company-secn .company-area .company-img{position: unset;margin-top: -100px;}
    .company-secn .company-area .company-img img{width: 100%;aspect-ratio: 2 / 1.1;border-radius: 25px 25px 0 0;object-position: center;}
    .company-secn .company-area .theme-btn{margin-top: 25px;}
    .company-secn .marquee-area .marquee-slider{height: 70px;}
    .company-secn .marquee-area p{padding-inline: 40px;font-size: 70px;}
    /*---------------  ---------------*/
    .director-secn{padding-bottom: 60px;}
    /*---------------  ---------------*/
    .group-secn{padding-block: 60px;}
    .group-secn .group-list-area{gap: 15px;}
    .group-secn .group-list-area .group-list-card{padding: 12px;min-height: 150px;}
    .group-secn .group-list-area .group-list-card .group-list-left{padding-left: 20px;width: calc(100% - 150px);}
    .group-secn .group-list-area .group-list-card .group-list-left .group-card-title{font-size: 20px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area{flex-direction: column;gap: 8px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area .icon{margin-right: 6px;width: 22px;height: 22px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area .address{max-width: 90%;min-height: 22px;white-space: unset;}
    .group-secn .group-list-area .group-list-card .group-list-right{width: 120px;}
    .group-secn .group-list-area .group-list-card:hover .group-list-left .hide-area{padding-top: 20px;}
    /*--------------- Contact Page ---------------*/
    .contact-secn{padding-block: 60px;}
    /*---------------  ---------------*/
    .contact-form-secn{padding-block: 60px;}
    .contact-form-secn .contact-form-card .contact-form-left{padding-left: 30px;}
    .contact-form-secn .contact-form-card .contact-form-area{padding: 45px 30px;border-radius: 25px;}
    /*--------------- News Page ---------------*/
    .news-secn{padding-block: 60px;}
    /*--------------- News Details Page ---------------*/
    .news-details-secn{padding-block: 60px;}
    .news-details-secn .news-image{margin-bottom: 25px;}
    .news-details-secn .news-image .date{font-size: 13px;}
    .news-details-secn .news-content h4{margin-top: 22px;font-size: 20px;}
    .news-details-secn .news-content h5{margin-top: 18px;font-size: 18px;}
    .news-details-secn .news-content h6{margin-top: 12px;font-size: 17px;}
    .news-details-secn .news-content .news-note{margin-bottom: 18px;padding: 8px 15px;}
    .news-details-secn .news-content .news-note p{font-size: 14px;}
    /*--------------- Event Details Page ---------------*/
    .event-details-secn{padding-block: 60px;}
    .event-details-secn .news-gallery-area{margin-top: 30px;}
    /*--------------- Extra Page ---------------*/
    .extra-secn{padding-block: 60px;}
    .extra-secn .terms-content h2{margin: 22px 0 7px 0;font-size: 22px;}
    .extra-secn .terms-content h3{margin: 18px 0 7px 0;font-size: 20px;}
    .extra-secn .terms-content h4{margin: 12px 0 7px 0;font-size: 18px;}
    .thankyou-area .theme-title-area .title{font-size: 65px;}
    /*--------------- Product Page ---------------*/
    .product-area{padding-block: 50px 60px;}
    .product-area .pro-subcategory{margin: 0 auto;}
    .product-area .pro-subcategory .pro-subcategory-title{padding: 8px 15px;font-size: 13px;}
    .product-area .filtered-area{gap: 8px;}
    .product-area .filtered-area span{font-size: 13px;}
    .product-area .filtered-area .filtered-item{gap: 10px;padding-left: 12px;font-size: 14px;}
    .product-area .filtered-area .filtered-item .close{width: 20px;height: 20px;font-size: 20px;}
    .product-area .filtered-area .clear-btn{font-size: 13px;}
    /*--------------- Cart Modal ---------------*/
    .theme-modal.cart-modal .product-cart-list{margin-bottom: 20px;padding: 30px 20px 15px 25px;}
    .theme-modal.cart-modal .product-cart-list .cart-list-title{font-size: 16px;}
    .theme-modal.cart-modal .product-cart-list .cart-item .pro-title{font-size: 15px;}
    /*--------------- Product Details Page ---------------*/
    .product-area .product-desc-area{padding-bottom: 60px;}
    .product-area .product-desc-area .pro-imgarea{padding: 20px;width: 100%;max-width: 400px;}
    .product-area .product-desc-area .product-details-area .pro-desc{margin-bottom: 20px;}
    /*--------------- Related Products ---------------*/
    .product-area .related-secn .related-slider-area .related-slider .pro-card{padding-block: 25px 10px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea{margin-bottom: 15px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea img{max-width: 120px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-title{font-size: 15px;}
}
@media only screen and (max-width: 799px) {
    /*--------------- Cart Notification ---------------*/
    .notification{text-align:center;}
    .notification .container{flex-direction: column;gap: 8px;}
    .notification .actions{justify-content: center;}
    .notification .hover-btn{margin:5px 15px;}
}
@media only screen and (max-width: 767px) {
    body{font-size: 16px;}
    p{margin-bottom: 15px;}
    .left-padding{margin-left: 25px;}
    /*--------------- Theme Button ---------------*/
    .theme-btn{padding: 10px 20px;font-size: 13px;}
    /*--------------- Theme Title ---------------*/
    .theme-title-area{margin-bottom: 25px;}
    .theme-title-area .icon-title{height: 35px;}
    .theme-title-area .sub-title{margin-bottom: 10px;font-size: 12px;}
    .theme-title-area .main-title{font-size: 30px;}
    /*--------------- Theme Modal ---------------*/
    .theme-modal .theme-title-area{padding: 20px 40px 25px 45px;}
    .theme-modal .theme-title-area .main-title{font-size: 18px;}
    .theme-modal .cart-bodyarea{padding-inline: 15px;}
    .theme-modal .product-form-area{padding: 25px 15px 12px 20px;}
    .theme-modal .product-form-area .product-form-title{font-size: 15px;}
    


    /*--------------- Header ---------------*/
    .header{padding: 20px 15px;}
    .header .navbar .navbar-brand img{max-width: 120px;}
    .header .header-rightpart{gap: 12px;}
    .header .header-rightpart .language .icon-language{margin-right: 4px;width: 22px;}
    .header .header-rightpart .language .filter-select .select-selected{font-size: 14px;}
    .header .header-rightpart .phone img{width: 22px;}
    .header .theme-btn{padding: 12px 12px;font-size: 14px;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse{padding: 20px 10px 20px 15px;max-width: 300px;}
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 20px;height: 53px;}
    .header .navbar .navbar-collapse .mob-navarea{margin-bottom: 20px;max-height: calc(100% - 133px);}
    .header .navbar .navbar-nav .nav-item{padding: 15px 10px;}
    .header .navbar .navbar-nav .nav-item .nav-link{font-size: 16px;}
    .header .header-request{display: none;}
    .header .navbar .navbar-collapse .mob-request{margin: 0;background: var(--theme-color-lightgreen);color: var(--theme-color-darkgreen);}
    /*--------------- Footer ---------------*/
    .footer{position: relative;}
    .footer{padding-top: 40px;}
    .footer .footer-top{padding: 0 25px 20px 25px;}
    .footer .footer-top .footer-top-content{max-width: unset;width: 100%;}
    .footer .footer-top h5{font-size: 25px;}
    .footer .footer-top p{font-size: 14px;}
    .footer .footer-top .theme-btn{padding: 12px 15px;font-size: 14px;}
    .footer .footer-mid{padding: 15px 25px 20px 25px;}
    .footer .footer-mid .footer-logo{max-width: 200px;}
    .footer .footer-mid .footer-social .footer-social-link{width: 45px;height: 45px;}
    .footer .footer-mid .footer-social .footer-social-link img{width: 17px;}
    .footer .footer-nav{padding: 10px 25px;}
    .footer .footer-nav .nav-list{column-gap: 20px;}
    .footer .footer-nav .nav-list .footer-nav-link{padding-block: 12px;font-size: 15px;}
    .footer .footer-btm{padding: 20px 25px;}
    .footer .footer-btm .footer-btm-content{gap: 10px;}
    .footer .footer-btm .footer-btm-content ul li{margin-right: 5px;padding-right: 5px;font-size: 14px;}



    /*--------------- Hero Section ---------------*/
    .slider-secn .slider-area .slider-row{flex-direction: column;align-items: flex-start;margin-inline: auto;max-width: 450px;width: 100%;}
    .slider-secn .slider-area .slider-title{margin: 0 0 15px;width: 98%;}
    .slider-secn .slider-area .slider-title .slider-subtitle{font-size: 12px;}
    .slider-secn .slider-area .slider-title .slider-maintitle{font-size: 23px;}
    .slider-secn .slider-area .slider-img-area .slider-img{width: 70%;border-radius: 10px 10px 0 0;}
    .slider-secn .slider-area .slider-img-area .slider-content-card{margin-right: -40px;padding: 12px 18px 14px 18px;max-width: 290px;}
    .slider-secn .slider-area .slider-img-area .slider-content-card p{margin-bottom: 12px;font-size: 12px;}
    .slider-secn .slider-area .slider-img-area .slider-content-card .btn-area .theme-btn{padding: 8px 13px;font-size: 11px;}
    /*--------------- Index Product Section ---------------*/
    .index-product-secn{padding-block: 40px;}
    .index-product-secn .product-card .product-content{padding: 12px 10px 0 25px;}
    /*--------------- Index About Section ---------------*/
    .index-about-secn{padding-block: 60px 40px;}
    .index-about-secn .about-imgarea{margin-bottom: 20px;}
    .index-about-secn .about-imgarea .img-area1{border-radius: 20px 20px 0 0;}
    .index-about-secn p{margin-bottom: 20px;}
    /*--------------- Index Group Section ---------------*/
    .index-group-secn{padding-block: 40px 80px;}
    .map-area .country-seletion .country-card{padding: 5px 5px 20px 5px;width: 180px;}
    .map-area .country-seletion .country-card .image{margin-bottom: 8px;border-radius: 6px;}
    .map-area .country-seletion .country-card .country{margin-bottom: 2px;padding-left: 5px;font-size: 10px;}
    .map-area .country-seletion .country-card .title{padding-left: 5px;font-size: 12px;}
    .map-area .country-seletion .country-card .btn-area{right: 5px;}
    .map-area .country-seletion .country-card .btn-area .btn-prv, 
    .map-area .country-seletion .country-card .btn-area .btn-nxt{width: 15px;height: 15px;font-size: 8px;}
    .map-area .country-seletion .country-card .btn-area .btn-prv{border-radius: 3px 0 0 3px;}
    .map-area .country-seletion .country-card .btn-area .btn-nxt{border-radius: 0 3px 3px 0;}
    /*--------------- Index Process Section ---------------*/
    .index-process-secn{padding-block: 60px 80px;}
    .index-process-secn .process-card{margin-bottom: 20px;}
    .index-process-secn .process-card .process-img{width: 160px;}
    .index-process-secn .process-card .process-count{font-size: 55px;}
    .index-process-secn .process-card .process-card-right .process-title{font-size: 17px;}
    .index-process-secn .process-card .process-card-right .process-para{font-size: 14px;}
    /*--------------- Index Warehousing Section ---------------*/
    .index-warehousing-secn{padding-block: 80px}
    .index-warehousing-secn .warehousing-content-area{padding: 30px 40px 30px 40px;}
    .index-warehousing-secn .warehousing-content-area .theme-title-area{margin-bottom: 15px;}
    .index-warehousing-secn .warehousing-content-area .theme-btn{margin-top: 20px;}
    /*--------------- Index Whyus Section ---------------*/
    .index-whyus-secn{padding-block: 60px;}
    .index-whyus-secn .theme-title-area{margin-bottom: 30px;}
    .index-whyus-secn .whyus-slider-area{width: calc(100% + (100vw - 540px + 24px) / 2);}
    .whyus-card{padding: 25px 0 35px 25px;width: 210px;}
    .whyus-card::before{width: 60px;}
    .whyus-card .whyus-title{font-size: 15px;}
    .whyus-card img.whyus-icon{height: 45px;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
    /*--------------- Inner Banner ---------------*/
    .inner-banner{padding-block: 0 40px;}
    .inner-banner .content-area{width: 100%;}
    .inner-banner .img-area{position: unset;margin: 25px 0 0 auto;width: calc(100% - ((100vw - 540px) / 3));aspect-ratio: 2 / 0.5;}
    /*--------------- Company Page ---------------*/
    .company-secn{padding-block: 40px;}
    .company-secn .company-area{margin-top: 55px;padding: 25px 35px;border-radius: 20px;}
    .company-secn .company-area .company-img{margin-top: -80px;}
    .company-secn .company-area .company-img img{border-radius: 20px 20px 0 0;}
    .company-secn .company-area .theme-btn{margin-top: 20px;}
    .company-secn .marquee-area{margin-top: 30px;padding-top: 10px;}
    .company-secn .marquee-area .marquee-slider{height: 55px;}
    .company-secn .marquee-area p{padding-inline: 35px;font-size: 55px;}
    /*---------------  ---------------*/
    .director-secn{padding-bottom: 40px;}
    .director-secn .director-content{padding-bottom: 30px;}
    .director-secn .director-img{margin: 0 auto;max-width: 200px;}
    .director-secn .director-img img{position: relative;}
    /*---------------  ---------------*/
    .group-secn{padding-block: 40px;}
    .group-secn .group-title-area .theme-title-area{flex-direction: column;gap: 10px;}
    .group-secn .group-list-area{gap: 12px;}
    .group-secn .group-list-area .group-list-card{padding: 10px;min-height: 80px;}
    .group-secn .group-list-area .group-list-card .group-list-left{padding-left: 15px;width: calc(100% - 80px);}
    .group-secn .group-list-area .group-list-card .group-list-left .group-card-title{font-size: 18px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area ul{gap: 5px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area .icon{margin-right: 5px;width: 20px;height: 20px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area .address{padding-left: 28px;max-width: 100%;min-height: 20px;}
    .group-secn .group-list-area .group-list-card .group-list-right{width: 70px;border-radius: 5px;}
    .group-secn .group-list-area .group-list-card:hover .group-list-left .hide-area{padding-top: 15px;}
    /*--------------- Contact Page ---------------*/
    .contact-secn{padding-block: 40px;}
    .contact-secn .container-fluid{max-width: 540px;}
    .contact-area .contact-card{padding: 20px 15px 20px 15px;}
    .contact-area .contact-card::before{max-height: 80%;}
    .contact-area .contact-card .contact-card-header{margin-bottom: 12px;padding: 0 10px 6px;}
    .contact-area .contact-card .contact-card-header .contact-card-flag{width: 30px;}
    .contact-area .contact-card .contact-card-content .contact-card-subtitle{margin-bottom: 8px;font-size: 14px;}
    .contact-area .contact-card .contact-card-content .contact-card-list{gap: 6px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li{padding-left: 25px;font-size: 14px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li .icon{width: 18px;height: 19px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li.address{font-size: 13px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li.address a .map-icon{width: 18px;}
    /*---------------  ---------------*/
    .contact-form-secn{padding-block: 40px;}
    .contact-form-secn .contact-form-card .contact-form-left{padding-left: 25px;}
    .contact-form-secn .contact-form-card .contact-form-area{padding: 25px 25px;border-radius: 20px;}
    /*--------------- News Page ---------------*/
    .news-secn{padding-block: 40px;}
    /*--------------- News Details Page ---------------*/
    .news-details-secn{padding-block: 40px;}
    .news-details-secn .news-image{margin-bottom: 20px;}
    .news-details-secn .news-image .date{padding: 5px 8px;top: 12px;right: 12px;}
    .news-details-secn .news-content{padding-right: 10px;}
    .news-details-secn .news-content h4{margin-top: 20px;font-size: 18px;}
    .news-details-secn .news-content h5{margin-top: 15px;font-size: 17px;}
    .news-details-secn .news-content h6{margin-top: 10px;font-size: 16px;}
    .news-details-secn .news-content .news-note{margin-bottom: 15px;padding: 8px 12px;border-radius: 8px;}
    .news-details-secn .news-content .news-note p{font-size: 13px;}
    /*---------------  ---------------*/
    .news-details-secn .latest-news-area{padding: 20px 15px;}
    .news-details-secn .latest-news-area .main-title{font-size: 16px;}
    /*--------------- Event Details Page ---------------*/
    .event-details-secn{padding-block: 40px;}
    .event-details-secn .news-gallery-area{margin-top: 25px;}
    /*--------------- Extra Page ---------------*/
    .extra-secn{padding-block: 40px;}
    .extra-secn .terms-content h2{margin: 20px 0 6px 0;font-size: 20px;}
    .extra-secn .terms-content h3{margin: 16px 0 6px 0;font-size: 18px;}
    .extra-secn .terms-content h4{margin: 10px 0 6px 0;font-size: 16px;}
    .extra-secn .terms-content ul li{margin-bottom: 7px;font-size: 15px;}
    .thankyou-area .theme-title-area{margin-bottom: 15px;}
    .thankyou-area .theme-title-area .title{margin-bottom: 8px;font-size: 60px;}
    /*--------------- Product Page ---------------*/
    .product-area{padding-block: 30px 40px;}
    .product-area .product-header-area{margin-bottom: 12px;padding-bottom: 12px;}
    .header-show .product-area .product-header-area{top: 93px;}
    .product-area .pro-subcategory{width: 100%;}
    .product-area .pro-subcategory .pro-subcategory-title{padding: 5px 12px;}
    .product-area .filtered-area{gap: 6px;margin-top: 12px;}
    .product-area .filtered-area span{font-size: 12px;}
    .product-area .filtered-area .filtered-item{gap: 8px;padding-left: 10px;font-size: 13px;}
    .product-area .filtered-area .filtered-item .close{width: 18px;height: 18px;font-size: 18px;}
    .product-area .filtered-area .clear-btn{font-size: 12px;}
    /*---------------  ---------------*/
    .product-area .pro-card .pro-title{margin-bottom: 15px;font-size: 16px;}
    .product-area .pro-card .theme-btn,
    .product-area .pro-card .theme-btn.text-btn:before{padding-left: 36px;}
    .product-area .pro-card .theme-btn::after{top: calc(50% - 8px);left: 12px;width: 16px;height: 16px;}
    /*---------------  ---------------*/
    .add-area{width: 25px;height: 25px;top: 8px;right: 8px;}
    .add-area .pro-card-check[type="checkbox"] + label::after{font-size: 20px;line-height: 25px;}
    /*--------------- Cart Count Area ---------------*/
    .cart-count-area{width: 70px;height: 70px;border-width: 1px;bottom: 10vh;right: 1vw;}
    .cart-count-area::before{max-width: 25px;}
    /*--------------- Cart Modal ---------------*/
    .theme-modal.cart-modal .product-cart-list{margin-bottom: 15px;padding: 25px 15px 12px 20px;}
    .theme-modal.cart-modal .product-cart-list .cart-list-title{font-size: 15px;}
    .theme-modal.cart-modal .product-cart-list .cart-item .pro-title{font-size: 14px;}
    /*--------------- Cart Notification ---------------*/
    .notification{padding: 12px;}
    .notification .msg{font-size: 15px;}
    /*--------------- Product Details Page ---------------*/
    .product-area .product-desc-area{padding-bottom: 40px;}
    .product-area .product-desc-area .product-details-area .pro-desc{margin-bottom: 15px;}
    .product-area .product-desc-area .product-details-area .pro-desc li span{font-size: 13px;}

}
@media only screen and (max-width: 767px) and (min-width: 576px){
        .news-secn .container{max-width: calc(100% - 30px);}
}
@media only screen and (max-width: 575px) {
    body{font-size: 15px;}
    p{margin-bottom: 12px;}
    .left-padding{margin-left: 20px;}
    /*--------------- Theme Title ---------------*/
    .theme-title-area{margin-bottom: 20px;}
    .theme-title-area .icon-title{height: 30px;}
    .theme-title-area .sub-title{margin-bottom: 8px;font-size: 11px;}
    .theme-title-area .main-title{font-size: 20px;}
    .theme-title-area p{margin-top: 10px;}
    /*--------------- Theme Form ---------------*/
    .theme-form label{top: 16px;left: 10px;font-size: 13px;}
    .theme-form label.active{top: -6px;left: 4px;padding: 0 3px;font-size: 12px;}
    .theme-form .mobile label.active{top: -6px;left: 4px;}
    .theme-form input:not([type="checkbox"]), .theme-form textarea, .theme-form select{padding: 6px 8px;height: 45px;font-size: 14px;}
    .theme-form textarea{height: 70px;}
    .theme-form .nice-select.form-control{padding: 10px 10px;height: 45px;font-size: 14px;}
    .theme-form .nice-select:after{right: 10px;width: 18px;height: 18px;background-size: contain !important;}
    .theme-form .nice-select .list{max-height: 150px;}
    .theme-form .nice-select .option{padding-inline: 10px;height: 30px;font-size: 13px;}
    .theme-form .theme-btn{padding: 12px 10px;width: 100px;}
    /*--------------- Theme Modal ---------------*/
    .theme-modal.offcanvas-end{padding-bottom: 10px;max-width: 100%;}
    .theme-modal .btn-close{width: 30px;height: 30px;}
    .theme-modal .btn-close::before, 
    .theme-modal .btn-close::after{width: 15px;height: 1px;}
    .theme-modal .theme-title-area{padding: 15px 10px 20px 20px;}
    .theme-modal .theme-title-area .main-title{font-size: 15px;}
    .theme-modal .cart-bodyarea{padding-inline: 10px;}
    .theme-modal .product-form-area{padding: 15px 10px;}
    .theme-modal .product-form-area .product-form-title{font-size: 14px;}
    .theme-modal .product-form-area .theme-form .theme-btn{padding: 10px 12px;}

    
    /*--------------- Header ---------------*/
    .header{padding: 10px 8px;}
    .header .navbar .navbar-brand img{max-width: 100px;}
    .header .header-rightpart{gap: 8px;}
    .header .header-rightpart .navbar-toggler{width: 40px;height: 20px;}
    .header .header-rightpart .navbar-toggler span.line:before{font-size: 10px;}
    .header .header-rightpart .language .icon-language{width: 20px;}
    .header .header-rightpart .language .filter-select .select-selected{padding-right: 0;font-size: 13px;}
    .header .header-rightpart .phone img{width: 20px;}
    .header .header-rightpart .theme-btn{display: none;}
    /*---------------  ---------------*/
    .header .navbar .navbar-collapse{padding: 15px 8px 15px 10px;max-width: 260px;}
    .header .navbar .navbar-collapse .mob-logo{margin-bottom: 10px;height: 44px;}
    .header .navbar .navbar-collapse .mob-navarea{margin-bottom: 15px;max-height: calc(100% - 107px);}
    /*--------------- Footer ---------------*/
    .footer{padding-top: 30px;}
    .footer .footer-top{padding: 0 10px 15px 10px;gap: 10px;}
    .footer .footer-top h5{font-size: 20px;}
    .footer .footer-top p{font-size: 13px;}
    .footer .footer-top .theme-btn{padding: 10px 12px;font-size: 13px;}
    .footer .footer-mid{padding: 10px 10px 15px 10px;}
    .footer .footer-mid .footer-logo{max-width: 150px;}
    .footer .footer-mid .footer-social .footer-social-link{width: 40px;height: 40px;}
    .footer .footer-mid .footer-social .footer-social-link img{width: 15px;}
    .footer .footer-nav{padding: 10px 10px;}
    .footer .footer-nav .nav-list{column-gap: 15px;}
    .footer .footer-nav .nav-list .footer-nav-link{padding-block: 10px;font-size: 14px;}
    .footer .footer-btm{padding: 15px 10px;}
    .footer .footer-btm .footer-btm-content{gap: 10px;}
    .footer .footer-btm .footer-btm-content ul li{margin-right: 3px;padding-right: 3px;border-width: 1px;font-size: 13px;}
    .footer .footer-btm .footer-btm-content .webplus img{width: 23px;}
    /*--------------- News Card ---------------*/
    .news-card .news-content .news-title{font-size: 16px;}



    /*--------------- Hero Section ---------------*/
    .slider-secn .slider-area .slider-row{max-width: unset;}
    .slider-secn .slider-area .slider-title{margin: 0 0 10px;width: 84%;}
    .slider-secn .slider-area .slider-title .slider-subtitle{font-size: 11px;}
    .slider-secn .slider-area .slider-title .slider-maintitle{font-size: 20px;}
    .slider-secn .slider-area .slider-img-area{width: 100%;}
    .slider-secn .slider-area .slider-img-area .slider-content-card{margin-right: 0px;max-width: 260px;}
    .slider-secn .slider-area .slider-img-area .slider-content-card p{font-size: 10px;}
    /*--------------- Index Product Section ---------------*/
    .index-product-secn{padding-block: 30px;}
    .index-product-secn .product-card .product-img{max-height: 240px;}
    .index-product-secn .product-card .product-content{padding: 8px 0 0 10px;}
    /*--------------- Index About Section ---------------*/
    .index-about-secn{padding-block: 40px 30px;}
    .index-about-secn .about-imgarea{margin-bottom: 10px;max-width: 300px;}
    .index-about-secn .about-imgarea .img-area1{border-radius: 15px 15px 0 0;}
    .index-about-secn .about-imgarea .img-area2{box-shadow: 0 0 0 4px #fff;}
    .index-about-secn .left-padding{margin-left: 20px;}
    .index-about-secn p{margin-bottom: 15px;}
    /*--------------- Index Counter Section ---------------*/
    .index-counter-secn{background: linear-gradient(0deg, var(--theme-color-darkgreen) 30%, var(--theme-color-gray) 30%);}
    .index-counter-secn::before{height: 20%;top: calc(70% - 1px);}
    .index-counter-secn .row{flex-direction: column;align-content: center;}
    .index-counter-secn div[class*=col-]{width: fit-content;}
    .index-counter-secn .counter-card{margin-left: -20px;padding: 20px 10px 20px 20px;width: 330px;}
    .index-counter-secn div[class*=col-]:nth-child(even) .counter-card{margin-top: 0;margin-inline: auto -20px;}
    .index-counter-secn .counter-card::before{height: 5px;}
    .index-counter-secn .counter-card .counter-icon{margin-bottom: 20px;height: 40px;}
    .index-counter-secn .counter-card .counter-count{margin-bottom: 12px;height: 23px;font-size: 30px;}
    .counter-number{height: 23px;font-size: 30px;}
    .counter-number > span{width: 16px;}
    .index-counter-secn .counter-card .counter-title{margin-bottom: 2px;font-size: 16px;}
    .index-counter-secn .counter-card p{font-size: 14px;}
    /*--------------- Index Group Section ---------------*/
    .index-group-secn{padding-block: 30px 60px;}
    .map-area .map-main-area .country-seletion .country-card{display: none;}
    /*-----------------*/
    .map-area .mobile-country-area{margin: 20px 0 0;}
    .map-area .mobile-country-area .country-card{margin:0 auto;padding: 8px 8px 15px 8px;width: 260px;background: var(--theme-color-gray);border-radius: 10px;}
    .map-area .mobile-country-area .country-card .image{margin-bottom: 10px;width: 100%;aspect-ratio: 293/172;border-radius: 6px;overflow: hidden;}
    .map-area .mobile-country-area .country-card .image img{width: 100%;height: 100%;object-fit: cover;}
    .map-area .mobile-country-area .country-card .country{margin-bottom: 4px;padding-left: 10px;font-size: 12px;font-weight: 600;line-height: 1.4;color: var(--theme-color-dark2);letter-spacing: 0.25px;text-transform: uppercase;}
    .map-area .mobile-country-area .country-card .title{margin-bottom: 0;padding-left: 10px;width: 90%;font-size: 17px;font-weight: 700;line-height: 1.45;letter-spacing: 0.25px;text-transform: uppercase;}
    .map-area .mobile-country-area .country-card .btn-area{display: none;}
    /*-----------------*/
    .map-area .mobile-map{width: 100%;overflow-x: auto;}
    .map-area .map-main-area{width: 630px;}
    /*-----------------*/
    .map-area .mobile-map::-webkit-scrollbar-track{background: #2a5156;}
    .map-area .mobile-map::-webkit-scrollbar{height: 4px;}
    .map-area .mobile-map::-webkit-scrollbar-thumb{border-radius: 5px;}
    /*--------------- Index Process Section ---------------*/
    .index-process-secn{padding-block: 40px 60px;}
    .index-process-secn .process-card{margin-bottom: 20px;}
    .index-process-secn .process-card .process-count{font-size: 50px;}
    .index-process-secn .process-card .process-card-right .process-title{font-size: 15px;}
    .index-process-secn .process-card .process-card-right .process-para{font-size: 13px;}
    /*--------------- Index Warehousing Section ---------------*/
    .index-warehousing-secn{padding-block: 60px}
    .index-warehousing-secn .warehousing-content-area{margin-top: -25px;padding: 25px 30px 25px 30px;}
    .index-warehousing-secn .warehousing-content-area .theme-title-area{margin-bottom: 12px;}
    .index-warehousing-secn .warehousing-content-area .theme-btn{margin-top: 15px;}
    /*--------------- Index Whyus Section ---------------*/
    .index-whyus-secn{padding-block: 40px;}
    .index-whyus-secn .theme-title-area{margin-bottom: 20px;}
    .index-whyus-secn .whyus-slider-area{width: calc(100% + 12px);}
    .whyus-card{padding: 20px 0 25px 20px;width: 180px;}
    .whyus-card::before{width: 50px;}
    .whyus-card .whyus-title{font-size: 14px;}
    .whyus-card img.whyus-icon{height: 40px;}
    /*--------------- Index News Section ---------------*/
    .index-news-secn{padding-block: 30px;}
    .index-news-secn .theme-title-area{margin-bottom: 20px;}
    .index-news-secn .news-slider-area .theme-slider.owl-carousel .owl-stage-outer{padding: 0px 12px 15px;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
    /*--------------- Inner Banner ---------------*/
    .inner-banner{padding-block: 10px 20px;}
    .inner-banner .sub-title{margin-bottom: 0px;}
    .inner-banner .sub-title li{padding-inline: 5px 5px;border-right-width: 1px;}
    .inner-banner .img-area{margin-top: 12px;width: calc(100% - 15px);}
    
    /*--------------- Company Page ---------------*/
    .company-secn{padding-block: 30px;}
    .company-secn .company-area{padding: 20px 20px;border-radius: 15px;}
    /* .company-secn .company-area .company-img{} */

    .company-secn .company-area{margin-top: 30px;}
    .company-secn .company-area .company-img{margin-top: -50px;margin-inline: auto;max-width: 330px;}
    .company-secn .company-area .company-img img{border-radius: 15px 15px 0 0;}


    .company-secn .company-area .theme-btn{margin-top: 15px;}
    .company-secn .marquee-area .marquee-slider{height: 40px;}
    .company-secn .marquee-area p{padding-inline: 25px;font-size: 40px;}
    /*---------------  ---------------*/
    .director-secn{padding-bottom: 30px;}
    .director-secn .director-content{padding-bottom: 20px;}
    .director-secn .director-img{max-width: 150px;}
    /*---------------  ---------------*/
    .group-secn{padding-block: 30px;}
    .group-secn .group-title-area .theme-title-area{gap: 5px;}
    .group-secn .group-title-area .title-map li{width: 15px;}
    .group-secn .group-title-area .title-map li:first-child{width: 30px;}
    .group-secn .group-title-area .title-map li img{width: 30px;}
    .group-secn .group-title-area:not(.show) .title-map li:first-child{width: 30px;}
    .group-secn .group-list-area{gap: 8px;}
    .group-secn .group-list-area .group-list-card{position: relative;}
    .group-secn .group-list-area .group-list-card .group-list-left{padding-left: 10px;width: 100%;font-size: 14px;}
    .group-secn .group-list-area .group-list-card .group-list-left .group-card-title{padding-right: 60px;font-size: 15px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area{gap: 5px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area ul{gap: 3px;}
    .group-secn .group-list-area .group-list-card .group-list-left .hide-area .icon{width: 18px;height: 18px;}
    .group-secn .group-list-area .group-list-card:hover .group-list-left .hide-area{padding-top: 12px;}
    .group-secn .group-list-area .group-list-card .group-list-right{width: 50px;position: absolute;right: 10px;top: 24px;transition: 0.5s;}
    .group-secn .group-list-area .group-list-card:hover .group-list-right{top: 12px;}
    /*--------------- Contact Page ---------------*/
    .contact-secn{padding-block: 30px;}
    .contact-area .contact-card{padding: 12px 10px 12px 10px;}
    .contact-area .contact-card::after{height: 2px;}
    .contact-area .contact-card .contact-card-header{margin-bottom: 10px;padding: 0 10px 4px;}
    .contact-area .contact-card .contact-card-header .contact-card-title{font-size: 15px;}
    .contact-area .contact-card .contact-card-header .contact-card-flag{width: 28px;}
    .contact-area .contact-card .contact-card-content .contact-card-subtitle{margin-bottom: 6px;font-size: 13px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li{padding-left: 22px;font-size: 13px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li .icon{width: 16px;height: 17px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li.address{font-size: 12px;}
    .contact-area .contact-card .contact-card-content .contact-card-list li.address a .map-icon{padding: 1px 1px;width: 16px;}
    /*---------------  ---------------*/
    .contact-form-secn{padding-block: 30px;}
    .contact-form-secn .contact-form-card .contact-form-left{padding-left: 20px;}
    .contact-form-secn .contact-form-card .contact-form-area{padding: 20px 20px;border-radius: 15px;}
    /*--------------- News Page ---------------*/
    .news-secn{padding-block: 30px;}
    /*--------------- News Details Page ---------------*/
    .news-details-secn{padding-block: 30px;}
    .news-details-secn .news-image{margin-bottom: 15px;}
    .news-details-secn .news-image .date{padding: 4px 5px;font-size: 12px;top: 10px;right: 10px;}
    .news-details-secn .news-content{padding-right: 0;}
    .news-details-secn .news-content h4{margin-top: 15px;font-size: 17px;}
    .news-details-secn .news-content h5{margin-top: 10px;font-size: 16px;}
    .news-details-secn .news-content h6{margin-top: 8px;font-size: 15px;}
    .news-details-secn .news-content .news-note{margin-bottom: 12px;padding: 5px 10px;border-radius: 5px;}
    .news-details-secn .news-content .news-note p{font-size: 12px;}
    /*---------------  ---------------*/
    .news-details-secn .latest-news-area{padding: 15px 12px;}
    .news-details-secn .latest-news-area .main-title{margin-bottom: 10px;font-size: 15px;}
    .news-details-secn .latest-news-area .news-card .news-content .date{margin-bottom: 5px;font-size: 10px;}
    .news-details-secn .latest-news-area .news-card .news-content .news-title{font-size: 14px;}
    /*--------------- Event Details Page ---------------*/
    .event-details-secn{padding-block: 30px;}
    .event-details-secn .news-gallery-area{margin-top: 16px;}
    .event-details-secn .theme-title-area{width: 100%;}
    /*--------------- Extra Page ---------------*/
    .extra-secn{padding-block: 30px;}
    .extra-secn .terms-content h2{margin: 18px 0 5px 0;font-size: 16px;}
    .extra-secn .terms-content h3{margin: 15px 0 5px 0;font-size: 15px;}
    .extra-secn .terms-content h4{margin: 8px 0 5px 0;font-size: 14px;}
    .extra-secn .terms-content ul li{margin-bottom: 6px;font-size: 14px;}
    .thankyou-area .theme-title-area{margin-bottom: 10px;}
    .thankyou-area .theme-title-area .title{font-size: 50px;}
    /*--------------- Product Page ---------------*/
    .product-area{padding-block: 20px 30px;}
    .product-area .product-header-area{margin-bottom: 10px;padding-bottom: 10px;}
    .header-show .product-area .product-header-area{top: 64px;}
    .product-area .pro-subcategory .pro-subcategory-title{padding: 5px 10px;font-size: 12px;}
    .product-area .filtered-area{gap: 5px;margin-top: 10px;}
    .product-area .filtered-area span{font-size: 11px;}
    .product-area .filtered-area .filtered-item{gap: 5px;padding: 2px 2px 2px 8px;font-size: 12px;}
    .product-area .filtered-area .filtered-item .close{width: 15px;height: 15px;font-size: 15px;}
    .product-area .filtered-area .clear-btn{font-size: 11px;}
    /*---------------  ---------------*/
    .product-search{width: 180px;height: 30px;}
    .product-search .search{right: 3px;width: 24px;height: 24px;}
    .product-search .search::before{top: 14px;left: 13px;width: 6px;height: 2px;}
    .product-search .search::after{right: 2px;width: 14px;height: 14px;}
    .product-search input{padding-inline: 10px 30px;height: 30px;font-size: 14px;}
    .product-search input::placeholder{font-size: 12px;}
    /*---------------  ---------------*/
    .product-area .pro-card{padding: 15px 8px 10px;}
    .product-area .pro-card::before{display: none;}
    .product-area .pro-card .pro-imgarea{margin-bottom: 15px;}
    .product-area .pro-card .pro-title{margin-bottom: 5px;font-size: 14px;}
    .product-area .pro-card .pro-title span{min-height: 16px;}
    .product-area .pro-card .theme-btn{padding: 8px 15px 8px 30px;}
    .product-area .pro-card .theme-btn.text-btn:before{padding-left: 30px;}
    /*---------------  ---------------*/
    .add-area{width: 20px;height: 20px;top: 5px;right: 5px;}
    .add-area .pro-card-check[type="checkbox"] + label::after{font-size: 16px;line-height: 20px;}
    /*--------------- Cart Count Area ---------------*/
    .cart-count-area{width: 55px;height: 55px;bottom: 8vh;}
    .cart-count-area::before{max-width: 20px;}
    .cart-count-area .count {width: 20px;height: 20px;font-size: 11px;top: -5px;right: 2px;}
    /*--------------- Cart Modal ---------------*/
    .theme-modal.cart-modal .product-cart-list{margin-bottom: 10px;padding: 10px 10px 10px 15px;}
    .theme-modal.cart-modal .product-cart-list .cart-list-title{margin: 0 0 10px 10px;font-size: 14px;}
    .theme-modal.cart-modal .product-cart-list .cart-item{padding: 5px 10px;}
    .theme-modal.cart-modal .product-cart-list .cart-item .pro-title{font-size: 13px;}
    .theme-modal.cart-modal .product-cart-list .cart-item .pro-cart-btn{width: 25px;font-size: 13px;}
    /*--------------- Cart Notification ---------------*/
    .notification{padding: 10px 0;}
    .notification .msg{font-size: 14px;}
    /*--------------- Product Details Page ---------------*/
    .product-area .product-desc-area{padding-bottom: 30px;}
    .product-area .product-desc-area .product-details-area .pro-desc{margin-bottom: 10px;display: flex;flex-direction: row;flex-wrap: wrap;}
    .product-area .product-desc-area .product-details-area .pro-desc li{padding-block: 10px 8px;width: 50%;line-height: 1.5;}
    .product-area .product-desc-area .product-details-area .pro-desc li.description{width: 100%;}
    .product-area .product-desc-area .product-details-area .pro-desc li::after{width: 20%;}
    .product-area .product-desc-area .product-details-area .pro-desc li span{display: block;margin: 0 0 5px 0;line-height: 1;}
    .product-area .product-desc-area .product-details-area .pro-desc li span{font-size: 12px;}
    /*--------------- Related Products ---------------*/
    .product-area .related-secn .related-slider-area .related-slider .pro-card{padding-block: 20px 8px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card::before{right: 8px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea{margin-bottom: 12px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-imgarea img{max-width: 100px;}
    .product-area .related-secn .related-slider-area .related-slider .pro-card .pro-title{font-size: 14px;}
}
@media only screen and (max-width: 430px) {
    /*--------------- Footer ---------------*/
    .footer .footer-mid{flex-direction: column;gap: 10px;}
    .footer .footer-nav .nav-list{gap: 6px 20px;}
    .footer .footer-nav .nav-list .footer-nav-link{padding-block: 8px;}



    /*--------------- Hero Section ---------------*/
    .slider-secn{overflow: hidden;}
    .slider-secn .slider-area .slider-img-area .slider-content-card{position: relative;padding-inline: 0;width: 100%;max-width: unset;border-radius: 0;z-index: 0;}
    .slider-secn .slider-area .slider-img-area .slider-content-card::after{content: '';position: absolute;top: 0;left: 50%;width: 150vw;height: 100%;background: var(--theme-color-green2);z-index: -2;transform: translateX(-50%);}
    /*--------------- Index Product Section ---------------*/
    .index-product-secn .product-card .product-img{max-height: 210px;}
    /*--------------- Index Counter Section ---------------*/
    .index-counter-secn div[class*=col-]{width: 100%;}
    .index-counter-secn .counter-card{margin-left: unset;width: 100%;}
    .index-counter-secn div[class*=col-]:nth-child(even) .counter-card{margin-top: 0;margin-inline: unset;}
    /*--------------- Index Process Section ---------------*/
    .index-process-secn .process-card{flex-direction: column;}
    .index-process-secn .process-card .process-img{height: 150px;width: 100%;}
    .index-process-secn .process-card .process-card-right{padding-top: 0;}
    
    /* ================================================================================
            Inner Page
    ================================================================================ */
}
@media only screen and (max-width: 399px) {
    /*--------------- Header ---------------*/
    body.open-menu .header .header-rightpart .language,
    body.open-menu .header .header-rightpart .phone{opacity: 0;}
    /*--------------- Product Card Area ---------------*/
    .product-area div[class*="col-"] {width: 100%;}
    .product-area .pro-card .pro-imgarea img{max-width: 150px;}
    /*--------------- Product Details Page ---------------*/
    .product-area .product-desc-area .product-details-area .pro-desc li{width: 100%;}
}