/*.row*/
/*    共12*/
/*    .col-6*/

@media (max-width: 767px) {
	.introduction-section {
		margin-top: 0;
	}

	.index-product-desc .tp-section-text {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.tp-portfolio-filter-area {
		padding-top: 40px;
	}

	.tp-shop-details-tab-wrapper .tp-shop-details-tab {
		margin-bottom: 0;
	}

	.tp-service-content .text-two {
		margin-bottom: 15px;
	}

	.tp-service-wrapper .tp-service-icon {
		margin-bottom: 20px;
	}

	.tp-shop-details-des .details-description-img {
		margin-top: 20px;
	}

	.tp-shop-details-des .on {
		margin-bottom: 10px;
	}

	.tp-faq-wrapper {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.tab-pane .tp-shop-details-des p {
		font-size: 14px;
		margin-top: 15px;
	}

	.details-download .tp-btn {
		padding: 15px 20px 15px 20px;
	}

	.service-ul {
		margin-top: 20px;
		padding-bottom: 0;
	}

	.tp-shop-details-des .details-download li img {
		width: 50px;
	}

	.tp-shop-details-des .details-download li>span {
		font-size: 14px;
	}

	.tp-faq-wrapper .col-lg-5 {
		margin-bottom: 0;
	}

	.tp-feature-area {
		padding-top: 30px;
		padding-bottom: 40px;
	}



	.tp-team-area .col-lg-12.mb-50 {
		margin-bottom: 30px;
	}

	.tp-instagram-area {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.tp-about-progress-area .tp-about-progress-thumb {
		margin-bottom: 0;
	}

	.tp-team-area {
		padding-top: 40px;
		padding-bottom: 0;
		margin-bottom: 15px;
	}

	.tp-blog-area {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.tp-blog-left .tp-blog-wrapper.mb-40 {
		margin-bottom: 0;
	}

	.tp-blog-area .col-lg-4 {
		padding-bottom: 20px;
	}

	.gallery-item h3 {
		font-size: 16px;
	}

	.tp-about-progress-area {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.tp-team-pagenation .tp-team-pagenation div {
		width: 50px;
		height: 50px;
		line-height: 48px;
		font-size: 22px;
	}

	.service-ul .tp-team-progress-area {
		padding-bottom: 25px;
	}

	.tp-funfacts-area {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.tp-team-area .container {
		margin-bottom: 0;
	}

	.section-black .tp-footer-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.tp-shop-details-wrapper {
		padding-top: 20px;
	}

	.tp-footer-subscribe form h6 {
		font-size: 18px;
	}

	.tp-form-input input {
		height: 40px;
	}

	.tp-form-textarea textarea {
		height: 130px;
	}

	.tp-contact-form-area {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.tp-contact-wrapper {
		margin-bottom: 40px;
	}

	.tp-contact-wrap .tp-contact-lucation {
		padding-bottom: 0;
	}

	.tp-contact-lucation .tp-contact-thumb {
		margin-top: 30px;
	}

	.tp-contact-wrapper.pt-120 {
		padding-top: 30px;
	}

	.top-title-card.mt-80 {
		margin-top: 20px;
	}

	.col-xl-10 .tp-hero-five-title {
		font-size: 30px;
	}

	.col-xl-10 .tp-hero-five-text {
		font-size: 20px;
	}

	.col-xl-7 .tp-latest-btns {
		margin-bottom: 20px;
	}

	.tp-latest-btns.mt-45 {
		margin-top: 25px;
	}

	.tp-latest-product-area {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.tp-product-area .row {
		margin-top: 0;
	}

	.tp-product-area {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.tp-shop-details-tab-area {
		padding-bottom: 20px;
	}

	.col-lg-7 .tp-product-details-thumb-wrapper {
		margin-bottom: 20px;
	}

	.tp-service-content .text-three {
		font-size: 14px;
	}

	.tp-service-content .tp-service-title {
		font-size: 16px;
	}

	.tp-project-area {
		padding-top: 0;
	}

	.tp-project-area .tp-product-title-wrapper {
		margin-bottom: 40px;
		padding-top: 25px;
	}

	.tp-project-area .tp-product-title-wrapper {
		margin-bottom: 15px;
	}

	.tp-funfacts-area .tp-product-title-wrapper {
		margin-bottom: 30px;
	}

	.tp-project-wrapper .tp-project-title-sm {
		font-size: 16px;
	}

	.tp-project-content .tp-project-text {
		font-size: 14px;
		margin-right: 60px;
	}

	.tp-project-content .tp-project-icon a {
		width: 50px;
		height: 50px;
	}

	.tp-project-area {
		padding-bottom: 0;
	}

	.tp-awards-area.pb-60 {
		padding-bottom: 30px;
	}

	

	.tp-service-area {
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.tp-feature-content .tp-feature-title {
		margin-bottom: 5px;
		font-size: 16px
	}

	.col-lg-6 .tp-blog-title {
		font-size: 18px;
	}

	.tp-section-content .tp-title-anim div {
		font-size: 14px;
	}

	.mt-30 .tp-btn {
		padding: 15px 20px 15px 20px;
	}

	.tp-about-progress-title-wrapper .tp-btn {
		padding: 15px 20px 15px 20px;
	}

	.tp-funfacts-area .tp-funfacts-content {
		margin-top: 40px;
	}

	.col-lg-6 .tp-section-title-2 {
		font-size: 20px;
	}

	.tp-latest-btns a {
		padding: 6px 10px;
		min-width: 100px;
	}

	.tp-service-details-widget .tp-service-details-content div {
		font-size: 14px;
		/* margin-bottom: 50px; */
	}

	.tp-service-area .tp-service-details-widget {
		margin-bottom: 50px;
	}

	.tp-service-details-content .tp-service-details-title {
		font-size: 22px;
	}

	.tp-service-content .text-two {
		font-size: 14px;
	}

	.tp-section-title-wrapper .tp-section-title {
		font-size: 22px;
	}

	.tp-section-title-wrapper {
		margin-bottom: 0;
	}

	.tp-product-title-wrapper .tp-section-title-2 {
		font-size: 22px;
	}

	.col-lg-6 .details-description-text div {
		font-size: 14px;
	}

	.tp-shop-details-wrapper {
		padding-bottom: 30px;
	}

	.col-lg-6 .details-description-text h2 {
		font-size: 20px;
	}

	.tp-product-details-wrapper .tp-product-details-title {
		font-size: 20px;
	}

	.tp-product-details-wrapper .tp-product-details-para {
		font-size: 14px;
	}

	.tp-product-details-wrapper .product-details-info {
		font-size: 16px;
	}

	.tp-funfacts-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.tp-blog-content .tp-blog-title {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.col-xl-3 .tp-footer-widget-title {
		font-size: 16px;
	}

	.tp-shop-sidebar-area.pb-110 {
		padding-bottom: 30px;
	}

	.col-xl-4 .tp-footer-title h4 {
		font-size: 18px;
	}

	.tp-shop-main-wrap .col-12.mt-40 {
		margin-top: 0;
	}

	.footer-widget .tp-footer-widget-link ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.footer-widget .tp-footer-widget-link.tp-footer-widget-contact ul {
		display: block;
	}

	.tp-footer-widget-link ul li a {
		font-size: 14px;
	}

	.footer-widget .tp-footer-widget-title {
		font-size: 16px;
	}

	.tp-footer-copyright p {
		font-size: 14px;
	}

	.tp-cta-contact-content .tp-cta-title-2 {
		font-size: 26px;
	}

	.tp-cta-contact-content .tp-btn {
		padding: 15px 20px 15px 20px;
	}

	.top-carousel-text h2 {
		font-size: 24px;
	}

	.top-carousel-text>div {
		font-size: 16px;
	}

	.breadcumb-my ul {
		font-size: 11px;
	}

	.tp-team-pagenation div {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
	}

	.tp-service-area .tp-team-pagenation {
		margin-top: 0;
	}

	.introduction-section .introduction-text {
		font-size: 14px;
	}

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

	.tp-portfolio-content .tp-portfolio-title {
		font-size: 20px;
	}

	.tp-portfolio-icon .tp-btn-round {
		width: 50px;
		height: 50px;
		padding: 10px;
	}

	.tp-portfolio-content .text-two {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.tp-blog-pagenation ul li a {
		width: 40px;
		height: 40px;
		line-height: 39px;
	}

	.col-lg-4.mb-60 {
		margin-bottom: 20px;
		margin-top: 15px;
	}

	.tp-project-area .col-xxl-4.mb-20 {
		margin-bottom: 10px;
	}

	.tp-faq-wrapper .col-lg-7.mb-40 {
		margin-bottom: 30px;
	}

	.tp-product-title-wrapper .tp-title-anim {
		font-size: 14px;
	}

	.tp-footer-subscribe button {
		top: 60%;
	}

	.tp-portfolio-filter-area.pb-120 {
		padding-bottom: 30px;
	}

	.col-xx-6 .tp-product-title-wrapper {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.tp-footer-input2 input[type=email] {
		height: 40px;
	}

	.col-lg-12 .tp-product-title-wrapper {
		margin-bottom: 20px;
	}

	.tp-service-faq-btn {
		font-size: 15px;
	}

	.product-faq .tp-service-faq-btn {
		font-size: 15px;
	}

	.accordion-item .accordion-body {
		font-size: 14px;
	}

	.tp-service-faq-btn .accordion-btn {
		width: 45px;
		height: 45px;
		right: -60px;
	}

	.col-lg-7 .tp-service-faq-btn {
		line-height: 1.5;
	}

	.tp-service-faq-btn .accordion-btn::before {
		left: 52%;
		top: 14px;
	}

	.tp-service-faq-btn .accordion-btn::after {
		left: 14px;
		top: 47%;
	}

	.tp-portfolio-filter-area {
		padding-top: 0;
	}

	.tp-about-progress-title-wrapper .tp-section-text-2 {
		font-size: 16px;
	}

	.service-ul .tp-section-title-2 {
		font-size: 22px;
	}

	.tp-team-content .tp-team-title {
		font-size: 16px;
	}

	.tp-process-area {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.tp-team-content .text-two {
		font-size: 14px;
	}

	.tp-team-area .col-lg-4 {
		margin-bottom: 20px;
	}

	.tp-blog-left .tp-blog-wrapper-3 .tp-blog-title-3 {
		font-size: 18px;
	}

	.tp-blog-content-2 .tp-blog-text {
		font-size: 14px;
	}

	.tp-sidebar-widget .tp-sidebar-banner-title {
		font-size: 25px;
	}

	.tp-author-right .tp-sidebar-widget {
		padding-top: 20px;
		padding-bottom: 25px;
	}

	.tp-sidebar-widget-list .tp-sidebar-title {
		font-size: 18px;
	}

	.tp-blog-content-2 .tp-blog-avatar-2 span {
		font-size: 12px;
	}

	.tp-sidebar-widget .tp-sidebar-title {
		font-size: 16px;
	}

	.col-xl-4.mt-phone {
		margin-top: 0;
	}

	.tp-blog-content-2 .news-page a {
		font-size: 14px;
	}

	.tp-instagram-area .tp-team-title-wrap {
		margin-bottom: 30px;
	}

	.tp-sidebar-widget .tp-sidebar-widget-list ul li a {
		font-size: 14px;
	}

	.tp-author-right .accordion-item .accordion-button {
		font-size: 14px;
	}

	.tp-about-progress-content .tp_fade_bottom {
		font-size: 14px;
	}

	.tp-blog-post-content .tp-blog-avatar-3 {
		font-size: 12px;
	}

	.tp-blog-post-content .tp-blog-avatar-title {
		font-size: 12px;
	}

	.tp-process-content .p {
		font-size: 14px;
	}

	.tp-process-content .tp-process-title {
		font-size: 14px;
	}

	.tp-process-title-wrap .tp-section-title-2 {
		font-size: 22px;
	}

	.tp-team-title-wrap .tp-section-title-2 {
		font-size: 20px;
	}

	.col-lg-12 .tp-team-title-wrap {
		margin-bottom: 15px;
	}

	.swiper-slide .about-history-text {
		font-size: 14px;
	}

	.about-history-sub {
		font-size: 65px;
	}

	.tp-contact-title-wrapper .tp-section-title-2 {
		font-size: 24px;
	}

	.tp-contact-title-wrapper-2 .tp-section-title-2 {
		font-size: 20px;
	}

	.tp-contact-form-area .tp-contact-title-wrapper-2 {
		margin-bottom: 35px;
	}

	.tp-contact-content a {
		font-size: 14px;
	}

	.tp-contact-content div {
		font-size: 14px;
	}

	.col-lg-3 .tp-funfacts-subtitle {
		font-size: 14px;
	}



	.tp-blog-avatar h5 {
		padding-top: 5px;
		font-size: 15px;
	}

	.tp-blog-avatar h5 span {
		font-size: 15px;
	}

	.col-xl-6 .tp-section-title-2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.blog-details__text-1 {
		font-size: 14px;
	}

	.col-xl-7 .tp-latest-btns div {
		padding: 5px 16px;
		min-width: 100px;
	}

	.tp-latest-product-title-wrapper .tp-section-subtitle {
		margin-bottom: 10px;
	}

	.tp-latest-product-area .tp-latest-product-title-wrapper {
		margin-bottom: 25px;
	}

	.tp-footer-title img {
		max-width: 150px;
	}

	.col-lg-3 .tp-feature-text {
		font-size: 14px;
	}

	.tp-contact-title-wrapper-2 .tp-section-subtitle {
		margin-bottom: 10px;
	}

	.tp-product-title-wrapper .tp-section-subtitle {
		margin-bottom: 10px;
	}

	.tp-blog-area .tp-product-title-wrapper.mb-65 {
		margin-bottom: 30px;
	}

}

/* @media (max-width: 991px) and (min-width: 767px) {
	.tp-hero-five-title-box .tp-hero-five-text {
		font-size: 25px;
	}
	
	.tp-hero-five-btn-box .tp-btn {
		font-size: 20px;
	}
	
	.col-xl-7 .tp-latest-btns div {
		font-size: 20px;
	}
	
	.col-xl-5 .tp-section-subtitle {
		font-size: 17px;
	}
	
	.index-product-desc .tp-section-text {
		font-size: 25px;
	}
	
	.col-lg-6 .tp-product-title {
		font-size: 25px;
	}
	
	.col-lg-6 .tp-product-category {
		font-size: 20px;
	}
	
	.col-lg-5 .tp-cta-subtitle {
		font-size: 20px;
	}
	
	.col-lg-5 .tp-btn {
		font-size: 15px;
	}
	
	.col-xx-6 .tp-section-subtitle {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.col-xl-6 .tp-service-title {
		font-size: 25px;
	}
	
	.col-xl-6 .text-three {
		font-size: 20px;
	}
	
	.col-xl-6 .tp-btn {
		font-size: 15px;
	}
	
	.tp-project-area .tp-section-subtitle {
		font-size: 20px;
	}
	
	.col-xxl-4 .tp-project-title-sm {
		font-size: 25px;
	}
	
	.col-xxl-4 .tp-project-text {
		font-size: 20px;
	}
	
	.col-lg-3 .tp-feature-title {
		font-size: 25px;
	}
	
	.col-lg-3 .tp-feature-text {
		font-size: 20px;
	}
	
	.tp-product-title-wrapper .tp-section-subtitle {
		font-size: 20px;
	}
	
	.col-lg-6 .tp-blog-title {
		font-size: 25px;
	}
	
	.col-lg-6 .tp-title-anim {
		font-size: 20px;
	}
	
	.col-lg-6 .tp-btn {
		font-size: 15px;
	}
	
	.col-lg-3 .tp-funfacts-icon img {
		width: 100px;
		height: 100px;
	}
	
	.col-lg-3 .tp-funfacts-subtitle {
		font-size: 20px;
	}
	
	.col-lg-4 .tp-blog-title {
		font-size: 25px;
	}
	
	.col-lg-4 .tp-blog-avatar-para {
		font-size: 20px;
	}
	
	.col-lg-4 .tp-blog-btn a {
		font-size: 15px;
	}

	.col-lg-6 .ml-30 {
		margin-left: 15px;
	}

	.introduction-section {
		margin-top: 40px;
	}

	.top-title-card.mt-80 {
		margin-top: 40px;
	}

	.swiper-slide .about-history-sub {
		font-size: 125px;
	}

	.introduction-section .introduction-text {
		font-size: 25px;
	}
} */