@media screen and (min-width: 768px) {
    .news1400 {
        width: 750px;
        margin: 0 auto
    }



}

@media screen and (min-width: 992px) {
    .news1400 {
        width: 970px;
        margin: 0 auto
    }
    .develop{
         height: 920px;
    }
    .timeline-item {
        max-width: 180px;
    }

    .timeline-line {
        display: flex;
    }

    .timeline-item {
        position: absolute;
        margin-bottom: 0;
    }

    .item-2006 {
        left: 8%;
        bottom: 12%;
    }

    .item-2010 {
        left: 26%;
        bottom: 12%;
    }

    .item-2012 {
        left: 43%;
        bottom: 15%;
    }

    .item-2018 {
        left: 60%;
        bottom: 31%;
    }

    .item-2025 {
        left: 76%;
        bottom: 50%;
    }
    .craft-banner{
        padding: 80px 0 160px;
    }
}

@media screen and (min-width: 1200px) {
    .news1400 {
        width: 1200px;
        margin: 0 auto
    }

    .banner .mySwiper .swiper-slide {
        height: 100vh;
    }

    .custom-btn {
        padding: 16px 24px;
        font-size: 16px;
    }

    .productTwo-box {
        margin: 60px 0 80px;
    }

    .swiperBox h2 {
        margin-top: 0;
    }

    .button-container {
        margin-top: 94px;
    }

    .swiperBox h2 span {
        font-size: 20px;
    }

    .header h1 img {
        height: 64px;
    }

    .btn-learn-more {
        font-size: 16px;
        padding: 18px 60px;
    }

    .swiperBox p {
        font-size: 40px;
    }

    .feature-section {
        margin-top: 80px;
    }

    .craft-banner{
        padding: 120px 0 220px;
    }
    .feature-row {
        margin-bottom: 80px;
    }
    .timeline-item .timeline-year,
    .feature-title {
        font-size: 30px;
    }
    /* .timeline-item .timeline-content, */
    .craft-banner .banner-desc,
    .feature-tagline,
    .feature-desc,
    .section-title-tag {
        font-size: 18px;
    }

    .contact-form .form-row .form-group input,
    .contact-form .form-row .form-group textarea,
    .info-label,
    .intro-text p {
        font-size: 18px;
    }

    .contact-title,
    .craft-banner .banner-title,
    .intro-text h2 {
        font-size: 26px;
    }

    .info-value {
        font-size: 20px;
    }

    .nav {
        display: block;
    }

    .menuBtn {
        display: none;
    }

    .nav>ul>li>a {
        margin-right: 50px;
    }

    .padding120 {
        padding: 120px 0;
    }

    .team-section {
        margin-top: 80px;
    }

    .develop,
    .stats-section-index {
        margin-top: 120px;
    }

    .process-section,
    .product-section,
    .concept-container {
        margin-top: 60px;
    }

    .contact-info-section {
        margin-bottom: 120px;
    }

    .intro-text {
        width: 600px;
    }

    .ziyebanner {
        height: 600px;
    }

    .intro-image {
        width: 550px;
    }

    .stat-number {
        font-size: 44px;
    }

    .ziyebanner h5 {
        font-size: 36px;
    }

    .contact-subtitle,
    .craft-banner .banner-subtitle {
        font-size: 20px;
    }

    .team-section .team-content .team-desc,
    .contact-tip {
        font-size: 16px;
    }

    .stat-unit {
        font-size: 18px;
    }

    .feature-row {
        flex-direction: row;
        height: 430px;
    }

    .feature-row .image-col {
        width: 44%;
    }

    .feature-row .text-col {
        width: 56%;

    }

    .feature-row .text-col {
        padding: 40px 50px;
    }

    .productTour {
        margin-bottom: 220px;
    }

    .team-section .team-content {
        padding-right: 20px;
    }

    .team-section .team-content .logo-watermark img {
        height: 80px;
    }

    .item-01 {
        top: 40px;
    }

    .item-02 {
        top: 90px;
    }

    .productTwo-box {
        display: flex;
    }

    .productTwo-box-left {
        width: 250px;
    }

    .productTwo-box-right {
        width: calc(100% - 290px);
    }

    .timeline-item {
        max-width: 200px;
    }

}

@media screen and (min-width: 1500px) {
    .news1400 {
        width: 1600px;
        margin: 0 auto
    }

    .productTwo-box-left {
        width: 300px;
    }

    .productTwo-box-right {
        width: calc(100% - 340px);
    }

    .team-section .team-image-wrapper {
        flex: 0 0 760px;
        /* padding-left: 40px; */
    }

    .team-section .team-content .team-desc {
        margin-bottom: 20px;
    }

    .productTwo-box {
        margin: 100px 0 120px;
    }

    /* .team-section .team-content .team-title {
        margin-bottom: 60px;
    } */

    .stats-section-index {
        padding: 26px 80px;
    }

    .nav>ul>li>a {
        margin-right: 80px;
    }

    .swiperBox h2 span {
        font-size: 26px;
    }

    /* .swiperBox p {
        font-size: 52px;
    } */

    .ziyebanner h5 {
        font-size: 48px;
    }

    .intro-text {
        width: 800px;
    }

    .contact-subtitle,
    .craft-banner .banner-subtitle,
    .section-title-tag {
        font-size: 24px;
    }
    .timeline-item .timeline-year,
    .contact-title,
    .craft-banner .banner-title,
    .intro-text h2 {
        font-size: 36px;
    }

    .team-section .team-content .team-desc,
    .contact-tip {
        font-size: 18px;
    }

    .intro-image {
        width: 724px;
    }

    .stat-number {
        font-size: 64px;
    }

    .stat-unit {
        font-size: 20px;
    }

    .stat-label {
        font-size: 18px;
    }

    .feature-row .text-col {
        padding:80px 40px;
    }

    /* .team-section::after {
        height: 95%;
    } */

    .team-section .team-content {
        padding-right: 35px;
    }

    .timeline-item {
        max-width: 270px;
    }

}

@media screen and (max-width: 1200px) {
    .stats-section{
        margin-top: 20px;
    }
    .shadow .videll{
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    .news1400 {
        width: 92%;
        margin: 0 auto
    }

    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        display: none;
    }

    .product-desc {
        max-width: 300px;
    }
    
    .card-kids .product-info {
        bottom: 67px;
        transform: revert-rule;
        /* max-width: 200px; */
    }

    .jiaxue-container .section-title {
        font-size: 24px;
    }

    .productTwo-box-left .shopLeft-title {
        font-size: 20px;
    }

    .shopLeft-box .menu-child a,
    .shopLeft-box .menu-top,
    .jiaxue-container .text-list li {
        font-size: 16px;
    }

    .knitwear-showcase .goods-name,
    .productTwo-box {
        margin-top: 20px;
    }
}