@media (min-width:1025px) and (max-width:1279px) {

    html,
    body {
        font-size: 12px;
    }
    
    .theme-header-logo{
        max-width: 5rem ;
    }
    
    .header-sticky .theme-header-logo{
        max-width: 4rem;
    }
    
}

@media (min-width:1280px) and (max-width:1599px) {

    html,
    body {
        font-size: 14px;
    }
}

@media (min-width:1600px) {}

@media (max-width:1024px) {

    html,
    body {
        font-size: 12px;
    }

    .theme-grid-md-1 {
        --column-count: 1;
    }

    .theme-grid-md-2 {
        --column-count: 2;
    }

    .theme-grid-md-3 {
        --column-count: 3;
    }

    .theme-grid-md-4 {
        --column-count: 4;
    }

    .theme-grid-md-5 {
        --column-count: 5;
    }

    .theme-grid-md-6 {
        --column-count: 6;
    }

    .container {
        width: 100%;
        padding: 0 1.875rem;
    }

    .theme-header-logo img {
        width: auto;
        max-height: 5rem;
    }

    .theme-header-nav {
        position: absolute;
        top: 100%;
        left: -100%;
        background-color: var(--white);
        width: 100%;
        height: 100vh;
        overflow: auto;
        visibility: hidden;
        opacity: 0;
        z-index: 9999;
        transition: all 0.5s ease;
    }

    .open .theme-header-nav {
        left: 0;
        visibility: visible;
        opacity: 1;
    }

    .theme-header-nav ul {
        flex-direction: column;
        height: auto;

    }

    .theme-header-nav ul li:not(:last-child) {
        border-bottom: 1px solid #eeeeee;
    }

    .theme-header-nav ul li a {
        justify-content: space-between;
        align-content: center;
        padding: 1rem 2rem;
    }

    .theme-header-nav ul li a:has(span.arrow){
        padding: 0 2rem;
    }

    .theme-header-nav ul li a:hover {
        background-color: var(--white);
        color: var(--font-color);
    }

    .theme-header-nav ul li a span.arrow {
        position: relative;
        display: block;
        width: 4.5rem;
        height: 3.6rem ;
    }

    .theme-header-nav ul li a span.arrow::after {
        content: "";
        display: block;
        width: .6rem;
        height: .6rem;
        border: 2px solid var(--font-color);
        border-left: 0;
        border-bottom: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translate(0, -50%) rotate(45deg);
        transition: .5s;
    }

    .theme-header-nav ul li.open a span.arrow::after {
        transform: translate(0, -50%) rotate(135deg);
    }

    .theme-header-nav ul li.theme-nav-item-product {
        position: relative;
    }

    .theme-header-nav ul li .theme-nav-sub {
        position: initial;
        grid-template-columns: 100%;
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .theme-header-nav ul li.open .theme-nav-sub {
        max-height: 62.5rem;
        visibility: visible;
        opacity: 1;
    }

    .theme-header-nav .theme-nav-sub ul.theme-nav-sub-list {
        flex-direction: row;
        border-bottom: 1px solid var(--font-color);
        border-right: 0;
        padding: 0 2rem;
    }

    .theme-header-nav .theme-nav-sub ul.theme-nav-sub-list li a {
        padding: 1rem 0.8rem;
    }

    .theme-header-nav ul li .theme-nav-sublist {
        position: initial;
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease;
    }

    .theme-header-nav ul li.open .theme-nav-sublist {
        visibility: visible;
        opacity: 1;
        max-height: 62.5rem;
    }

    .theme-header-nav ul li .theme-nav-sublist>ul>li>a {
        color: var(--font-color);
        padding: 1rem 3rem ;
    }

    .theme-header-nav ul li .theme-nav-sublist>ul>li>a:has(span.arrow){
        padding-top:0 ;
        padding-bottom: 0 ;
    }

    .theme-header-nav ul li .theme-nav-sublist > ul > li > a > span.arrow{
        width: 4.5rem ;
        height: 3.5rem ;
        border: 0 ;
        transform: translate(0,0);
    }

    .theme-header-nav ul li .theme-nav-sublist > ul > li > a > span.arrow::after{
        transform: translate(0, -50%) rotate(45deg);
    }

    .theme-header-nav ul li .theme-nav-sublist > ul > li.open > a > span.arrow::after{
        transform: translate(0, -50%) rotate(135deg);
    }

    .theme-header-nav ul li .theme-nav-sublist > ul > li.open > .theme-nav-sublist-ul{
        position: initial;
        visibility: visible;
        opacity: 1;
    }

    .theme-header-nav ul li .theme-nav-sublist > ul > li.open > .theme-nav-sublist-ul > ul > li > a{
        padding: .625rem 3.5rem;
    }

    .theme-header-nav .theme-nav-search img {
        display: none;
    }

    .theme-header-nav .theme-nav-search {
        justify-content: flex-start;
    }

    .theme-header-nav .theme-nav-search .theme-nav-search-form {
        position: initial;
        width: 100%;
        padding: 2rem 0;
        visibility: visible;
        opacity: 1;
    }

    .theme-header-nav .theme-nav-search .theme-nav-search-form input {
        width: calc(100% - 5rem);
        padding: 1rem 1.5rem;
    }

    .theme-header-nav .theme-nav-search .theme-nav-search-form .theme-nav-search-btn {
        padding: 0.5rem 2rem;
    }

    .theme-header-nav .theme-nav-search .theme-nav-search-form .theme-nav-search-btn img {
        display: block;
    }

    .theme-mobile-btn {
        display: block;
    }

    .theme-static-banner .theme-static-banner-content .theme-static-banner-title {
        font-size: 3.5rem;
        line-height: 4rem;
    }

    .theme-index-category .theme-item-img:not(:first-of-type) {
        grid-column: span 2;
    }

    .theme-index-category .theme-item-img:first-of-type {
        grid-column: span 4;
    }

    .theme-index-category .theme-item-mask .theme-item-mask-text {
        font-size: 2rem;
    }

    .theme-index-category .theme-item-img:first-of-type .theme-item-mask .theme-item-mask-text {
        font-size: 3rem;
    }

    .theme-section-title .description {
        width: 80%;
    }

    .theme-about-icons .theme-grid {
        --column-gap: 1.5rem;
    }

    /* News */
    .theme-news .theme-news-item .theme-news-item-content .title,
    .theme-news .theme-news-item .theme-news-item-content .description {
        margin-bottom: 1.5rem;
    }

    .theme-news .theme-news-item .theme-news-item-img {
        width: 40%;
    }

    .theme-news .theme-news-item .theme-news-item-content {
        width: 60%;
        padding: 1.5rem 2rem;
    }

    .theme-news .theme-news-item .theme-news-item-content .title {
        font-size: 2rem;
    }

    .theme-news .theme-news-item .theme-news-item-content .description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Contact */
    .theme-static-banner .theme-static-banner-content {
        width: 80%;
    }

    /* About */
    .theme-flex-container {
        flex-direction: column;
        gap: 3rem;
    }

    .theme-flex-container .theme-flex-item-thumb,
    .theme-flex-container .theme-flex-item-content {
        width: 100%;
    }

    .theme-flex-container .theme-flex-item-content .title {
        font-size: 2.5rem;
    }

    /* Flexible Customization */

    .theme-section-title .title {
        font-size: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .theme-customization-cards {
        --column-gap: 1rem;
    }

    .theme-customization-cards .customization-card-item {
        padding: 1.5rem 2rem;
    }

    .theme-customization-cards .customization-card-item .customization-card-item-icon {
        gap: 1rem;
    }

    .theme-customization-cards .customization-card-item .customization-card-item-icon .icon-title,
    .theme-customization-tab .customization-tab-title .item .item-name {
        font-size: 1.25rem;
    }

    .theme-customization-tab .customization-tab-title .item {
        flex-direction: column;
        align-items: center;
        padding: 1rem;
    }

    .theme-customization-tab .customization-tab-title .item .icon-mask-image {
        margin-right: 0;
    }


    .theme-customization-tab .customization-tab-title .item .item-name {
        text-align: center;
    }

    .theme-new-arrival .grid-new-arrival-item .new-arrival-content,
    .theme-new-arrival .grid-new-arrival-item:hover .new-arrival-content {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%);
        visibility: visible;
        opacity: 1;
    }

    /* OEM ODM Process & Case */

    .theme-oem-process {
        --row-gap: 0.5rem;
    }

    /* Products */
    .grid-list-products {
        --column-gap: 1.5rem;
        --row-gap: 1.5rem;
    }

    .theme-section-left-title{
        margin-bottom: 0 ;
    }

    .product-filter-condition-item-btns .product-filter-span-btn{
        grid-column: span 1;
    }

    .theme-layer-bg{
        background: rgba(0, 0, 0, 0.8);
    }

    .theme-layer-form{
        width: 60% ;
    }

    .theme-form .theme-form-row{
        flex-wrap: wrap;
    }

    /* Service */
    .theme-service-1 .theme-service-item .theme-service-item-desc .title{
        font-size: 2rem ;
    }

    .theme-faq-tab-content{
        padding: 0 5rem ;
    }

}

@media (max-width:992px) {
    .theme-grid-sm-1 {
        --column-count: 1;
    }

    .theme-grid-sm-2 {
        --column-count: 2;
    }

    .theme-grid-sm-3 {
        --column-count: 3;
    }

    .theme-grid-sm-4 {
        --column-count: 4;
    }

    .theme-grid-sm-5 {
        --column-count: 5;
    }

    .theme-grid-sm-6 {
        --column-count: 6;
    }

    /* Contact */
    .theme-static-banner .theme-static-banner-content .theme-static-banner-title {
        font-size: 2.5rem;
    }

    .theme-static-banner .theme-static-banner-content .theme-static-banner-description {
        font-size: 1.25rem;
    }

    /* Flexible Customization */

    .theme-customization-tab .customization-tab-content .item {
        padding: 1.5rem;
    }

    .theme-customization-tab .customization-tab-title {
        --column-gap: 1rem;
        --row-gap: 1rem;
        margin-bottom: 2rem;
    }

    .theme-customization-tab .customization-tab-content .item .item-inner-content {
        --column-gap: 2rem;
        --row-gap: 2rem;
    }

    /* Products */
    .grid-item-product .title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .grid-item-icon .title{
        display: block;
    }

    .grid-list-products .grid-item-icon .icon-more{
        width: 5rem ;
        height: 5rem ;
    }

    .product-filter-condition .product-filter-condition-item-row{
        flex-direction: column;
        gap: 2rem ;
    }

    .theme-layer-form{
        width: 80% ;
    }

    /* Service */
    .theme-service-card .service-card-item .card-item-icon{
        flex-direction: column;
    }

    .theme-service-card .service-card-item .card-item-icon .icon-circle-bg{
        margin-right: 0 ;
    }

}

@media (max-width:576px) {

    .theme-grid-xs-1 {
        --column-count: 1;
    }

    .theme-grid-xs-2 {
        --column-count: 2;
    }

    .theme-grid-xs-3 {
        --column-count: 3;
    }

    .theme-grid-xs-4 {
        --column-count: 4;
    }

    .theme-grid-xs-5 {
        --column-count: 5;
    }

    .theme-grid-xs-6 {
        --column-count: 6;
    }

    .section-padding-tb {
        padding: 4rem 0;
    }

    .section-padding-bt {
        padding-bottom: 4rem;
    }

    .container {
        padding: 0 1.25rem;
    }

    .theme-header-logo img {
        max-height: 4rem;
    }

    .theme-mobile-btn span,
    .theme-mobile-btn span::before,
    .theme-mobile-btn span::after {
        width: 2.5rem;
    }

    .theme-mobile-btn span::before {
        margin-top: -.9rem;
    }

    .theme-mobile-btn span::after {
        margin-top: 1.8rem;
    }

    .theme-static-banner .theme-static-banner-content .theme-static-banner-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .theme-section-title .title {
        font-size: 2.5rem;
        padding: 0 1.25rem;
        padding-bottom: 2.5rem;
    }

    .theme-index-category .theme-item-mask {
        padding: 1.25rem;
    }

    .theme-index-category .theme-item-mask .theme-item-mask-text {
        font-size: 1.25rem;
    }

    .theme-index-category .theme-item-img:first-of-type .theme-item-mask .theme-item-mask-text {
        font-size: 1.5rem;
    }

    .theme-about-thumbs .theme-about-thumbs-item .theme-about-thumbs-img img {
        border-radius: 1rem;
    }

    .theme-about-icons .theme-grid {
        --column-gap: 1rem;
        --row-gap: 1rem;
    }

    .theme-about-icons .theme-grid .theme-about-icons-item:last-child {
        grid-column: span 2;
    }

    .theme-service-content .theme-service-item .desc {
        height: auto;
    }

    /* News */
    .theme-news .theme-news-item {
        flex-direction: column;
    }

    .theme-news .theme-news-item .theme-news-item-img,
    .theme-news .theme-news-item .theme-news-item-content {
        width: 100%;
    }

    .theme-news .theme-news-item .theme-news-item-img img {
        border-radius: var(--border-radius-size) var(--border-radius-size) 0 0;
    }

    .theme-news .theme-news-item .theme-news-item-content .title,
    .theme-news .theme-news-item .theme-news-item-content .description {
        margin-bottom: 1rem;
    }

    .theme-news .theme-news-item .theme-news-item-content .title {
        font-size: 1.875rem;
    }

    .theme-show-news {
        font-size: 1.25rem;
        padding: 2rem;
    }

    .theme-show-news .title {
        font-size: 2rem;
    }

    .theme-show-news .related-links .related-links-item {
        font-size: 1.25rem;
    }

    /* Contact */
    .theme-static-banner-inner .theme-static-banner-img {
        display: none;
    }

    .theme-static-banner-inner .theme-static-banner-content {
        position: initial;
        width: 100%;
        padding: 2.5rem 1.5rem;
        transform: translate(0, 0);
    }

    .theme-static-banner .theme-static-banner-content .theme-static-banner-description {
        font-size: 1.25rem;
    }

    .theme-form .theme-form-row {
        flex-direction: column;
    }

    .theme-section-title .description,
    .theme-form-elements {
        width: 100%;
    }

    .theme-section-title .description{
        padding: 0 1.25rem;
    }

    /* About */
    .theme-flex-container {
        gap: 2rem;
    }

    .theme-about-icons .theme-about-icons-item .about-items-content {
        text-align: center;
    }

    .theme-about-process {
        padding: 2rem;
    }

    /* Flexible Customization */

    .theme-breadcrumb {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .theme-customization-tab .customization-tab-content .item .item-inner-content {
        --column-gap: 1rem;
        --row-gap: 1rem;
    }

    /* New Arrival */

    .theme-new-arrival {
        --column-gap: 1.25rem;
        --row-gap: 1.25rem;
    }

    .theme-new-arrival .grid-new-arrival-item .new-arrival-content {
        padding: 1rem;
    }

    .theme-new-arrival .grid-new-arrival-item .new-arrival-content .title {
        font-size: 1.25rem;
    }

    .theme-new-arrival .grid-new-arrival-item .new-arrival-content .desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
        margin-bottom: 0.5rem;
    }

    /* OEM ODM Process & Case */

    .scroll-case-swiper .oem-case-item {
        grid-template-columns: 100%;
    }

    .scroll-case-swiper .oem-case-item .oem-case-item-content .case-item-content-title {
        font-size: 1.5rem;
    }

    /* Products */
    .grid-list-products-row{
        --column-count:1;
    }

    .grid-list-products-row .grid-item-product{
        gap: 1rem;
        padding: 1rem ;
    }

    .grid-list-products-row .grid-item-product .grid-item-product-img{
        flex-shrink: 0 ;
        width: 50% ;
    }

    .grid-list-products-row .grid-item-product .grid-item-product-img img{
        margin-bottom: 0 ;
    }

    .grid-list-products-row .grid-item-product .title{
        font-size: 1.5rem ;
    }

    .grid-list-products-row .grid-item-icon{
        flex-direction: column;
        padding: 2rem 1rem ;
    }

    .grid-show-product-thumbs{
        position: initial;
    }

    .grid-show-product-info,
    .theme-show-product-details{
        padding-left: 1.5rem ;
        padding-right: 1.5rem ;
    }

    .theme-show-product-details .tab-title{
        flex-direction: column;
        border-bottom: 0 ;
    }

    .theme-show-product-details .tab-title-item{
        border-bottom: 2px solid #efefef;
    }

    .tab-content-item-circle{
      flex-direction: column;
      gap: 1rem ;
    }

    .tab-content-item-circle .item-circle{
        flex-direction: row;
        align-items: center;
    }

    .tab-content-item-circle .item-circle .icon-circle-bg{
        flex-shrink: 0 ;
        margin-bottom: 0 ;
    }

    .tab-content-item-circle .item-circle .item-circle-content{
        font-size: 1.5rem ;
        text-align: left;
        max-width: fit-content;
        margin-left: 1rem ;
    }

    .tab-content-item-circle .item-circle-line{
       width: 0 ;
       height: 2rem ;
       border-top: 0;
       border-left: 2px dashed var(--font-color);
       transform: translate(2.5rem);
    }

    .theme-layer-form-content .layer-form-title{
        font-size: 2rem ;
    }

    .theme-form .theme-form-row:not(:last-child){
        margin-bottom: 1rem ;
    }

    /* Service */
    .theme-service-1 .theme-service-item .theme-service-item-desc .title{
        font-size: 1.5rem ;
    }

    .theme-service-quality .service-quality-item,
    .theme-service-quality .service-quality-item-even{
        grid-column: span 1;
    }

    .theme-faq-tab-content{
        padding: 0 ;
    }

    .theme-faq-tab-content .theme-faq-tab-content-item .faq-item-ul .faq-title{
        align-items: flex-start;
    }

    /* Form */

    .theme-contact-form {
        width: 100%;
    }

    .form-elements .form-elements-row {
        flex-direction: column;
    }

    .form-elements .form-elements-between {
        flex-direction: row;
    }
    
    .form-elements .form-elements-row input:not(:last-child){
        margin-right: 0 ;
        margin-bottom: 1.25rem ;
    }

    /* Footer */

    .footer-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem 1.5rem;
        padding: 0 1rem;
    }

    .footer-nav li:not(:last-child) {
        margin-right: 0;
    }

}