@media (min-width:1300px) and (max-width: 1550px){
    .banner-text{
        width: 80%;
        top: 7%;
    }
    .banner-text .buttons{
        margin-top: 25px;
    }
    .serivces-content{
        width: 80%;
    }
}
@media (min-width:1150px) and (max-width: 1300px){
    .banner-text{
        width: 100%;
        top: 0;
    }
    .banner-text h3{
        margin-bottom: 10px;
    }
    .choose-list li{
        width: 40%;
    }
    .last-list{
        top: 25%;
    }
    .last-list li .last-num{
        margin-bottom: 5px;
    }
}
@media (min-width:970px) and (max-width: 1150px){
    .banner-text{
        width: 100%;
        position: inherit;
        top: 0;
        margin-bottom: 35px;
    }
    .banner-text h3,.banner-text p{
        color: #191919;
    }
    .banner-text .buttons .btn-inquiry a{
        color: #00A0F0;
        border: 1px solid #00A0F0;
    }
    .serivces-icon ul{
        width: 85%;
    }
    .serivces-content,.serivces-choose{
        width: 85%;
    }
    .choose-list li{
        width: 40%;
    }
    .last-list{
        top: 25%;
    }
    .last-list li .last-num{
        margin-bottom: 5px;
    }
}
@media (min-width:1051px) and (max-width: 1199px){
    main{
        width: 95%;
    }
    .preview-box{
        width:17%;
    }
}
@media (min-width:970px) and (max-width: 1050px){
    main{
        width: 95%;
    }
    .ui.form .fields{
        flex-direction:column;
    }
}
@media  (max-width: 969px){
    .banner-text{
        width: 100%;
        position: inherit;
        top: 0;
        margin-bottom: 35px;
    }
    .banner-text h3,.banner-text p{
        color: #191919;
    }
    .banner-text h3{
        font-size: 25px;
        line-height: 30px;
    }
    .banner-text p{
        font-size: 14px;
        line-height: 20px;
    }
    .banner-text .buttons .btn-inquiry a{
        color: #00A0F0;
        border: 1px solid #00A0F0;
    }
    .serivces-icon ul{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
    .serivces-content,.serivces-choose{
        width: 100%;
    }
    .serivces-common{
        flex-direction: column;
    }
    .serivces-common .boxs{
        width: 95%;
        margin: 0 auto;
    }
    .choose-list{
        flex-direction: column;
    }
    .choose-list li{
        width: 70%;
        margin: 20px auto;
    }
    .last-list{
        position: inherit;
        top: 0;
        color: #191919;
        flex-wrap: wrap;
        flex-direction: column;
        background: #FAFAFA;
    }
    .last-list li .last-num{
        margin-bottom: 15px;
    }
    .last-list li{
        margin: 15px 0;
    }
    #assembly{
        width: 100%;
        max-width: 100%;
    }
    .pcbca-quote,.pcbca-quote ul li,.p_check,.capability .list .box,.scrollList,.certific .cer-l,.certific .cer-r{
        width: 100%;
    }
    .quality .quality-content p{
        padding: 0 15px;
    }
    .certific .cer-r{
        margin-left: 0;
    }
    .certific .pro-pic ul li{
        width: 80%;
    }
    main{
        width: 100%;
    }
    .ui.grid > [class*="ten wide"].column{
        width: 100% !important;
    }
    .ui.grid > [class*="six wide"].column{
        width: 90%!important;
        margin: 0 auto;
    }
    .ui.form .fields{
        flex-direction:column;
    }
    .orderProcess img{
        width: 98%;
    }
    .butManua{
        width: 100%;
        font-size: 22px;
    }
    .ui.form .field>label{
        width: 25%;
    }
    .tableBox{
        overflow-x: scroll;
    }
    #menus{
        width: 80%;
    }
    .buts{
        padding: 0 18px;
        margin: 10px 0;
    }
}