@media only screen and (max-width:1199px){
 html,body{overflow-x: hidden;}   
 .shapeLeft,.shapeRight{opacity:0.1;}
 .shapeLeft{left:-8%;}
 .shapeRight{right:0px;}
}
@media only screen and (max-width:1140px){

}
@media only screen and (max-width:1024px){
    .shapeBanner{width: 120px;}
    .shapeBanner img { width: 100%; }
}
@media only screen and (max-width:992px){

}
@media only screen and (max-width:991px){
.aboutSec .row {row-gap: 20px;}
.processingCapSec ul{width: 50%;grid-template-columns: 1fr;}
.applicationsSec .row { flex-direction: column-reverse; }
.aboutImgBox{position:unset!important;width: 230px !important;
        height: 240px !important;}
.aboutLeftImg {
    position: relative;
    display: grid;
    /* flex-wrap: wrap; */
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}
.footer-secondary .row .col-lg-7 > div{text-align:center;    justify-content: center;width:100%;}
.footer-secondary .row .col-lg-5 > div > div {justify-content: center!important;}
.aboutImgBox img{border-radius: 35px;}
.aboutSec .aboutImgBox {
    width: auto !important;
    height: auto !important;
}
.aboutContent p{text-align:justify;}


}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:678px){
.processingCapSec ul { width: 75%;}
}
@media only screen and (max-width:578px){
    .shapeBanner {width: 50px;}
    .aboutSec {padding: 50px 0;}
    .aboutSec{padding-top: 50px;}
    .processingCapSec{padding-bottom: 50px;}
    .applicationsSec {padding: 80px 0;}
    .qualitySafety{padding: 40px 0;}
    h2{font-size: 1.9rem;}
    .qualitySafety p{text-align:justify;}
}
@media only screen and (max-width:519px){
    .aboutLeftImg { display: flex; flex-direction: column; justify-content: center; align-items: center; }
        .processingCapSec ul {
        width: 100%;
    }
}
@media only screen and (max-width:481px){
    
}
@media only screen and (max-width:320px){

}