.ftrr-clrr {
    display: inline-block;
    color: #666;
    vertical-align: text-top;
    width: 90%;
    padding: 0px 12px 10px 0px;
  }
  .parrt {
    display: inline-block;
  }
  .grid {
    text-align: center;
    max-width: 89vw;
    margin:auto;
  }
  
  .grid-item {
    padding: 5px;
    box-sizing: border-box;
      display:inline;
      margin-bottom: 5px;
  }
  .list-type4{
    width:350px;
    margin:0 auto;
}
.list-type4 ol{
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 10px;
}      
.list-type4 a{ 
  position: relative;
  display: block;
  padding: 5px;
  margin: 10px 0;
  color: #2c2b2b;
  text-align: left;
  text-decoration: none;
  border-bottom: 1px solid #0d123145;
  background-color: #fff;width: 84%;
}  
.list-type4 a:hover{ 
    color: #0174ad;

}  
.pp_header {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  color: #fff;
  margin: auto;
  border-bottom: 1px solid #f1f1f1;
  border-radius: 7px;
  background-color: #0697d7;
  padding: 5px;
  width: 280px;
margin-left: 33px;
  
}
.allprod_head{
  color: #0d1231;
  font-weight: 500;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  margin: auto;
  padding: 33px 0px 20px 0px;
}
.heading_p {
  color: #0d1231;
  font-weight: 500;
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  margin: auto;
}
.products_ul{
    list-style: none;
}
 .fa-hand-point-right{
    margin-right: 10zpx;
}

  @media (min-width: 500px) {
    .grid-item {
      width: 50%;
    }
  }
  
  @media (min-width: 1000px) {
    .grid-item {
      width: 30.333%;
      padding: 5px;
      width: 273px;
      margin-left: 26px;
    }
  }
  
  @media (min-width: 1700px) {
    .grid-item {
      width: 25%;
    }
  }
  
  @media (min-width: 2100px) {
    .grid-item {
      width: 20%;
    }
  }
  @media only screen and (min-width: 280px) and (max-width:384px){
    .grid-item{
      margin: auto;
margin-left: -10px;
    }
    .pp_header {
      width: 289px;
      margin-left: 16px;
    }
  }
  @media only screen and (min-width: 385px) and (max-width:499px){
    .grid-item{
      margin: auto;
      margin-left: -1px;
    }
    .pp_header {
      width: 320px;
      margin-left: 33px;
    }
    
  }
  @media only screen and (min-width: 500px) and (max-width:599px){
    .pp_header {
      width: 240px;
      margin-left: 28px;
    }
  }
  @media only screen and (min-width: 600px) and (max-width:699px){
    .pp_header {
      width: 245px;
      margin-left: 33px;
    }
  }
  @media only screen and (min-width: 700px) and (max-width:799px){
    .pp_header {
      width: 289px;
      margin-left: 33px;
    }
  }
  @media only screen and (min-width: 800px) and (max-width:899px){
    .pp_header {
      width: 320px;
      margin-left: 45px;
    }
  }
  @media only screen and (min-width: 900px) and (max-width:999px){
    .pp_header {
      width: 320px;
      margin-left: 74px;
    }
  }