/* ====================== new style- class =============================*/
@media(max-width:991px){
    .wrapper{
        overflow-x:hidden;
     overflow-y:visible;   
    }
    #box11 img, #box12 img, #box13 img, #box14 img{
        width:100%;
    }
    .newimgdiv .new-patching{
            position: relative;
    top: -2rem;
    width: 35%;
    left: 0px;
    display:block;
    }
    .abtpatch{
        position: absolute;
    left: -15px;
    z-index: -1;
        width:50% !important;
    }
    .abtpatch1 {
    position: absolute !important;
    left: -15px;
    z-index: -1 !important;
    width: 50% !important;
}
    .bluepatchimg{position: absolute;
    right: -4rem;
    bottom: 1rem;
}
.yellowpatch{
   width: 20% !important;
    position: absolute;
    z-index: -1;
    left: 15rem;
}
.client h1{
        position: relative;
    z-index: 1;
    display: block;
    font-size: 40px;
}

.manufacture-headding {
    position: relative !important; 
    z-index: 1 !important;
}
.redpath-img{
    filter: grayscale(0%) !important;
    width: 26%;
    position: absolute;
    z-index: -1;
    left: 7rem;
}
 /*#collapseFiveDefault, #collapseSixDefault, #collapseSevenDefault, #collapseEightDefault {
  
    margin-top:2rem !important;
    
}*/
#box11, #box12, #box13, #box14 {
    margin-top: 4rem;
}
 
.meter-content h4 {
    font-family: ROCC-M;
    font-size: 22px;
}
.panel{
    padding:85px 0px ;
}
.new-bluepathsm{
        position: absolute;
    left: 12rem;
    width: 20%;
    z-index: -1;
}
.manucatur {
    margin-top:4rem;
}
.newpnl{
    padding-top:0px;
}
}
@media(max-width:800px){
    .contentbl-heading{
     margin-top: 3rem;
    }
    .new-bluepathsm {
    left: 8rem;
    }
}
@media(max-width:767px){
.overimg{
    text-align:center;
}
.overimg img{
    width:50%;
}
.contentbl-heading{
   margin-top: 1rem;
}
.bluepatchimg {
    right: -6rem;
}
.abtpatch {
    position: absolute;
    left: -10px;
    z-index: -1;
    width: 27% !important;
}
 
.new-bluepathsm {
    left: 4rem;
    width: 27%;
}
.manucatur {
    margin-top: 0rem;
}
.panel {
    padding: 70px 0px;
}
.contentbl-heading h1{
    font-size:40px;
}
.testimonial-desing h1{
    font-size:40px;
}
.manufacture-headding{
    font-size:40px;
}
}
@media(max-width:600px){
  .bluepatchimg img{
    width: 38% !important;
    right: -4rem;
  }  
  .bluepatchimg {
    right: -9rem;
}
.yellowpatch{
      left: 7rem;
    height: 100% !important;
    padding: 0 !important;
    height: 50px !important;
}
}
@media(max-width:414px){
.contentbl-heading h1{
   font-size: 30px;
    }
    .contentbl-heading p{
      font-size: 15px;
  }
  .overimg img{
    width:60%;
}
.bluepatchimg {
    bottom: 2rem;
    right: -12rem;
}
.yellowpatch {
    padding: 0px !important;
    margin-bottom: 0 !important;
    top: 0rem;
    left: 2rem;
    width: 33% !important;
    height: auto !important;
}
.client h1{
    font-size: 30px;
}
.new-bluepathsm {
    position: absolute;
    left: 0rem;
    width: 33%;
}
.redpath-img {
     width: 36%;
    left: 1rem;
    top: 0.5rem;
}
.meter-content h4 {
     font-size: 18px;
}
.manufacture-headding{
    font-size:30px;
}
.testimonial-desing h1 {
    font-size: 30px;
}
}
@media(max-width:380px){
    .panel {
    padding: 30px 0px;
}
}
@media(max-width:320px){
.bluepatchimg {
    bottom: 0rem;
}
}
/* ====================== new style- class =============================*/