.m-flip {
    -moz-perspective: 1000;
    -webkit-perspective: 1000;
    perspective: 1000;
}
.m-flip,
.m-flip .front, .m-flip .back {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    height: 180px;
    margin-bottom: 20px;
    text-shadow: 0px 0px 6px #000;
}
@media (min-width:765px) and (max-width:770px){
     .box2 .front, .box2.back{
    max-width: 92%!important;
    margin-left: 27px!important;
     }
    }
@media (max-width:700px){
    .box2 .front, .box2.back{
        max-width: 100%!important;
        margin-left: 0px!important;
    }
    .m-flip .front, .m-flip .back {
     padding-top: 40px!important;
      height: 100px;
      
    }
    .m-flip{
        height: 100px;
    }
    .m-flip .front a, .m-flip .back a {
   
    font-weight: 500!important;
    font-size: 15pt!important;
    
}
}
.m-flip .m-flip__content {
   -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.m-flip .m-flip__content.active, .m-flip .m-flip__content:hover {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.m-flip .front{
    position: absolute;
    top: 0;
    left: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url(../images/kuryap/devam-eden.jpg); background-position: center; background-repeat: no-repeat;
    width: 100%;
    text-align: center; 
    padding-top: 80px;
    
}
.m-flip .back {
    position: absolute;
    top: 0;
    left: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url(../images/kuryap/endustri.jpg); background-position: center;background-repeat: no-repeat;
    width: 100%;
    text-align: center; 
    padding-top: 80px;
    
}
@media (max-width:1025px){
    
    .box2 .front, .box2.back{
        max-width: 66%;
        margin-left: 156px;
    }
}
.box2 .front{
   
    background-image: url(../images/kuryap/1.jpg)!important; background-position: center; background-repeat: no-repeat;
    
}
.box2.back {
   
    background-image: url(../images/kuryap/4.jpg)!important; background-position: center;background-repeat: no-repeat;
    
    
}
.m-flip .front a, .m-flip .back a {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 25pt;
    text-decoration: none;
}
.m-flip .front {
    z-index: 2;
}
.m-flip .back {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}