@media (max-width: 1300px) {
    .contproce {
        position: relative;
        width: 100%;
        height: 80em;
    }
}

@media (max-width: 900px) {
    .solli {
        width: 24%;
        /* height: 180px; */
    }

}
@media (max-width: 767px){
    /* .pro_mat_bk{
        display: none;
    } */
    .proceright {
        position: absolute;
        left: 0;
        top: 100px !important;
        width: 100%;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    }
    .proceright_mill{
        position: absolute;
        left: 0;
        top: 200px !important;
        width: 100%;
        box-shadow: 0px 0px 0px rgb(0 0 0 / 10%);
    }
    .proceleft{
        border: 0 solid #d6dbdba8;
    }
    .contproce {
        position: relative;
        width: 100%;
        height: 65em;
    }
    .contproce_mill{
        position: relative;
        width: 100%;
        height: 80em;
    }
}
@media (max-width: 640px) {
    .proceright {
        height: 800px;
    }
}
@media (max-width: 480px) {
    .proceleft_material{
        margin: 0 auto;
    }
    .pro_dj,.pro_dj1{
        width: 100%;
        text-align: center;       
        display: inline-block;
    }
    .proceright {
        position: absolute;
        left: 0;
        top: 150px !important;
        width: 100%;
    }
    .proceright_mill{
        position: absolute;
        left: 0;
        top: 280px !important;
        width: 100%;
    }
    .pro_mat_bk>li {
        width: 49%;
        text-align: center;
    }

}

@media (max-width: 360px){
    .solli {
        width: 23.5%;
        height: 23.5%;
    }
    .proceright {
        height: 400px;
    }
    .contproce {
        position: relative;
        width: 100%;
        height: 40em;
    }
    .contproce_mill{
        position: relative;
        width: 100%;
        height: 50em;
    }
}