@media only screen and (max-width:513px){
 .index-contact-left-wrapper .widget-container{flex-wrap:wrap;}
 .index-contact-left-wrapper .contact-widget{width:100%;margin-bottom:30px;}}
@media only screen and (max-width:768px) {
*{box-sizing:border-box;}
.header-inner {display:none;}
.mobile-nav {display:block;}
.banner-text-box {width:100%;}
.banner-text-box .e-con-inner {margin:auto;width:90%;}
.banner-text-sub-button {grid-template-columns:initial;}
.index-about-section .e-con-inner {flex-wrap:wrap;}
.index-about-section .e-con-inner .left-box,.index-about-section .e-con-inner .right-box {width:100%;padding:15px;}
 .index-factory-section .e-con-inner{padding: 60px 15px}  
.index-factory-section .e-con-inner .con-data {width:100%;flex-wrap:wrap;}
.index-factory-section .e-con-inner .inner-widget {width:100%;margin-bottom:20px;}
.index-product-section .e-con-inner {padding:70px 15px 150px;}
.index-product-section .sub-title {padding:15px;}
.factory-tour {width:100%;padding:15px;}
.factory-tour .pre {left:0;}
.factory-tour .next {right:0;}
.products-list {width:100%;}
.products-list ul {grid-template-columns:1fr 1fr;padding:0;}
.index-factory2-section .section-wrapper {padding:100px 15px 50px;}
.section-wrapper {width:100%;padding:15px;}
.index-factory2-section .heading-title {line-height:1.5em;}
.index-factory2-section .sub-title {margin:30px 0;}
.index-material .section-wrapper{padding:80px 15px;}
.index-material .material-text{font-size: 16px;line-height:1.75;width:100%;text-align: center;}
.index-contact-section .section-wrapper {flex-wrap:wrap;}
.index-contact-left-wrapper {padding:0 0 50px;}
.index-contact-left-wrapper,.index-contact-right-wrapper {width:100%;}
.index-contact-right-wrapper .contact-form {margin:0;}
.index-contact-left-wrapper .contact-widget {padding:0 15px;}
.index-contact-left-wrapper .contact-widget .icon-box {box-sizing:content-box;}
.index-article-section .blog-widget {width:100%;grid-template-columns:1fr;}
footer .footer-widget {grid-template-columns:1fr;}
.page-banner .section-wrapper {padding:100px 15px;}
.page-banner .section-wrapper .page-banner-text {width:100%;}
.about-why-us .sub-text {width:calc(100% - 100px);}
.about-why-us .why-grid {padding:15px;grid-row-gap:30px;grid-template-columns:1fr;}
.about-why-us .section-wrapper{padding:70px 0 0;}
.about-customer-section .showcase {flex-wrap:wrap;}
.about-customer-section .showcase .zoom-in-pic {width:100%;padding-bottom:60%;}
.about-customer-section .showcase .zoom-in-pic .pic {transform:translate(0px,50px) scale(0.9);}
.about-customer-section .showcase .reviews {position:relative;width:100%;padding:15px;}
.about-customer-section .showcase .reviews h2 {line-height:1.5;}
.preview-pic ul {padding-left:0;}
.about-customer-section .showcase .reviews .preview-pic .pic img {margin:0 15px 15px 0;}
.video-banner h1 {width:100%;padding:150px 0;line-height:1.2;}
.factory-section {flex-wrap:wrap;}
.factory-section .thumb {width:100%;}
.factory-section .block-content {width:100%;padding:75px 15px;}
.factory-department .section-wrapper{padding: 80px 15px;}
.factory-department .departments {grid-template-columns:1fr;}
.factory-department .departments .dep img{width:100%;}
.categories .category {padding:15px;flex-wrap:wrap;}
.categories .category .pic {width:100%;}
.categories .category .category-text {width:100%;padding:15px;}
.factory-service .service {grid-template-columns:1fr;}
.factory-service .service .service-box {padding:15px;margin-bottom:20px;}
.product-list-page .list-wrapper {grid-template-columns:1fr 1fr;}
.extra-intro h2 {line-height:1.5;}
.page-header .page-title, .news-header .page-title{font-size:32px;} 
.news-list-page .news-list {width:100%;padding:15px;}
.news-list-page .container {flex-wrap:wrap;}
.news-list-page .recent {width:calc(100% - 15px);margin:15px;order:2;}
.news-list-page .news-details {width:100%;padding:15px;}
.news-details .entry-title{font-size:30px;}
.news-details .pagination {padding-left:0;line-height:1.75;font-size:16px;}
.faq-page .section-wrapper {padding:15px;}
.contact-companies h1 {line-height:1.5;}
.contact-companies .section-wrapper {padding:60px 15px;}
.contact-companies .contact-grid {grid-template-columns:1fr;}
.product-page .product-header {flex-wrap:wrap;}
.product-page .product-header .product-gallery {width:100%;max-width:540px;margin:auto;}
.product-page .product-header .product-summary {width:100%;}
.product-page .product-relate .relate-grid {grid-row-gap:30px;grid-template-columns:1fr 1fr;}
.materials .material-type{flex-direction: column;padding:0 15px;}
.materials .material-type .pic{width:100%;}
.materials .material-type .text{width:100%;padding:80px 15px;}
 .materials .prior{order:0;}
}
@media only screen and (min-width:769px) and (max-width:1024px) {
*{box-sizing:border-box;}
.header-inner {display:none;}
.mobile-nav {display:block;}
.banner-text-box {width:100%;padding:25px;}
.index-factory-section .e-con-inner .sub-text{padding:0 20px;}
.index-about-section .e-con-inner {padding:70px 20px  150px;align-items:center;flex-direction:column;}
.index-about-section .e-con-inner .left-box{width:100%;}
.index-about-section .e-con-inner .right-box{width:100%;}
.index-factory-section .e-con-inner .con-data {width:100%;}
.factory-tour {width:100%;padding:0 20px;}
.factory-tour .pre {left:0;}
.factory-tour .next {right:0;}
.index-product-section .sub-title{padding:0 20px;}  
.index-product-section .e-con-inner{padding: 70px 20px 100px;}
.products-list {width:100%;padding:20px;}
.products-list ul {padding:0;}
.index-factory2-section .section-wrapper {padding:100px 20px;}
.index-contact-section .section-wrapper {flex-wrap:wrap;}
.index-contact-left-wrapper .contact-widget .icon-box {box-sizing:content-box;}
.index-contact-left-wrapper {width:100%;padding:20px;}
.index-contact-left-wrapper,.index-contact-right-wrapper {width:100%;padding:20px;}
.index-contact-right-wrapper .contact-form {margin:0;}
.index-article-section .blog-widget {width:100%;padding:20px;grid-template-columns:1fr;}
.index-article-section .blog-widget .blog-post {display:grid;grid-template-columns:2fr 3fr;}
footer .footer-widget {padding:20px;grid-column-gap:30px;}
.page-banner .section-wrapper {padding:150px 20px;}
.page-banner .section-wrapper .page-banner-text {width:80%;}
.about-why-us .section-wrapper{padding:70px 0 0;}
.about-why-us .why-grid {padding:20px;grid-column-gap:30px;grid-row-gap:30px;grid-template-columns:1fr 1fr;}
.about-customer-section .showcase {flex-wrap:wrap;padding:20px;}
.about-customer-section .showcase .zoom-in-pic {width:60%;padding-bottom:30%;}
.about-customer-section .showcase .reviews {width:100%;}
.video-banner h1 {width:80%;padding:150px 0;line-height:1.5;}
.factory-section {flex-wrap:wrap;}
.factory-section .thumb {width:100%;}
.factory-section .block-content {width:100%;padding:75px 20px;}
.factory-department .section-wrapper {padding:100px 20px;}
.factory-department .departments {grid-column-gap:40px;grid-template-columns:1fr 1fr;grid-row-gap:50px;}
.factory-service .service {padding:0 20px;grid-row-gap:50px;grid-template-columns:1fr;}
.factory-oem .section-wrapper {padding:60px 20px;}
.categories .section-wrapper {padding:60px 20px;}
.page-header {min-height:320px;} 
.categories .category {flex-wrap:wrap;margin-bottom:80px;}
.categories .category:nth-child(2n) {flex-direction:row;}
.categories .category .pic {margin:auto;}
.categories .category .category-text {width:100%;padding:0;}
.extra-intro .section-wrapper {padding:20px;}
.news-list-page .container {padding:20px;}
.news-list-page .recent {width:240px;}
.news-list-page .news-list {width:calc(100% - 270px);}
.news-list-page .news-details {width:calc(100% - 270px);}
.news-details .entry-title{font-size:32px}
.news-details .pagination {padding-left:0;line-height:2;}
.faq-page .section-wrapper {padding:60px 20px;}
.contact-companies .contact-grid {padding:20px;}
.page-header .page-title, .news-header .page-title{font-size:32px;}
.product-list-page .list-wrapper{padding:0 20px;}
.product-page .product-header {padding:0 20px;}
.product-page .product-header .product-gallery {width:420px;}
.product-page .product-header .product-summary {width:calc(100% - 440px);}
.product-conent {padding:0 20px;}
.product-page .product-relate .relate-grid{padding:0 20px;}
.product-page .product-header .product-gallery .thumbList {padding-left:0;}
.materials .material-type{flex-direction: column;padding:0 20px;}
.materials .material-type .pic{width:100%;}
.materials .material-type .text{width:100%;padding:80px 15px;}
.materials .prior{order:0;}
}
@media only screen and (min-width:1025px) and (max-width:1368px) {*{box-sizing:border-box;}
.site-header .site-logo a {padding:20px 40px;}
.main-nav-container .has-sub .sub-about-us {width:340px;}
.banner-text-box {width:100%;padding:0 40px;}
.section-wrapper {padding:0 40px;}
.index-about-section .e-con-inner {justify-content:space-between;}
.index-about-section .e-con-inner .left-box {padding:0;}
.index-about-section .e-con-inner .right-box {padding:0;}
.index-factory-section .e-con-inner .con-data {width:100%;}
.factory-tour {width:100%;padding:0 40px;}
.factory-tour .pre {left:0;}
.factory-tour .next {right:0;}
.products-list {width:100%;padding:0 40px;}
.products-list ul {padding-left:0;}
.index-factory2-section .section-wrapper {padding:80px 40px;}
.index-contact-left-wrapper {padding:0 40px 0 0;}
.index-contact-right-wrapper .contact-form {margin:0;}
.index-contact-left-wrapper .contact-widget .icon-box {box-sizing:content-box;}
.index-article-section .blog-widget {width:100%;}
.about-why-us .why-grid {padding:40px;}
.about-why-us .grid-item .item-wrapper {padding:20px;}
.about-why-us .item-title {margin:80px 0 60px;}
.about-why-us .section-wrapper {padding:70px 0 200px;}
.about-customer-section .showcase .reviews {width:54%;padding:30px 15px;}
footer .footer-widget {grid-column-gap:50px;}
.page-banner .section-wrapper {padding:150px 0;}
.video-banner h1 {line-height:1.5;padding:200px 0;}
.factory-section .block-content {padding:40px;}
.factory-department .section-wrapper {padding:80px 40px;}
.categories .category .category-text {padding:40px;width:55%;}
.categories .category .pic {width:45%;padding:40px;}
.factory-service .section-wrapper {padding:60px 40px;}
.news-list-page .container {padding:40px;}
.news-list-page .recent {width:285px;}
.news-list-page .news-list,.news-list-page .news-details {width:calc(100% - 335px)}
.faq-page .section-wrapper {padding:40px;}
.contact-companies .section-wrapper {padding:60px 40px;}
}