.yuzpx{
    
    margin-left: -70px;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.image-box {
  position: relative;
  margin: auto;
  overflow: hidden;
  width: 540px;
}
.image-box img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}

.image-box:hover img {
  transform: scale(1.1);
}

.resim {
  display: table-cell; 
  vertical-align: middle;
  height:330px;
} 
.yetmis{
  padding: 70px;
}
.yuzelli{
  margin-top: -150px;
}
.ikiyuz{
  margin-top: -80px;
}
.mobilpadding
{padding-left: 57px;}
.ikiyuzseksendort{
  height: 284px;
}
@media (min-width:600px) and (max-width: 1025px) {
  .yetmis{
    padding: 21px;
  }
  .ikiyuzseksendort{
    height: 307px;
  }
  .mobilpadding
{padding-left: 30px;}

  }
  @media (min-width:1399px) and (max-width: 1600px) {
    .ikiyuzseksendort{
      height: auto;
    }
    .yirmiyedi{
      margin-top: 27px;
    }
    .eksiyirmiyedi{
      margin-top: -98px;
    }
    .font-30{
      font-size: 24px;
    }
  
  }
  @media (max-width: 480px)
  {
    .ikiyuz{
      margin-top: -200px;
    }
    .ikiyuzseksendort{
      height: auto;
    }
    .mobilpadding{
      padding-left: 28px;
    }
.yuzpx{
    margin-left: 0px;
}
.resim {
  display: table-cell; 
  vertical-align: middle;
  height:auto;
} 
.yetmis{
  padding: 0;
}
.yuzelli{
  margin-top: 0;
}


  }

  @font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.eksi13{
  margin-top: -13px;
}
.ikiyuzon{
  margin-top: 300px;
}
.ekipmail{
  margin-top: 70px;
}
@media (max-width: 1024px)
{
.ikiyuzon{
  margin-top: 0px;
  
}
.ekipmail{
  margin-top: 0;
}
}
.otuzsekiz{
  margin-top: 38px;
}
.sol{
  width: 45%;
  margin-right: 5%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
}
.sag{
  width: 45%;
  margin-right: 5%;
  float: left;
  
}
.clear{
  clear: both;
}
  @media (max-width: 480px)
  {
.sol,.sag{
  width: 100%;
  float:none;
  margin: 0;
  clear: none;
  padding-right: 15px;
  padding-left: 15px;

}
  }

  .geeks { 
       
    overflow: hidden; 
    margin: 0 auto; 
} 
   
.geeks img { 
    width: 100%; 
    transition: 0.5s all ease-in-out; 
} 
   
.geeks:hover img { 
    transform: scale(1.5); 
}