@media screen and (min-width: 768px) and (max-width: 1450px){
    .home-application .left h2{
        font-size: 2.1rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 1250px){
    .content{
        max-width: 1000px;
    }
    div.all-banner ul.banner-data li{
        padding-right: 150px;
    }
    div.all-banner ul.banner-data li{
        height: 200px;
    }
    div.all-banner.about-banner{
        min-height: 46rem;
    }
    ul.button_list li,.gallery-list-content>span.gallery-btn{
        height: 70px;
    }
    header div.main-menu div.main>div>ul>li>a{
        font-size: 15px;
    }
    header a.logo{
        width: 10rem;
    }
    header div.main-menu div.main a.contact-btn{
        font-size: 15px;
        padding: 0 1rem;
    }
    .home-product .swiper-home-product ul li div.img span, ul.product-list li div.img span{
        background-size: 88% !important;
    }
    .home-product .swiper-home-product{
        width: 92%;
    }
    .home-pro-btn.all-swiper-btn .swiper-btn{
        left: -1.5rem;
    }
    .home-pro-btn.all-swiper-btn .swiper-btn.swiper-button-next{
        left: unset;
        right: -1.5rem;
    }
    .home-application{
        padding: 0 1rem 0 1.5rem;
    }
    div.home-contact div.content div.form form>p{
        width: 48.1%;
    }
    div.related-part .swiper-content{
        width: 92%;
    }
    div.related-btn div.swiper-button-prev{
        left: 0 !important;
    }
    div.related-btn div.swiper-button-next{
        right: 0 !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1100px){
    .content{
        max-width: 1000px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /* header a.logo{
        width: 12rem;
    } */
    div.certificate-part div.text,div.application-part div.text{
        padding-right: 0;
    }
    form#sytech-newsletter-subscription input[type="submit"]{
        background-position: center ;
    }
    div.swiper-about-factory .swiper-slide-prev {
        transform: scale(0.8) translateX(37.5rem) !important;
    }
    div.swiper-about-factory .swiper-slide-next {
        transform: scale(0.8) translateX(-37.5rem) !important;
    }
    div.app-sidebar ul li{
        min-width: 7rem;
        font-size: 1rem;
    }
    ul.hot-product-list li{
        background-size: contain !important;
    }
    div.home-product ul li a{
        transform: unset;
        height: 14rem;
        padding: 1rem;
    }
    ul.hot-product-list li p,ul.hot-product-list li .button,ul.hot-product-list li:before{
        display: none;
    }
    ul.hot-product-list li span.title{
        color: #333;
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 768px) and  (max-width: 1000px) {
    .content{
        max-width: 880px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    ul.button_list li, .gallery-list-content>span.gallery-btn{
        height: 49px;
    }
    header div.main-menu div.main>div>ul>li>a{
        font-size: 14px;
    }
    header a.logo{
        width: 8rem;
    }
    header div.main-menu div.main a.contact-btn{
        font-size: 14px;
        padding: 0 0.8vw;
    }
    header div.main-menu div.main>div>ul>li{
        margin: 0 0.5vw;
    }
    header span.search{
        margin: 0 1.5vw 0 0.5vw;
    }
    div.oem-part div.content div.left{
        width: 50%;
    }
    .product-view ul.product-list li{
        width: 47%;
        margin-right: 5.7% !important;
    }
    .product-view ul.product-list li:nth-child(even){
        margin-right: 0 !important;
    }
    div.product-infor div.left span{
        background-size: contain !important;
    }
    div.product-infor div.two-btn .button{
        min-width: unset;
        width: 18vw;
        padding: unset;
    }
    div.swiper-about-factory .swiper-slide-prev {
        transform: scale(0.8) translateX(32.5rem) !important;
    }
    div.swiper-about-factory .swiper-slide-next {
        transform: scale(0.8) translateX(-32.5rem) !important;
    }
    div.news-detail{
        margin: 0 1rem;
    }
    ul.post-list li div.mess span.more{
        font-size: 1rem;
    }
    ul.post-list li div.mess span.date{
        font-size: 14px;
    }
    ul.product-list li div.img span{
        background-size: contain !important;
    }
    header ul li a{
        font-size: 15px;
    }
    header ul li{
        margin-left: 1rem;
    }
    .home-pro-cat-content ul li{
        padding: 30px 30px 45px;
    }
    .home-pro-cat-content ul li h3{
        font-size: 1.5rem;
    }
    .home-pro-cat-content ul li{
        background-size: auto 90%;
    }
    .home-pro-cat-content ul li.cat4{
        padding-left: 44%;
    }
    .home-pro-cat-content ul li.cat4, .home-pro-cat-content ul li.cat5{
        background-size:130px;
    }
    .feature-pro{
        max-width: 800px;
        margin: 0 auto;
    }
    .home-application .left h2 {
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 768px) and  (max-width: 900px){
    .home-application .left h2 {
        font-size: 1.5rem;
    }
}