.item_cat {
    width: 20%;
    margin: 5vh auto;
    padding: 15px;
float: left;
}
.dropdown_cat{
  position: relative;
  width: 100%; 
  font-family: Raleway;
  color: #000;
  transform-style: rotate-3d;
  perspective: 1500;

 } 
.dropdown_cat.flip {}
.dropdown_cat.flip .front {
      transform: rotateX(180deg);
    }
    
.dropdown_cat.flip .back {
      transform: rotateX(0deg);
}
  
.dropdown_cat span {
    height: inherit;
    line-height: 4em;
    text-transform: uppercase;
    font-weight: 500;
text-align: center;
transition: all 0.4s ease;
}

.dropdown_cat .front, .dropdown_cat .back {
    transition: all 0.2s cubic-bezier(.11,1.61,.69,.64);
  }
  
.dropdown_cat .front {
    background-color: transparent;
    backface-visibility: hidden;
    cursor: pointer;
    border: 1px solid #000;
    backface-visibility: hidden;
    cursor: pointer;
    text-align: center;
transition: all 0.4s ease;
    }
 .dropdown_cat .front:hover {background-color: #000; color:#fff;} 
 .dropdown_cat .front:hover a{ color:#fff;} 
.dropdown_cat .front span a{color: #000; text-decoration: none;}
.dropdown_cat .front:after {
      content:"";
      position: absolute;
      top: 28px;
      right: 20px;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #000;
    }
.dropdown .front:hover {
      background-color: #325ec7;
    }
  
.dropdown_cat .back {
    transform: rotateX(180deg);
    backface-visibility: hidden;
  }
  
.dropdown_cat ul {
    position: absolute;
    top: -120px;
    z-index:1;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 8px rgba(0,0,0,.25);
    list-style: none;
 }
.dropdown_cat ul li {
    color: #7f7f7f;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em;
  }    


.dropdown_cat ul li a{    color: #7f7f7f; transition: all 0.4s ease;}
.dropdown_cat ul li a:hover{
color: #000;
}
  

@media (max-width: 1120px) {
   .dropdown_cat span {
    line-height: 3em;
    font-size: 0.78em;
}
.dropdown_cat .front:after {
    top: 18px;
    right: 16px;
}
}


@media(max-width: 840px) {
 .item_cat {
    padding: 15px 0px;
}
.dropdown_cat span {
    line-height: 3em;
    font-size: 0.7em;
}
.dropdown_cat .front:after {
    top: 18px;
    right: 16px;
}
}