.prodects{

    justify-content: center;

}

.product-grid{

    font-family: 'Poppins', sans-serif;

    text-align: center;

}

.product-grid .product-image{

    overflow: hidden;

    position: relative;

    z-index: 1;

}

.product-grid .product-image a.image{display: block; }

.product-grid .product-image img{

    width: 100%;

    height: auto;

}



.product-grid .product-links{

    padding: 0;

    margin: 0;

    list-style: none;

    position: absolute;

    top: 10px;

    right: -50px;

    transition: all .5s ease 0s;

}

.product-grid:hover .product-links{ right: 10px; }

.product-grid .product-links li a{

    color: #333;

    background: transparent;

    font-size: 17px;

    line-height: 38px;

    width: 38px;

    height: 38px;

    border: 1px solid #333;

    border-bottom: none;

    display: block;

    transition: all 0.3s;

}

.product-grid .product-links li:last-child a{ border-bottom: 1px solid #333; }

.product-grid .product-links li a:hover{

    color: #fff;

    background: #333;

}

.product-grid .add-to-cart{

    background: #A5BA8D;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 2px;

    width: 100%;

    padding: 10px 26px;

    position: absolute;

    left: 0;

    bottom: -60px;

    transition: all 0.3s ease 0s;

}

.product-grid:hover .add-to-cart{ bottom: 0; }

.product-grid .add-to-cart:hover{ text-shadow: 4px 4px rgba(0,0,0,0.2); }

.product-grid .product-content{

    background: #fff;

    padding: 15px;

    box-shadow: 0 0 0 5px rgba(0,0,0,0.1) inset;

}

.product-grid .title{

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    margin: 0 0 7px;

}

.product-grid .title a{

    color: #777;

    transition: all 0.3s ease 0s;

}

.product-grid .title a:hover{ color: #a5ba8d; }

.product-grid .price{

    color: #0d0d0d;

    font-size: 14px;

    font-weight: 600;

}

.product-grid .price span{

    color: #888;

    font-size: 13px;

    font-weight: 400;

    text-decoration: line-through;

}

@media screen and (max-width: 990px){

    .product-grid{ margin-bottom: 30px; }

}

.prodect-back{

  background-color: #02aadd;

  padding: 3rem 2rem;

  margin-left: 0;

  margin-right: 0;

}

.caproduct{

  background: #fff;

}





.sidebar {

  margin-left: -120px;

    

    width: 200px;

    background-color: #f1f1f1;

    position: absolute;

    height: auto;

    

  }

  

  .sidebar a {

    display: block;

    color: black;

    padding: 16px;

    text-decoration: none;

    text-transform: capitalize;

  }

  .sidebar h3.active{

    background-color: #e56428;

    color: white;

    padding: 16px;

    text-align: center;

    

  }

  .cata-prodect{

    border-left: 2px solid #ff6900;

    font-size: 1rem; 

    color: #ff6900;

   

  }

  .sidebar a.active {

    background-color: #e56428;

    color: white;

  }

  

  .sidebar a:hover:not(.active) {

    background-color: #555;

    color: white;

  }

  @media (max-width: 1199px){

    .product-grid .add-to-cart{

        font-size: 11px;

    }

  }

 

  

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

    .sidebar {

        margin-left: 5px;

      width: 100%;

      height: auto;

      position: relative;

    }

    .sidebar a {

        text-align: center;

        float: none;

      }

  }



  .search-section{

    display: flex;

    flex-direction: column;

    margin-bottom: 3rem;

    margin-left: 2.5rem;

  }

  .add-icon i{

position: absolute;

  }

.add-icon{

  width: 20rem;

  margin-bottom: 1px;

 display: flex;

}

.icon {

  padding: 10px;

  min-width: 40px;

}



.search {

  width: 100%;

 

}

.search-section .search-btn{

  width: 12rem;

  border: 1px solid #e56428;

  margin-left: .5rem;

  text-align: center;

  background-color: #ff6900;

  color: #fff;

  font-weight: 500;

  text-transform: uppercase;

}

.reslt-clear{

  display: flex;

  flex-direction: row;

  margin-top: -5rem;

}

.reslt-clear p{

  margin-left: 1rem;

  text-transform: uppercase;

  font-size: 1rem;

}

.reslt-clear a{

  margin-left: 2rem;

  color: #e56428;

  text-transform: uppercase;

  font-size: 1rem;

}

  .smaple-av{

    display: flex;

  

  }

.smaple-av h4{

  font-size: 1rem;

  font-weight: 600;



  text-transform: capitalize;

  margin-left: 1rem;

  margin-bottom: 2rem;

}

.smaple-av div{

  height: 1.3rem;

  border: 1px solid;

  margin-top: 1px;

  margin-left: -.7rem;

  width: 0;



}

.smaple-av p i{

  color: #ff6900;

  cursor: pointer;

  display: inline-flex;

}

@media  (max-width:999px){

  .reslt-clear{

 

    margin-top: 2rem;

  }

}

 .buy-btn {

  width: 50%;

  border: 1px solid #e56428;

  margin-left: 25%;

  text-align: center;

  background-color: #ff6900;

  margin-top: 1rem;

 



}
@media (max-width: 1200px)
 {
  .reslt-clear p{
    margin-left: 4.7rem;
  }
  .smaple-av  {
  
    margin-left: 3.7rem;
   
  }
  
}