.grid-container {

    columns: 3 220px;

    column-gap: 1.5rem;

    width: 85%;

    margin:  auto;

    text-align: center;

 }

.align_grid {

      width: 25%;

      margin: 0 ;

      display: inline-block;

      width: 100%;

      background-color: #fff;

      padding: 20px 10px 20px 20px;

      transition: all .25s ease-in-out;

      margin-bottom: 30px;

      box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.09), 0 0 0 2px rgba(238, 238, 238, 0.11), 0.3em 0.3em 1em rgba(255, 255, 255, 0.11);

    }

.allprod_head{

    font-weight: 600;

    text-align: center;

    color: #555;

    padding: 10px 0px 0px 0px;

    margin: 40px 0px 20px 0px;

    list-style: none;

    font-size: 25px;

}

.allprod_header a:hover{

    color: #f2c02d;

}

.allprod_header{

  color: #ffffff;

  font-size: 17px;

  font-weight: 600;

  width: 100%;

  height: 100%;

  text-align: left;

  border-radius: 0px 15px 0px 0px ; 

}

.allprod_header a{

  text-decoration: none;

  color: #21598e;

  text-align: center;

}

.allprod_cont{

  text-align: left;

  list-style: none;

  padding: 0%;

  color: #21598e;

  text-decoration: none;

}

.allprod_cont >li >a{

    text-decoration: none;

    color: #666;

    font-size: 16px;

    font-weight: 400;

}



.allprod_cont > li {

  margin: auto;

line-height: 1;

}



.allprod_cont > li a:hover {

    color: #f2c02d;

  }

  .imgg_con {

    display: inline-block;

    color: #666;

    vertical-align: text-top;

    width: 56%;

    padding: 0px 12px 10px 0px;

  }

  .imgg_pr{

    display: inline-block;

    text-align: center;

  }





  @media only screen and (min-width: 280px) and (max-width:546px)

  {

    .\.ftrr-clrr{

      width: 85%;

    }

    .imgg_pr{

      width: 40%;

    }

  }

  @media only screen and (min-width: 546px) and (max-width:768px){

   

    .ftrr-clrr{

      width: 85%;

    }

    .imgg_pr{

      width: 85%;

    }

    .imgg_con{

      text-align: center;

width: 100%;

padding: 0;

    }

  }



  @media only screen and (min-width: 768px) and (max-width:832px){

    .ftrr-clrr{

      width: 90%;

    }

    .imgg_con{

      width: 45%;

    }

  }

  @media only screen and (min-width: 832px) and (max-width:1340px){

    .imgg_pr{

      width: 40%;

    }

    .ftrr-clrr{

      width: 85%;

    }

  }