.cats_head{font-family: 'Fjalla One', sans-serif; font-size:40px; text-transform:uppercase;color:#fff; text-align:center;padding:20px 0;}
.cat_img{ text-align:center; padding-bottom:20px;}
.cats_text{ background:#0b0b0b url(images/cats_arrow.png) right 10px top 10px no-repeat; padding:10px; margin-bottom:20px; font-family: 'Fjalla One', sans-serif; font-size:22px; color:#fff; text-transform:uppercase;}
.cats_text span{ font-size:18px;}
.cats_text:hover{ background:#ED1B23 url(images/cats_arrow.png) right 10px top 10px no-repeat; color:#fff;}
.featured_bg{ background:#1f1f1f;}
.pro_box{ background:#FFF; text-align:center; padding:20px; height:250px;}
.pro_boxd{ background:#FFF; text-align:center; padding:20px;}
.pro_name{ padding:10px 0; border-bottom:solid 1px #5b5b5b; font-family:Trebuchet MS; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold;}
.pro_name span{ color:#ffb400;}
.pro_btn{ margin:20px 0 40px 0;}
.pro_btn a{font-family: 'Fjalla One', sans-serif; font-size:16px; text-transform:uppercase;color:#000; text-decoration:none; background:#ffb400; padding:6px 10px;}
.pro_btn a:hover{ background:#1f1f1f; color:#fff;}



@media (max-width:768px)



/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ffb400;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.mg-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    max-width: 100%;
	overflow:hidden;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	 overflow:hidden;
}

.mg-image {
  overflow: auto;
  overflow:hidden;
}

.flip-3d{
width:100%;
transition:all 0.3s;
}
.flip-3d:hover{
transform:rotate(7deg);
transition:all 0.3s;
}