@media only screen and (max-width:991px) {
    .p-tb-100 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pt-70 {
        padding-top: 30px
    }

    .pt-80 {
        padding-top: 30px
    }
    .pt-50 {
        padding-top: 30px
    }
    .pt-100 {
        padding-top: 50px
    }

    .pt-min-100 {
        padding-top: calc(50px - 6px)
    }

    .pb-70 {
        padding-bottom: 20px
    }

    .pb-80 {
        padding-bottom: 30px
    }

    .pb-100 {
        padding-bottom: 50px
    }

    .pb-130 {
        padding-bottom: 60px
    }

    .pb-160 {
        padding-bottom: 90px
    }

    .mb-100 {
        margin-bottom: 50px
    }

    .mt-100 {
        margin-top: 50px
    }

    .max-585 {
        max-width: 100%
    }
    
    .animation-d-none {
        display: none
    }

    .mobile-hide {
        display: none
    }

    .mobile-block {
        display: block
    }

    .section-title {
        margin-bottom: 30px
    }

    .section-title h2 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .section-title p {
        margin-bottom: 20px
    }

    .section-title.section-title-left {
        text-align: center
    }

    .section-title .btn {
        margin: auto
    }

    .feature-card-header span {
        font-size: 20px
    }
    
    .navbar-area {
        padding-left: 0;
        padding-right: 0
    }

    .mean-container .mean-bar {
        background-color: transparent
    }

    .mobile-nav {
        padding: 10px 0
    }

    .mobile-nav .logo {
        position: inherit;
        top: 0;
        left: 0
    }

    .option-badge {
        -webkit-transform: translate(10px, -10px);
        transform: translate(10px, -10px)
    }

    .breadcrumb {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .button-group .main-btn {
        margin-left: 12px;
        margin-right: 12px
    }

    .side-topbar-option {
        display: block
    }

    .navbar-option-cart .option-badge {
        right: -5px;
        top: -5px
    }

    .navbar-option-item {
        margin-left: 10px
    }

    .navbar-area .container {
        max-width: 100%
    }

    .header-bg-lg {
        padding-top: 115px;
        padding-bottom: 50px
    }

    .header-bg {
        padding-top: 0;
        padding-bottom: 0;
        height: 350px;
    }
    .header-bg .header-wrap {
        bottom: 8%;
    }
    .header-bg .video {
        position: relative;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: right;
    }
    .header-bg .video::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(205, 221, 246, 0.7);
    }
    
    .header-content {
        text-align: center;
        margin-bottom: 30px;
        padding-left: 0;
    }

    .header-content h1 {
        font-size: 36px
    }

    .header-content p {
        font-size: 16px;
        margin-bottom: 20px
    }

    .header-content .button-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section-to-header {
        margin-top: -50px
    }
    

    .inner-page-header {
        margin-top: 80px;
        padding-top: 40px;
        padding-bottom: 40px
    }
    .inner-header-content {
        position: relative;
        z-index: 10;
    }
    .cloud-header-bg {
        position: relative;
    }
    .cloud-header-bg::after { 
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(192, 195, 210, 0.5);
    }
    .inner-header-content h1 {
        font-size: 26px
    }

    .pricing-card {
        padding: 50px
    }

    .pricing-thumb i {
        font-size: 60px
    }

    .pricing-info h3 {
        font-size: 30px
    }

    .contact-info {
        padding: 35px 40px 5px
    }

    .contact-map {
        margin-bottom: 20px;
        height: auto
    }

    .contact-map iframe {
        height: 300px
    }

    .cart-empty-text h3 {
        font-size: 30px
    }
    .default-carousel.owl-theme .owl-nav button {
        display: none;
    }
    .product-box h4 {
        left: 0;
        right: 0;
        font-size: 26px;
        transform: translateY(-50%);
    }
    .product-box h4 span {
        display: block;
    }
    
}

@media only screen and (max-width:767px) {
    .iphone-hide {
        display: none !important;
    }
    .header-bg {
        height: 250px;
    }
    
    .header-bg .header-wrap {
        bottom: 0;
    }
     .header-content h1 {
        font-size: 26px
    }

    .header-content p {
        font-size: 12px;
    }
    .main-btn {
        padding: 10px 20px;
        font-size: 12px
    }

    .main-btn i {
        font-size: 12px
    }
    .mobile-brand {
        max-width: 110px;
    }
    .btn-link {
        font-size: 12px
    }
    
    .breadcrumb .breadcrumb-item {
        font-size: 13px
    }

    .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
        font-size: 8px
    }

    .social-list li {
        font-size: 18px
    }

    .social-list.social-list-btn li {
        width: 30px;
        height: 30px;
        font-size: 11px
    }

    .sub-section-title small {
        font-size: 13px
    }

    .sub-section-title .sub-section-title-heading {
        font-size: 19px
    }

    .sub-section-title p {
        font-size: 14px
    }
    .section-title {
        margin-bottom: 20px;
    }
    .section-title small {
        margin-bottom: 10px;
        font-size: 15px
    }

    .section-title h2 {
        font-size: 20px
    }

    .section-title p {
        font-size: 14px;
        text-align: center;
    }
    
    .button-group {
        margin-top: -15px
    }

    .button-group .main-btn {
        margin-left: 7px;
        margin-right: 7px;
        margin-top: 15px
    }

    .navbar-option-item a i {
        font-size: 15px
    }

    .mobile-nav .navbar-option-item button i {
        font-size: 14px
    }

    .mobile-nav .navbar-option {
        margin-right: 40px
    }

    .mobile-nav .navbar-option-item {
        margin-left: 10px
    }

    .mobile-nav.mean-container {
        border-bottom: 0
    }

    .mobile-nav.mean-container .mean-bar {
        background-color: transparent;
        left: 0;
        top: 0;
        padding: 0;
        height: 100%
    }

    .mobile-nav.mean-container a.meanmenu-reveal {
        width: 25px;
        height: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 7px;
        padding-right: 0
    }

    .social-list li {
        font-size: 16px
    }

   

    .header-content .button-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .inner-page-header {
        margin-top: 50px;
    }
    .inner-header-content h1 {
        font-size: 20px;
        margin-bottom: 10px
    }


    .feature-card {
        padding: 0 ;
    }
    .feature-section a.vs-btn {
        font-size: 12px;
    }
    .feature-tabs {
        margin: 0;
    }
    .feature-tabs .col-4 {
        padding: 0;
    }
    .feature-card-header {
        padding-bottom: 6px;
        border-bottom: none;
    }
   
    .feature-card-header span {
        font-size: 15px
    }
    .feature-card-header span::after {
        bottom: -9px;
        height: 2px;
    }
    .feature-card-thumb {
        margin-bottom: 0;
        width: 60px;
        height: 60px;

    }
    .feature-content ul {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .feature-content li {
        padding-left: 16px;
        margin-bottom: 12px;
        font-size: 14px;
    }
    .feature-content li::before {
        height: 8px;
        width: 8px;
    }
    .feature-content .vs-btn {
        padding: 6px 12px;
    }
    .feature-card-body h3 {
        font-size: 18px
    }

    .feature-card-body p {
        font-size: 14px;
        margin-bottom: 10px
    }

    .feature-card-body a {
        font-size: 13px
    }

    .feature-img-box .screen {
        left: 18%;
        width: 64.5%;
    }
    .feature-icon-left,
    .feature-icon-right {
        top: 30%;
        width: 100px;
    }
    .product-section .section-title p {
        max-width: 100%;
    }
    .product-box {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 0;
        text-align: left;
    }
    .product-box .icon-box {
        width: 100px;
        box-shadow: none;
    }
    .product-box .icon-box img {
        width: 100%;
    }
    .product-box .content {
        margin: 0;
        flex: 1;
        padding-left: 10px;
    }
    .product-box h4 {
        font-size: 20px;
    }
    .product-box p {
        margin-bottom: 0;
        font-size:  14px;
        color: #333;
    }
    .counter-section {
        margin-top: -10px;
        padding: 0 10px;
    }
    .counter-section .flex {
        padding-left: 0;
        padding-right: 0;
    }
    .counter-single-box .icon {
        width: 32px;
        margin-right: 5px;
    }
    .counter-section .counter-content2 h1 {
        font-size: 20px;
    }
    .counter-single-box {
        padding: 15px 0;
    }
    .counter-content2 p {
        font-size: 12px;
    }
    .team-section .team-bg1 {
        opacity: 0.2;
    }
    .team-area-box {
        margin-bottom: 30px;
    }

    .team-area-box figure .author-intro {
        height: 90%;
        bottom: -90%;
    }
    .team-area-box .content {
        padding: 10px 15px;
        bottom: -16px;
    }
    .team-area-box .content .author-info h5 {
        font-size: 16px;
        margin-bottom: 5px
    }
    .team-area-box .content .author-info span {
        font-size: 13px;
    }

    .about-content p {
        font-size: 16px;
        line-height: 1.8;
    }

    .about-content ul li {
        font-size: 16px;
        padding-left: 28px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        /* width: 100%; */
        padding-right: 0
    }

    .about-content ul li:before {
        font-size: 18px
    }

    .his_list ul li {
       font-size: 14px;
    }
    .his_list .line {
        
    }
    .his_list ul li i {
       top: 5px;
    }
    .his_list ul li i:after {
        display: none;
    }
    .his_list ul li .text {
        padding: 0 15px !important;
    }


    .process-text h3 {
        font-size: 18px
    }

    .process-text p {
        font-size: 15px
    }
    
    .testimonial-card-inner-header {
        margin-bottom: 5px
    }

    .testimonial-card-inner-header h3 {
        font-size: 14px
    }

    .testimonial-card-info-thumb {
       height: 180px;
    }
    .testimonial-card-body {
        padding: 10px;
    }
    .testimonial-para {
        font-size: 12px;
    }
    .default-carousel.owl-theme .owl-nav {
        margin-top: 0
    }

    .default-carousel.owl-theme .owl-nav button {
        font-size: 15px;
        width: 40px;
        height: 40px
    }
    .owl-theme .owl-dots {
        margin-top: 10px;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }

    .contact-section .section-title p {
        font-size: 16px;
    }
    .contact-section .vs-btn.style3 {
        padding: 10px 40px;
    }

    .blog-category {
        padding: 10px 15px;
        font-size: 13px;
        margin-bottom: 15px
    }

    .blog-category-text {
        font-size: 13px
    }
    .footer-logo-qrcode {
        display: flex;
        justify-content: space-between;
    }
    .footer-logo-qrcode .footer-details {
        margin-top: 0;
    }
    .footer .site-title {
        max-width: 160px;
    }
    .footer-logo {
        text-align: center;
        max-width: 160px;
    }
    .footer-details .qr-code {
        width: 100px;
        margin-top: 0;
        
    }
    .qr-code {
        margin-left: auto;
        margin-right: auto;
    }

    .footer-details p {
        font-size: 15px
    }

    .footer-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .footer-list li {
        display: inline-block;
        margin-right: 10px;
        font-size: 12px
    }
    .footer-details {
        margin-top: 10px;
    }
    .footer-content-title h3 {
        font-size: 14px
    }
    .footer-list li a {
        font-size: 12px;
    }
    .footer-address-text h4 {
        font-size: 15px
    }

    .footer-address-text p {
        font-size: 14px
    }

    .footer-copyright-text p {
        font-size: 12px
    }


    .project-flat-text h3 {
        font-size: 18px
    }

    .pricing-card {
        padding: 30px
    }

    .pricing-category {
        margin-bottom: 15px
    }

    .pricing-category h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .pricing-thumb i {
        font-size: 50px
    }

    .pricing-thumb:after {
        width: 100px;
        height: 40px
    }

    .pricing-info h3 {
        font-size: 25px;
        margin-bottom: 20px
    }

    .pricing-info h3 span {
        font-size: 15px
    }

    .pricing-info ul {
        margin-bottom: 27px
    }

    .pricing-info ul li {
        font-size: 15px;
        margin-bottom: 10px
    }

    .pricing-info ul li:last-child {
        margin-bottom: 0
    }

    .sidebar-bg {
        padding: 15px
    }

    .sidebar-item>h3 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .sidebar-list li {
        font-size: 14px
    }

    .sidebar-list li a:before {
        font-size: 10px
    }

    .sidebar-author p {
        font-size: 15px;
        margin-bottom: 15px
    }

    .sidebar-author .author-info img {
        width: 65px;
        height: 65px;
        margin-right: 15px
    }

    .sidebar-author .author-info-details h3 {
        font-size: 17px
    }

    .sidebar-author .author-info-details p {
        font-size: 14px
    }

    .page-link {
        font-size: 17px
    }
    
    .review-holder-item {
        padding: 10px 20px
    }

    .contact-info {
        padding: 35px 25px 5px;
    }

    .contact-info-header-icon {
        width: 44px;
        height: 44px;
        font-size: 25px;
        margin-right: 10px
    }

    .contact-info-header-text h3 {
        font-size: 14px
    }

    .contact-info-header-text p {
        font-size: 12px
    }

    .contact-info-body p {
        font-size: 14px
    }  

    .accordion-button {
        padding: 10px 15px;
        font-size: 14px
    }

    .accordion-button:after {
        font-size: 12px
    }

    .accordion-body {
        padding: 10px 15px;
        font-size: 14px
    }
    .team-card {
        padding: 0 0 15px;
    }
    .team-card-thumb {
        margin-bottom: 15px
    }
    .team-card-content {
        padding-left: 0;
        text-align: center;
    }
    .team-card-content h3 {
        font-size: 16px
    }

    .team-card-content h4 {
        margin-bottom: 0;
        font-size: 14px
    }

    .team-card-content p {
        font-size: 14px
    }
    .honor-card h3 {
        padding: 10px;
        font-size: 14px;
    }

    .solution-card {
        padding: 15px;
    }
    #allmap {
        height: 300px
        
    }
    /* .solution-card-title h3 {
        font-size: 18px
    } */

    .solution-card-title h4{
        font-size: 14px
    }

    .solution-card-title p {
        font-size: 15px
    }

    .solution-card-brief p {
        font-size: 14px
    }
    .solution-card-brief h6 {
        font-size: 15px;
    }

    .product-list-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .product-list-form select option {
        font-size: 13px
    }

    .product-list-form select {
        font-size: 12px
    }

    .nice-select {
        padding: 10px 30px 10px 15px;
        font-size: 12px;
        line-height: 1.95
    }

    .nice-select:after {
        font-size: 11px
    }

    .nice-select .list {
        right: auto;
        left: 50%;
        -webkit-transform: scale(.75) translate(-50%, -21px);
        transform: scale(.75) translate(-50%, -21px)
    }

    .nice-select .list li {
        font-size: 13px;
        line-height: 25px
    }

    .nice-select.open .list {
        -webkit-transform: scale(1) translate(-50%, 0);
        transform: scale(1) translate(-50%, 0)
    }

    .product-details-caption h3 {
        font-size: 25px
    }

    .product-details-caption h5 {
        font-size: 18px
    }


    .product-price {
        font-size: 17px
    }

    .product-price del {
        font-size: 15px
    }

    .product-details-para p {
        font-size: 15px
    }

    .product-action-info h4 {
        font-size: 17px
    }

    .product-quantity .btn {
        font-size: 13px
    }


    .checkout-payment-form p {
        font-size: 15px;
        margin-bottom: 20px
    }
    

    .blob-1,
    .blob-2 {
        width: 50px;
        height: 50px
    }
    /* 产品优势 */
    .advantage-section .section-title h2 {
        text-align: center;
        margin-bottom: 0;
    }
    .advantage-section .advantage-item {
        padding: 15px 0;
    }
    .advantage-section .advantage-item .icon-box {
        width: 50px;
        height: 50px;
    }
    .advantage-section .advantage-item .advantage-cont {
        padding-left: 15px;
    }
    .advantage-section .advantage-cont h3 {
        font-size: 15px;
    }
    .advantage-section .advantage-cont p {
        font-size: 14px;
    }
    .blog-section .pb-30 {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width:575px) {
    .testimonial-card-body:after {
        border-width: 20px;
        left: 15px
    }

    .testimonial-card-info {
        padding-left: 0
    }

    .sidebar-item h3 {
        font-size: 14px
    }

    .post-review-item-reply {
        padding-left: 35px
    }

}

@media only screen and (min-width:992px) {
    .desk-ml-auto {
        margin-left: auto
    }
    .mobile-hide {
        display: inline
    }

    .mobile-block {
        display: none
    }
    .desk-mr-auto {
        margin-right: auto
    }

    .desk-mt-auto {
        margin-top: auto
    }

    .desk-mb-auto {
        margin-bottom: auto
    }

    .desk-m-0 {
        margin: 0 !important
    }

    .desk-p-0 {
        padding: 0 !important
    }

    .desk-mlr-0 {
        margin-left: 0;
        margin-right: 0
    }

    .desk-plr-0 {
        padding-left: 0;
        padding-right: 0
    }

    .desktop-full-width {
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0
    }

    .desk-pt-30 {
        padding-top: 30px
    }

    .desk-pb-20 {
        padding-bottom: 20px
    }

    .desk-pad-left-10 {
        padding-left: 10px
    }

    .desk-pad-right-10 {
        padding-right: 10px
    }

    .desk-pad-left-15 {
        padding-left: 15px
    }

    .desk-pad-right-15 {
        padding-right: 15px
    }

    .desk-pad-left-20 {
        padding-left: 20px
    }

    .desk-pad-right-20 {
        padding-right: 20px
    }

    .desk-pad-left-30 {
        padding-left: 30px
    }

    .desk-pad-right-30 {
        padding-right: 30px
    }

    .desk-pad-left-40 {
        padding-left: 20px
    }

    .desk-pad-right-40 {
        padding-right: 20px
    }

    .desk-pad-left-70 {
        padding-left: 30px
    }

    .desk-pad-right-70 {
        padding-right: 70px
    }

    .desk-pad-left-100 {
        padding-left: 100px
    }

    .desk-pad-right-100 {
        padding-right: 100px
    }

    .max-585 {
        max-width: 495px
    }


    .header-bg-lg {
        padding-top: 290px;
        padding-bottom: 150px
    }

    .header-content h1 {
        font-size: 40px;
        opacity: 0
    }

    .header-content p {
        font-size: 16px;
        opacity: 0
    }

    .button-group-animated .main-btn {
        opacity: 0
    }

    .pre-loaded .header-content h1 {
        opacity: 1;
        -webkit-animation: slideInLeft 1.5s;
        animation: slideInLeft 1.5s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .pre-loaded .header-content p {
        opacity: 1;
        -webkit-animation: slideInLeft 1.5s;
        animation: slideInLeft 1.5s;
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .contact-info {
        padding: 35px 40px 5px
    }
}

@media only screen and (min-width:1200px) {
    .main-nav {
        display: block
    }

    .mobile-nav {
        display: none
    }

    .max-585 {
        max-width: 585px
    }

    .header-image-shape img {
        max-width: 725px
    }

    
    /* 产品优势 */
    .advantage-section .advantage-list {
        padding-bottom: 100px;
    }
    .advantage-section .advantage-right {
        display: flex;
    }
}

@media only screen and (min-width:1350px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px
    }

    .max-585 {
        max-width: 665px
    }

    .header-bg-lg {
        padding-top: 300px;
        padding-bottom: 160px
    }

    .header-content h1 {
        font-size: 40px
    }

    .contact-info {
        padding: 35px 90px 5px
    }
    .about-section .about-item-image .about-img-1 {
        display: block;
    }
}

@media only screen and (min-width:1400px) {
    .container {
        max-width: 1280px
    }

    .max-585 {
        max-width: 695px
    }

    .navbar-area {
        padding-left: 0;
        padding-right: 0
    }

    .header-content {
        padding-left: 0
    }

    .header-image-shape img {
        max-width: 850px
    }
    .advantage-section .choose-img {
        display: block;
    }
}

@media only screen and (min-width:1850px) {
    .header-image-shape img {
        max-width: 100%
    }

    .custom-container-fluid {
        max-width: 1800px
    }
}

@media only screen and (min-width:2100px) {
    .header-image-shape {
        width: 1200px
    }

    .header-image-shape img {
        width: 100%
    }

    .custom-container-fluid {
        max-width: 1800px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    
    .feature-card {
        padding: 20px
    }

    .feature-card .feature-card-thumb {
        width: 100px;
    }
    .product-box h4 span {
        display: block;
    }

    .pricing-card {
        padding: 20px
    }
    .default-carousel.owl-theme .owl-nav button {
        display: none;
    }
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .feature-card {
        padding: 20px
    }

    .feature-card span {
        font-size: 18px
    }

    .feature-card .feature-card-thumb {
        width: 110px;
        height: 110px;
    }

}