/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .feature-one__single {
        padding: 20px 0;
    }

    .about-one__left {
        max-width: 600px;
        margin: 0 auto;
    }

    .about-one__right {
        max-width: 600px;
        margin: 140px auto 0;
    }
    .services-one .tab-item{
        width: 25%;
    }

    .share-the-joy__img {
        position: absolute;
        top: -141px;
        bottom: 0;
        left: 0;
    }

    .share-the-joy__left {
        max-width: 600px;
    }

    .share-the-joy__trusted {
        top: 104px;
        left: 323px;
    }

    .share-the-joy__inner {
        padding: 105px 0 470px;
    }

    .improve-one__left {
        max-width: 600px;
        margin: 0 auto;
        padding-top: 120px;
    }

    .improve-one__right {
        padding-bottom: 110px;
        max-width: 600px;
        margin: 0 auto;
    }

    .project-one {
        padding: 0 0 140px;
    }

    .news-one__content {
        padding: 20px 20px 30px;
    }

    .news-one__title {
        font-size: 23px;
    }

    .footer-widget__newsletter {
        margin-top: 31px;
    }

    .footer-widget__contact {
        margin-top: 31px;
    }

    .business-growth__left .section-title__title {
        font-size: 43px;
    }

    .business-growth__content {
        padding: 44px 20px 44px;
    }

    .business-growth__text {
        font-size: 15px;
    }

    .welcome-one__left {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .welcome-one__right {
        max-width: 600px;
        margin: 0 auto;
    }

    .welcome-one {
        padding: 0 0 147px;
    }

    .help__single {
        max-width: 464px;
    }

    .help__box-two-content {
        padding-top: 90px;
        padding-bottom: 77px;
    }

    .help__single:nth-child(3):before {
        display: none;
    }

    .help__single:before {
        left: -1px;
    }

    .industries-we-serve__left {
        margin-right: 0;
    }

    .industries-we-serve__right {
        margin-left: 0;
    }

    .industries-we-serve__left .section-title__title {
        font-size: 42px;
    }

    .why-choose__left {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose__img img {
        border-radius: var(--thm-bdr-radius);
    }

    .why-choose__right {
        padding-top: 60px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .news-two__text {
        padding-bottom: 41px;
    }

    .news-two__carousel.owl-theme .owl-nav {
        bottom: -90px;
        left: 0;
    }

    .news-two {
        padding: 120px 0 205px;
    }

    .news-two__left {
        margin-right: 0;
    }

    .why-choose__right-text-box {
        margin-right: 0;
    }

    .about-two__left {
        max-width: 600px;
        margin: 0 auto 50px;
    }

    .about-two__right {
        max-width: 600px;
        margin: 0 auto;
    }

    .service-details__benefits-img {
        margin-top: 30px;
    }

    .project-details__details-info li+li {
        margin-left: 50px;
    }

    .project-details__details-info li:nth-child(3) {
        margin-left: 50px;
    }

    .news-details__pagenation li+li {
        margin-left: 0;
        margin-top: 20px;
    }

    .contact-page__left .section-title__title {
        font-size: 44px;
        line-height: 54px;
    }

    .contact-details__single-2 {
        margin-left: 0;
    }

    .contact-details__single-3 {
        margin-left: 0;
    }

    .contact-details__content h5 {
        font-size: 15px;
    }

    .cta-two__container {
        padding: 0 0;
    }

    .why-choose-shape-1 {
        display: none;
    }













}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-one__left {
        max-width: 600px;
        margin: 0 auto;
    }

    .about-one__right {
        max-width: 600px;
        margin: 140px auto 0;
    }

    .share-the-joy__img img {
        width: 60%;
    }

    .share-the-joy__img {
        top: -148px;
        left: 290px;
        right: -290px;
    }

    .share-the-joy__trusted {
        top: -68px;
        left: 317px;
    }

    .project-one__title {
        font-size: 20px;
        line-height: 30px;
    }

    .project-one__content {
        padding: 32px 25px 39px;
    }

    .improve-one__left {
        max-width: 600px;
        margin: 0 auto;
        padding-top: 120px;
    }

    .improve-one__right {
        padding-bottom: 110px;
        max-width: 600px;
        margin: 0 auto;
    }

    .project-one {
        padding: 0 0 140px;
    }

    .footer-widget__newsletter {
        margin-top: 31px;
    }

    .footer-widget__contact {
        margin-top: 31px;
    }

    .business-growth__left .section-title {
        margin-bottom: 25px;
    }

    .business-growth__right {
        margin-bottom: 48px;
    }

    .welcome-one__left {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .welcome-one__right {
        max-width: 600px;
        margin: 0 auto;
    }

    .welcome-one {
        padding: 0 0 147px;
    }

    .help__single {
        max-width: 100%;
    }

    .help__single:before {
        display: none;
    }

    .help__single:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background-color: var(--thm-bdr-color);
    }

    .help__single:nth-child(1):after {
        display: none;
    }

    .help__single:nth-child(4):after {
        display: none;
    }

    .help__box-one-content {
        border-top-right-radius: 8px;
    }

    .industries-we-serve__left {
        margin-right: 0;
    }

    .industries-we-serve__right {
        margin-left: 0;
        margin-top: 50px;
    }

    .industries-we-serve__boxes li {
        max-width: 230px;
    }

    .why-choose__left {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose__img img {
        border-radius: var(--thm-bdr-radius);
    }

    .why-choose__right {
        padding-top: 60px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose__left {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose__img img {
        border-radius: var(--thm-bdr-radius);
    }

    .why-choose__right {
        padding-top: 60px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .news-two__text {
        padding-bottom: 41px;
    }

    .news-two__carousel.owl-theme .owl-nav {
        bottom: -90px;
        left: 0;
    }

    .news-two {
        padding: 120px 0 205px;
    }

    .news-two__right {
        margin-right: 0;
    }

    .news-two .news-one__content {
        padding: 20px 20px 30px;
    }

    .news-two__left {
        margin-right: 0;
    }

    .why-choose__right-text-box {
        margin-right: 0;
    }

    .cta-two__inner {
        flex-direction: column;
        text-align: center;
    }

    .cta-two__title {
        margin-bottom: 30px;
    }

    .about-two__left {
        max-width: 600px;
        margin: 0 auto 50px;
    }

    .about-two__right {
        max-width: 600px;
        margin: 0 auto;
    }

    .service-details__benefits-img {
        margin-top: 30px;
    }

    .service-details__sidebar {
        margin-top: 50px;
    }

    .project-details__details-info li+li {
        margin-left: 0px;
    }

    .project-details__details-info li:nth-child(3) {
        margin-left: 0px;
    }

    .project-details__details-info li {
        display: block;
    }

    .project-details__details-info {
        text-align: center;
    }

    .project-details__details-info li:nth-child(4) {
        position: inherit;
        display: block;
        align-items: inherit;
        justify-content: inherit;
        margin-top: 5px;
        z-index: 1;
    }

    .project-details__social-list {
        justify-content: center;
    }

    .news-details__pagenation li+li {
        margin-left: 0;
        margin-top: 20px;
    }

    .contact-page__left {
        margin-bottom: 50px;
    }

    .contact-details__single {
        margin-bottom: 30px;
    }

    .contact-details__single-2 {
        margin-left: 0;
    }

    .contact-details__single-3 {
        margin-left: 0;
        margin-bottom: 0px;
    }

    .testimonial-one__carousel.owl-theme .owl-nav {
        display: none;
    }

    .cta-two__container {
        padding: 0 0;
    }

    .why-choose-shape-1 {
        display: none;
    }
    .fun-one-item{
        width:25%;
    }



















}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    dl, ol, ul{
        margin: 0;
        padding: 0;
    }

    .feature-one{
        margin-top: -82px;
    }
    .solution-one h4{
        font-size: 18px;
    }
    .solution-one .swiper-container .container p .sv:before{
        width: 18px;
        height: 18px;
        top:5px;
    }
    .section-title__title {
        font-size: 20px;
        line-height: 24px;
    }

    .feature-one__single {
        padding: 10px 0;
    }
    .facts-column{
        width: 25%;
        padding-left: 0;
        padding-right: 0;
    }
    .section-title__tagline{
        margin-top: 15px;
    }
    .feature-one__text{
        margin-left: 5px;
    }
    .services-one__icon{
        width: 64px;
        height: 64px;
    }
    .services-item-title{
        font-size: 13px;
    }
    .section-title__tagline{
        font-size: 14px;
        line-height: 22px;
        padding: 0 15px;
    }
    .services-one .service-tabs{
        margin-bottom: 5px;
        justify-content: center;
    }
    .services-one .sc-ul{
        margin-left: 0;
    }
    .solution-one .section-tabs .section-tab-item{
        height: auto;
        padding: 20px 0;
        line-height: 20px;
        font-size: 16px;
        padding-left: 8px;
    }
    .solution-one .swiper-container .container p .sv{
        display: block;
    }
    .pro-xn__img-box .box-title{
        font-size: 16px;
        line-height: 24px;
    }
    .pro-xn__img-box h3{
        font-size: 14px;
        line-height:24px;
        margin: 0 0 5px;
    }
    .pro-xn__img-box{
        margin-top: 8px;
        margin-bottom: 15px;
    }
    .pro-one .pro-content{
        height: auto;
    }
    .pro-xn-item{
        width: 50%;
        padding: 0 6px;
    }
    .item-ft-btn{
        display: none;
    }
    .services-one .sc-ul li h3{
        font-size: 16px;
    }
    .about-one__left {
        margin-right: 0;
    }

    .about-one__img-box:before {
        display: none;
    }

    .about-one__img-box:after {
        display: none;
    }

    .about-one__small-img {
        display: none;
    }

    .about-one__right {
        margin-top: 50px;
    }

    .services-one .tab-item{
        width: 25%;
        padding-left: 0;
        padding-right: 0;
    }

    .share-the-joy__img {
        display: none;
    }

    .share-the-joy__title {
        font-size: 30px;
        line-height: 40px;
    }

    .share-the-joy__trusted {
        position: relative;
        top: 50px;
        left: 0;
    }

    .share-the-joy__inner {
        padding: 105px 0 170px;
    }

    .share-the-joy__shape-1 {
        display: none;
    }

    .project-one__title {
        font-size: 20px;
        line-height: 30px;
    }

    .project-one__content {
        padding: 32px 25px 39px;
    }

    .project-one__arrow {
        right: 5px;
    }

    .improve-one__left {
        padding-top: 120px;
        margin-top: 0;
    }

    .improve-one__right {
        padding-bottom: 110px;
        margin-left: 0;
        margin-right: 0;
    }

    .improve-one__project-complete {
        display: none;
    }

    .improve-one__img img {
        border-top-left-radius: 16px;
    }

    .project-one {
        padding: 0 0 140px;
    }

    .news-one__content {
        padding: 20px 20px 30px;
    }

    .news-one__title {
        font-size: 23px;
    }

    .cta-one__title br {
        display: none;
    }

    .cta-one__title {
        font-size: 22px;
        line-height: 50px;
    }

    .footer-widget__newsletter {
        margin-top: 35px;
    }

    .footer-widget__contact {
        margin-top: 31px;
    }

    .footer-widget__links {
        margin-top: 42px;
    }
    .ft-left{
        display: none;
    }

    .site-footer__bottom-inner {
        display: block;
    }

    .business-growth__left .section-title {
        margin-bottom: 25px;
    }

    .business-growth__right {
        margin-bottom: 48px;
    }

    .business-growth__content {
        padding: 44px 20px 44px;
    }

    .business-growth__text {
        font-size: 15px;
    }

    .welcome-one__left {
        margin-right: 0;
    }

    .welcome-one__img-box:before {
        display: none;
    }

    .welcome-one__certified {
        right: 0px;
        border-top-right-radius: 0;
    }

    .welcome-one__funded {
        flex-direction: column;
        align-items: inherit;
    }

    .welcome-one__funded-content {
        margin-left: 0;
        margin-top: 20px;
    }

    .welcome-one {
        padding: 0 0 147px;
    }

    .video-one__title br {
        display: none;
    }

    .video-one__title {
        font-size: 40px;
        line-height: 50px;
    }

    .help__single {
        max-width: 100%;
    }

    .help__single:before {
        display: none;
    }

    .help__single:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        content: "";
        height: 1px;
        background-color: var(--thm-bdr-color);
    }

    .help__single:nth-child(1):after {
        display: none;
    }

    .help__single:nth-child(4):after {
        display: none;
    }

    .help__box-one-content {
        border-top-right-radius: 8px;
    }

    .help__box-last .help__box-two-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .help__box-two-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .project-two .project-one__arrow {
        right: 5px;
    }

    .industries-we-serve__left {
        margin-right: 0;
    }

    .industries-we-serve__right {
        margin-left: 0;
        margin-top: 50px;
    }

    .industries-we-serve__boxes li {
        max-width: 100%;
    }

    .industries-we-serve__boxes li:nth-child(2) {
        margin-left: 0;
    }

    .industries-we-serve__boxes li:nth-child(3) {
        margin-bottom: 10px;
    }

    .industries-we-serve__boxes li:nth-child(4) {
        margin-left: 0;
        margin-bottom: 0;
    }

    .why-choose__left {
        margin-left: 0;
    }

    .why-choose__img img {
        border-radius: var(--thm-bdr-radius);
    }

    .why-choose__right {
        padding-top: 60px;
        margin-left: 0;
    }

    .news-two__right {
        margin-right: 0;
    }

    .news-two__carousel.owl-theme .owl-nav {
        display: none;
    }

    .news-two__left {
        margin-right: 0;
    }

    .news-two__text {
        padding-bottom: 41px;
    }

    .why-choose__right-text-box {
        margin-right: 0;
    }

    .cta-two__inner {
        flex-direction: column;
        text-align: center;
    }

    .cta-two__title br {
        display: none;
    }

    .cta-two__title {
        margin-bottom: 30px;
        font-size: 42px;
        line-height: 52px;
    }

    .about-two__left {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .about-two__right {
        margin-left: 0;
    }

    .service-details__benefits-img {
        margin-top: 30px;
    }

    .service-details__sidebar {
        margin-top: 50px;
    }

    .service-details__need-help {
        padding: 50px 14px 43px;
    }

    .project-details__details-info li+li {
        margin-left: 0px;
    }

    .project-details__details-info li:nth-child(3) {
        margin-left: 0px;
    }

    .project-details__details-info li {
        display: block;
    }

    .project-details__details-info {
        text-align: center;
    }

    .project-details__details-info li:nth-child(4) {
        position: inherit;
        display: block;
        align-items: inherit;
        justify-content: inherit;
        margin-top: 5px;
        z-index: 1;
    }

    .project-details__social-list {
        justify-content: center;
    }

    .project-details__details-box {
        padding: 38px 15px 30px;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .news-details__bottom {
        flex-direction: column;
    }

    .news-details__social-list {
        margin-top: 30px;
    }

    .news-details__pagenation li+li {
        margin-left: 0;
        margin-top: 20px;
    }

    .news-details__pagenation li {
        font-size: 20px;
        line-height: 34px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }

    .comment-one__single {
        flex-direction: column;
    }

    .comment-one__content {
        margin-left: 0;
        margin-top: 25px;
    }

    .comment-one__btn {
        position: relative;
        top: 20px;
    }

    .sidebar__post {
        padding: 45px 25px 43px;
    }

    .sidebar__tags {
        padding: 47px 20px 50px;
    }

    .contact-page__left {
        margin-bottom: 50px;
    }

    .contact-details__single {
        margin-bottom: 30px;
    }

    .contact-details__single-2 {
        margin-left: 0;
    }

    .contact-details__single-3 {
        margin-left: 0;
        margin-bottom: 0px;
    }

    .contact-details__content h5 {
        font-size: 15px;
    }

    .testimonial-one__carousel.owl-theme .owl-nav {
        display: none;
    }

    .testimonial-one__single {
        padding: 60px 20px 50px;
    }

    .testimonial-one__quote {
        right: 20px;
    }

    .testimonial-one__quote span {
        font-size: 55px;
    }

    .testimonial-one__client-details {
        margin-left: 10px;
    }

    .cta-two__container {
        padding: 0 0;
    }

    .page-header-shape {
        display: none;
    }

    .page-header__inner h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .why-choose-shape-1 {
        display: none;
    }
    .fun-one-item{
        width:50%;
        padding: 0 10px;
    }
    .site-footer__top{
        display: none;
    }
    .fun-one__content{
        padding: 50px 10px 30px;
        height: 210px;
    }
    .fun-one__text{
        margin-top: 0;
        padding-top:5px;
        font-size: 14px;
    }
    .site-footer__bottom-text{
        margin: 0;
    }
    .float-sidebar{
        display: none;
    }
    .main-menu-wrapper__cart{
        display: none;
    }
    .thm-btn.free-trial{
        display:none;
    }
    .solution-one .swiper-container .container p .sv{
        line-height: 28px;
    }
     .qr-code-popup1{
        display: none;
        max-height: 230px; /* 根据二维码实际高度调整 */
        opacity: 1;
     }
     .services-one .image-layer{
        background-size: auto;
        background-position: left center;
     }
     .services-one .left-content{
        margin-left: 0;
        width: 96%;
     }
     .taste-one{
        display: none;
     }
     .col-sm-6{
        width: 50%;
     }
     .col-sm-6:nth-child(odd){
        padding-left: 15px;
        padding-right: 6px;
     }
      .col-sm-6:nth-child(even){
        padding-left: 6px;
        padding-right: 15px;
     }
   .news-one__img>a>span{
    font-size: 14px;
   }
   .news-one__date-box{
    height: 30px;
    line-height: 30px;
   }
   .news-one__date-box .far::before{
    width: 15px;
    height: 15px;
    top:7px
   }
   .news-one__img>a>span::before{
        width: 15px;
        height: 15px;
        top: 11px;
        left: -2px;
   }
   .news-one__img{
       border-radius: 8px;
   }
   .news-one__img img{
       border-radius: 8px;
   }
     .digit .page-header__inner{
        width: 80%;
        margin-left: 30px;
     }
     .digit-one .digit-one-bg{
        width: auto;
     }
     .digit-two .left-content{
        padding: 0 15px;
     }
     .digit-three .left-content{
        padding: 0 30px;
     }
    .digit-two .left-content .sc-ul li{
        color: #555555;
    }
    .digit-three .part-four-content img{
        width: 100%;
    }
    .digit-three .right-content .img2-ul li img{
        width: 80px;
    }
    .digit-four .part-one-content{
        padding: 25px 5px 40px;
    }
    .ew .page-header__inner h2{
        font-size: 24px;
    }
    .ew .page-header__inner p{
        font-size: 16px;
    }
    .ew-one .ew-one-bg{
        width: auto;
        padding: 25px 0;
    }
    .pro-yee .title-line{
        margin-bottom: 15px;
    }
    .pro-yee .item{
        padding: 20px 10px;
    }
    .pro-yee .r-title{
        padding-left: 10px;
    }
    .pro-mc .item-content .p_row-txt{
        font-size: 14px;
        line-height: 20px;
    }
    .pro-yee .r-title .r-title-t{
        line-height: 22px;
    }
    .pro-yee .title-line .l-img img{
        height: auto;
    }
    .pro-yee .p_row-txt{
        margin-bottom: 10px;
    }
    .ew-one .pro-xn-item{
        width: 50%;
    }
    .ew .page-header__inner p{
        width: 86%;
    }
    .taste-two .part-one-content .left-content{
        width: 90%;
    }
    .taste-two .part-one-content .container{
        background-image:none;
    }
    .taste-two .part-two-content .left-content{
        width: 99%;
    }
    .pro-mc .pro-mc-bg{
        background-image: none;
        background: linear-gradient(to right, #F6FAFD,#DFF7FF);
    }
    .pro-mc .left-content{
        width: 90%;
    }
    .project-integral-three img,
    .project-integral-two img{
        width: 100%;
    }
    .container .module-titles .module-title-h{
        font-size: 24px;
        line-height: 30px;
    }
    .container .module-titles .module-title-t{
        margin-top: 15px;
        font-size: 16px;
        line-height: 24px;
    }
    .pro-mc .pb0{
        padding-bottom: 0;
    }
    .pro-mc .left-content.pr-mc {
        margin-top: 10px;
    }
    .news-one__date-box-txt .box-txt{
        bottom: 3%;
        width: 90%;
    }
    .page-header{
        padding: 100px 0
    }
    .case-meal .page-header__inner p{
        width: 90%;
        font-size: 16px;
    }
    .case-content-p{
        margin-top: 0;
    }
    .case-meal .page-header__inner h2{
        font-size: 24px;
        line-height: 30px;
    }
    .container .module-title .module-title-h{
        font-size: 24px;
    }
    .container .module-title{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .case-fa .part-item{
        margin-top: 20px;
    }
    .pro-yy .row{
        padding: 30px 20px 20px;
    }
    .case-fa .bj-p::before{
        left: 10px;
    }
    .case-fa .bj-p{
        padding-left: 40px;
        padding-right: 10px;
        line-height: 28px;
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .case-fx{
        padding-top: 0;
    }
    .case-fx .case-cg-p{
        padding: 30px 40px;
    }
    .about-one .about-content{
        padding: 30px 15px;
    }
    .about-pp .about-pp__map{
        margin-top: 300px;
    }
    .about-pp .item{
        margin-bottom: 15px;
    }
    .about-culture .ab-ct{
        margin-bottom: 15px;
    }
    .about-culture .item .about-culture-h{
        margin-bottom: 10px;
    }
    .about-culture .item{
        padding: 20px 25px;
    }
    .about-culture .item .about-culture-centerul ul{
        margin: 0 10px;
    }
    .about-culture .row.mg20{
        margin-top: 0;
    }
    .about-me{
        margin-top: 0;
    }
    .about-me .address{
            margin-top: 30px
    }
    .about-me img{
        width: 100%;
    }
    .about-partner .owl-carousel .owl-item img{
        width: 100%;
        height: auto;
    }
    .scroll-to-top {
        display: inline-block;
    }
    .pro-bd-item{
        margin: 10px;
        width: 60px;
        height: 60px;
    }
    .integral .news-one__date-box-txt .box-txt{
        top: 50%;
    }
    .container .module-titles{
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .case-bf-h{
        font-size: 18px;
    }
    .feature-one__icon span{
        width: 32px;
        height: 32px;
    }

    .services-one__single .tab-item{
        padding-left: 0;
        padding-right: 0;
    }
    .pro-sc .r-img{
        width: 45px;
    }
    .page-header__inner p{
        font-size: 16px;
    }
    .page-header__inner h2{
        font-size: 24px;
        line-height: 28px;
    }
    .digit-one .digit-one-bg{
        padding: 5px 0
    }
    .cta-one{
        margin-top: 20px;
    }
    .news-one__date-box-txt .h{
        font-size: 14px;
    }
    .news-one__date-box-txt .txt{
        font-size: 12px;
        line-height: 16px;
    }
    .news-one__date-box-txt{
        padding: 15px 10px;
    }
    .case-fa__single{
        padding: 30px 20px;
    }
    .pro-yy .r-title .r-title-t{
        line-height: 22px;
    }
    .pro-yy .p_row-txt{
        margin: 10px 0;
    }
    .pro-yy .r-title{
        padding-left: 5px;
    }
    .case-hz{
        margin-top: 0;
    }
    .case-hz .item h5{
        padding-left: 35px;
    }
    .case-hz .item h5::before{
        width: 35px;
        height: 35px;
        top: 5px;
    }
    .case-fx-item{
        margin-bottom: 10px;
    }
    .case-fx .case-fx__single{
        padding: 28px 18px;
    }
    .about-pp .item{
        width: auto;
    }
    .pro-yy .title-line{
        margin-bottom: 15px;
    }
    .pro-yy .title-line.last{
        margin-top: 20px;
    }
    .page-header-bg.service-saas-bg{
        background-image: url(../img/sc-br-sm.jpg);
    }
    .page-header-bg.service-bg{
        background-image: url(../img/services-banner-sm.jpg);
    }
    .cta-one-bg.services{
        background-image: url(../pic/services/dzkf-sm.jpg);
        background-size: contain;
    }
    .page-header-bg.services-supply-sm{
        background-image: url(../img/qc-br-sm.jpg);
    }
    .about-pp-bg{
        background-image: url(../pic/about/pp_bg-sm.jpg);
    }
    .pro-dzkf{
        height: 400px;
    }
    .page-header__inner .page-header__inner_p p.eg{
        font-size: 12px;
        line-height: 18px;
    }
    .page-header-bg.case-meal{
        background-image: url(../img/case1-banner-sm.jpg);
    }
    .image-layer.index{
        background-image: url(../pic/main-slider-1-sm.jpg);
    }
    
    .pay-one-bg.index{
        background-image: url(../pic/pay-sm.jpg);
    }
    .pay-one .pay-one-bg.index{
        height: 326px;
        background-size: 100% 100%;
    }
    .page-header-bg.project-employee{
        background-image: url(../pic/solution/ew-banner-sm.jpg);
    }
    .part-bg.project-digit{
        background-image: url(../pic/pro/digit/part2_bg-sm.png);
        background-position: 10px 200px;
        background-size: 95%;
    }
    .digit-two .container{
        justify-content: flex-start;
        height: 400px;
    }
    .digit-three .right-content .img-ul{
        display: none;
    }
    .digit-three .img-ul-sm{
        display: block;
    }
    .digit-three .img-ul-sm img{
        width: 100%;
    }
    .digit-three  .row.pc{
        display: none;
    }
    .digit-three  .row.sm{
        display: flex;
    }
    .digit-three .part-two-content .row.sm .left-content{
        margin-left: 0;
    }
    .digit-three .row.sm .left-content{
        padding: 0 15px;
    }
    .digit-three .left-content .sc-ul li{
        margin: 15px 0;
    }
    .digit-three .part-four-content{
        padding: 15px 0 20px;
    }
    .digit-three .part-three-content{
        padding: 40px 0 0;
    }
    .digit-three .sc-ul{
        margin-bottom: 15px;
    }
    .digit-three .left-content .sc-ul li{
        font-size: 16px;
    }
    .digit-two .left-content .sc-ul{
        margin: 30px 0 10px;
    }
    .digit-two .left-content .sc-ul li{
        font-size: 16px;
        margin: 15px 0;
    }
    .only-pc{
        display: none;
    }
    .taste-two .part-three-content, .taste-two .part-two-content, .taste-two .part-one-content {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .taste-two.project-employee .container{
        padding: 0 15px;
        justify-content:flex-start;
    }
    .taste-two.project-employee .part-one-content .left-content{
        width: 95%;
    }
    .taste-two.project-employee .left-content{
        margin-top: 70px;
    }
    .taste-two.project-employee .left-content .sc-ul li{
        font-size: 14px;
    }
    .pro-yy .pro-yy-item{
        margin-bottom: 20px;
    }
}













@media only screen and (min-width: 1200px) and (max-width: 1330px) {
    .why-choose__right-text-box {
        margin-right: 0;
    }





}



/*--------------------------------------------------------------
# Slider All Responsice Css
/////////
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-slider h2 br {
        display: none;
    }

    .main-slider h2 {
        font-size: 38px;
        line-height: 45px;
    }

    #main-slider-pagination {
        max-width: 960px;
    }

    .main-slider__nav-two .swiper-button-prev {
        margin-left: 80px;
    }

    .main-slider__nav-two .swiper-button-next {
        margin-right: 80px;
    }


















}






@media only screen and (min-width: 768px) and (max-width: 991px) {
    #main-slider-pagination {
        max-width: 720px;
    }

    .main-slider-shape-1 {
        display: none;
    }

    .main-slider__nav-two {
        display: none;
    }

    .main-slider-two h2 {
        font-size: 85px;
    }
    .facts-column{
        width: 50%;
    }
    .services-one .tab-item{
        width: 25%;
    }



















}



@media only screen and (max-width: 767px) {
    .main-slider__nav {
        display: none;
    }

    .main-slider-shape-1 {
        display: none
    }

    #main-slider-pagination {
        max-width: 540px;
    }

    .main-slider h2 br {
        display: none;
    }
    .main-slider .container {
    position: relative;
    padding-top: 100px;
    padding-bottom: 255px;
    z-index: 30;
}
    .main-slider h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .main-slider p{
        font-size: 18px;
        line-height: 24px;
    }
    .feature-one__text p {
         font-size: 10px;
    }
    .feature-one__text h3{
        font-size: 18px;
    }
    .main-slider__nav-two {
        display: none;
    }

    .main-slider-two h2 {
        font-size: 35px;
        line-height: 35px;
    }

    .main-slider-two h3 {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 25px;
    }











}



/*--------------------------------------------------------------
# Main Menu All Responsice Css
/////////
--------------------------------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .main-menu-wrapper__call {
        display: flex;
    }

    .main-menu-wrapper__logo {
        margin-right: 100px;
    }



}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header__top-right-text {
        display: none;
    }

    .main-menu-wrapper__logo {
        margin-right: 50px;
    }

    .main-menu .mobile-nav__toggler {
        margin-right: 0;
        padding: 20px 0;
        display: inline-block;
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--thm-black);
    }















}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header__top-right-text {
        display: none;
    }

    .main-menu-wrapper__logo {
        margin-right: 50px;
    }
    .main-menu-wrapper__call {
        display: flex;
    }

    .main-menu .mobile-nav__toggler {
        margin-right: 0;
        padding: 20px 0;
        display: inline-block;
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--thm-black);
    }











}




@media (max-width: 767px) {
    .main-header__top {
        display: none;
    }

    .main-menu-wrapper__right {
        display: none;
    }

    .main-menu-wrapper__left {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .main-menu-wrapper__logo {
        margin-right: 0;
    }

    .main-menu-wrapper__main-menu {
        float: right;
    }

    .main-menu {
        padding: 0 30px;
    }


    .main-menu .mobile-nav__toggler {
        margin-right: 0;
        padding: 20px 0;
        display: inline-block;
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--thm-black);
    }










}
