@media only screen and (max-width: 768px) {
  .photo{
    background-position-x: center; 
  }
   .philosophy{
  height: 1000px;
  margin:0;
  margin-top:50px;
  width: 100%;
  }
  .aboutus{
  margin: 0;
  width: 100%;
  margin-top: 50px;
  }
  .collaboration{
    margin: 0;
    width: 100%;
    margin-top: 50px;
  }
  .leo{
    height: 500px;
    width: 400px;
  }
  .lilit{
  height: 500px;
  width: 400px;
  background-position-y: center;
 }
 .contact{
  margin: 0;
  width: 100%;
  margin-top: 50px;
  }
  .services{
  margin: 0;
  width: 100%;
  margin-top: 50px;
  }
  .elunda{
  margin: 0;
  width: 100%;
  margin-top: 50px;
  }
  .elunda2{
  height: 300px;
  width: 450px;
  }
  .elunda1{
  height: 300px;
  width: 450px;
  }
  .elunda3{
  height: 300px;
  width: 450px;
  }
  .elunda9{
  height: 500px;
  width: 350px;
  }
  .elunda8{
  height: 300px;
  width: 450px;  
  }
  .elunda7{
  height: 300px;
  width: 450px;  
  }
  .elunda4{
  height: 300px;
  width: 450px;  
  }
  .elunda5{
  height: 300px;
  width: 450px;  
  }
  .elunda6{
  height: 300px;
  width: 450px;  
  }
  .elunda10{
  height: 300px;
  width: 450px;  
  }
  .marina{
    margin-top: 50px;
    margin: 0;
  }
  .marina1{
  height: 300px;
  width: 450px;
  }
  .marina2{
  height: 300px;
  width: 450px;
  }
  .marina3{
  height: 600px;
  width: 450px;
  }
  .marina4{
  height: 600px;
  width: 450px;
  }
  .marina5{
  height: 300px;
  width: 450px;
  }
  .marina6{
  height: 300px;
  width: 450px;
  }
  .marina7{
  height: 300px;
  width: 450px;
  }
  .marina8{
  height: 300px;
  width: 450px;
  }
  .marina9{
  height: 300px;
  width: 450px;
  }
  .marina10{
  height: 300px;
  width: 450px;
  }
  .marina11{
  height: 300px;
  width: 450px;
  }
  .marina12{
  height: 300px;
  width: 450px;
  }
  .marina13{
  height: 300px;
  width: 450px;
  }
  .marina14{
  height: 300px;
  width: 450px;
  }
  .marina15{
  height: 300px;
  width: 450px;
  }
  .marina16{
  height: 300px;
  width: 450px;
  }
  .marina17{
  height: 300px;
  width: 450px;
  }
  .marina18{
  height: 300px;
  width: 450px;
  }
  .marina19{
  height: 300px;
  width: 450px;
  }
  .marina20{
  height: 300px;
  width: 450px;
  }
  .marina21{
  height: 300px;
  width: 450px;
  }
  .marina22{
  height: 300px;
  width: 450px;
  }
  .mochlos{
    margin-top: 50px;
    margin: 0;
  }
  .mochlos1{
  height: 300px;
  width: 450px;
  }  
  .mochlos2{
  height: 300px;
  width: 450px;
  }
  .mochlos3{
  height: 300px;
  width: 450px;
  }
  .mochlos4{
  height: 300px;
  width: 450px;
  }
  .mochlos5{
  height: 300px;
  width: 450px;
  }
  .mochlos6{
  height: 300px;
  width: 450px;
  }
  .mochlos7{
  height: 300px;
  width: 450px;
  }
  .mochlos8{
  height: 300px;
  width: 450px;
  }
  .mochlos9{
  height: 300px;
  width: 450px;
  }
  .mochlos10{
  height: 300px;
  width: 450px;
  }
  .mochlos13{
  height: 300px;
  width: 450px;
  }
  .mochlos24{
  height: 300px;
  width: 450px;
  }
  .mochlos11{
  height: 300px;
  width: 450px;
  }
  .mochlos14{
  height: 300px;
  width: 450px;
  }
  .mochlos15{
  height: 300px;
  width: 450px;
  }
  .mochlos16{
  height: 300px;
  width: 450px;
  }
  .mochlos17{
  height: 300px;
  width: 450px;
  }
  .mochlos18{
  height: 300px;
  width: 450px;
  }
  .mochlos22{
  height: 300px;
  width: 450px;
  }
  .mochlos20{
  height: 300px;
  width: 450px;
  }
  .mochlos21{
  height: 300px;
  width: 450px;
  }
  .mochlos19{
  height: 300px;
  width: 450px;
  }
  .mochlos12{
  height: 300px;
  width: 450px;
  }
  .mochlos25{
  height: 300px;
  width: 450px;
  }
  .mochlos26{
  height: 300px;
  width: 450px;
  }
  .mochlos27{
  height: 300px;
  width: 450px;
  }
  .mochlos28{
  height: 300px;
  width: 450px;
  }
  .mochlos29{
  height: 300px;
  width: 450px;
  }
  .seaside{
  margin-top: 50px;
  margin: 0;
  }
  .seaside5{
  height: 300px;
  width: 450px;
  }
  .seaside3{
  height: 300px;
  width: 450px;
  }
  .seaside4{
  height: 300px;
  width: 450px;
  }
  .seaside2{
  height: 300px;
  width: 450px;
  }
  .seaside7{
  height: 300px;
  width: 450px;
  }
  .seaside6{
  height: 300px;
  width: 450px;
  }
  .seaside8{
  height: 300px;
  width: 450px;
  }
  .villad8{
  margin: 0;
  margin-top: 50px;
  }
  .villa86{
  height: 300px;
  width: 450px;
  }
  .villa87{
  height: 300px;
  width: 450px;
  }
  .villa85{
  height: 300px;
  width: 450px;
  }
  .villa81{
  height: 300px;
  width: 450px;
  }
  .villa8{
  height: 300px;
  width: 450px;
  }
  .villa89{
  height: 300px;
  width: 450px;
  }
  .villa817{
  height: 300px;
  width: 450px;
  }
  .villa9{
  margin: 0;
  margin-top: 50px;
  }
  .villa96{
  height: 300px;
  width: 450px;
  }
  .villa98{
  height: 300px;
  width: 450px;
  }
  .villa99{
  height: 300px;
  width: 450px;
  }
  .villa916{
  height: 300px;
  width: 450px;
  }
  .villa913{
  height: 300px;
  width: 450px;
  }
  .villa912{
  height: 300px;
  width: 450px;
  }
  .villa95{
  height: 300px;
  width: 450px;
  }
  .villa92{
  height: 300px;
  width: 450px;
  }
  .villa914{
  height: 300px;
  width: 450px;
  }
  .apartmentd1{
  margin: 0;
  margin-top: 50px;
  }
  .apartmentd16{
  height: 300px;
  width: 450px;
  }
  .apartmentd15{
  height: 300px;
  width: 450px;
  }
  .apartmentd14{
  height: 300px;
  width: 450px;
  }
  .apartmentd13{
  height: 300px;
  width: 450px;
  }
  .apartmentd17{
  height: 300px;
  width: 450px;
  }
  .apartmentd12{
  height: 300px;
  width: 450px;
  }
  .apartmentd18{
  height: 300px;
  width: 450px;
  }
  .urban{
  margin: 0;
  margin-top: 50px;
  }
  .urban1{
  height: 300px;
  width: 450px;
  }
  .urban2{
  height: 300px;
  width: 450px;
  }
  .urban5{
  height: 300px;
  width: 450px;
  }
  .urban4{
  height: 300px;
  width: 450px;
  }
  .urban3{
  height: 300px;
  width: 450px;
  }
  .urban8{
  height: 300px;
  width: 450px;
  }
  .urban7{
  height: 300px;
  width: 450px;
  }
  .urban6{
  height: 300px;
  width: 450px;
  }
  .urban9{
  height: 300px;
  width: 450px;
  }
  .urban10{
  height: 300px;
  width: 450px;
  }
  .urban11{
  height: 300px;
  width: 450px;
  }
  .urban13{
  height: 300px;
  width: 450px;
  }
  .villa5{
  margin: 0;
  margin-top: 50px;
  }
  .villa51{
  height: 300px;
  width: 450px;
  }
  .villa58{
  height: 300px;
  width: 450px;
  }
  .villa52{
  height: 300px;
  width: 450px;
  }
  .villa57{
  height: 300px;
  width: 450px;
  }
  .villa54{
  height: 300px;
  width: 450px;
  }
  .villa56{
  height: 300px;
  width: 450px;
  }
  .villa53{
  height: 300px;
  width: 450px;
  }
  .villa55{
  height: 300px;
  width: 450px;
  }
  .tsifliki{
  margin: 0;
  margin-top: 50px;
  }
  .tsifliki1{
  height: 300px;
  width: 450px;
  }
  .tsifliki2{
  height: 300px;
  width: 450px;
  }
  .tsifliki3{
  height: 300px;
  width: 450px;
  }
  .tsifliki4{
  height: 300px;
  width: 450px;
  }
  .tsifliki5{
  height: 300px;
  width: 450px;
  }
  .tsifliki6{
  height: 300px;
  width: 450px;
  }
  /*3d project Renovation of a House in a Traditional Village Kritsa  */


  .kritsa3d{
  margin: 0;
  margin-top: 50px;
  }
  .kritsa1{
  height: 300px;
  width: 450px;
  }
  .kritsa5{
  height: 300px;
  width: 450px;
  }
  .kritsa3{
  height: 300px;
  width: 450px;
  }
  .kritsa4{
  height: 300px;
  width: 450px;
  }
  .kritsa2{
  height: 300px;
  width: 450px;
  }

  /*3d project Renovation of a House in a Traditional Village Neapolis */


  .neapolis3d{
  margin: 0;
  margin-top: 50px;
  }
  .neapolis8{
  height: 300px;
  width: 450px;
  }
  .neapolis10{
  height: 300px;
  width: 450px;
  }
  .neapolis11{
  height: 300px;
  width: 450px;
  }
  .neapolis14{
  height: 300px;
  width: 450px;
  }
  .neapolis9{
  height: 300px;
  width: 450px;
  }
  .neapolis13{
  height: 300px;
  width: 450px;
  }
  .neapolis16{
  height: 300px;
  width: 450px;
  }
  .neapolis4{
  height: 300px;
  width: 450px;
  }
  .neapolis5{
  height: 300px;
  width: 450px;
  }
  .neapolis12{
  height: 300px;
  width: 450px;
  }
  .neapolis15{
  height: 300px;
  width: 450px;
  }
  .neapolis1{
  height: 300px;
  width: 450px;
  }
  .neapolis2{
  height: 300px;
  width: 450px;
  }
  /*3d project Villa Paradiso Mochlos*/


  .mochlos3d{
  margin: 0;
  margin-top: 50px;
  }
  .mochlos3d3{
  height: 300px;
  width: 450px;
  }
  .mochlos3d1{
  height: 300px;
  width: 450px;
  }
  .mochlos3d2{
  height: 300px;
  width: 450px;
  }
  .mochlos3d11{
  height: 300px;
  width: 450px;
  }
  .mochlos3d12{
  height: 300px;
  width: 450px;
  }
  .mochlos3d13{
  height: 300px;
  width: 450px;
  }
  .mochlos3d8{
  height: 300px;
  width: 450px;
  }
  .mochlos3d7{
  height: 300px;
  width: 450px;
  }
  .mochlos3d5{
  height: 300px;
  width: 450px;
  }
  .mochlos3d6{
  height: 300px;
  width: 450px;
  }
  .mochlos3d4{
  height: 300px;
  width: 450px;
  }
  .mochlos3d17{
  height: 300px;
  width: 450px;
  }
  .mochlos3d16{
  height: 300px;
  width: 450px;
  }
  .mochlos3d14{
  height: 300px;
  width: 450px;
  }
  .mochlos3d15{
  height: 300px;
  width: 450px;
  }
  .mochlos3d10{
  height: 300px;
  width: 450px;
  }
  .mochlos3d9{
  height: 300px;
  width: 450px;
  }
  
  /*3D project Apartment in the Center*/

.center1{
  height: 300px;
  width: 450px;
}
.center2{
  height: 300px;
  width: 450px;
}
.center3{
  height: 300px;
  width: 450px;
}
.center4{
  height: 300px;
  width: 450px;
}
.center5{
  height: 300px;
  width: 450px;
}
.center6{
  height: 300px;
  width: 450px;
}
.center7{
  height: 300px;
  width: 450px;
}
.center8{
  height: 300px;
  width: 450px;
}
  /*3D priject Penthouse*/
  .penthouse3d{
  margin: 0;
  margin-top: 50px;
  }
  .penthouse1{
  height: 300px;
  width: 450px;
  }
  .penthouse2{
  height: 300px;
  width: 450px;
  }
  .penthouse3{
  height: 300px;
  width: 450px;
  }
  .penthouse4{
  height: 300px;
  width: 450px;
  }
  .penthouse5{
  height: 300px;
  width: 450px;
  }

  /*3D priject Common Areas*/

.commonareas3d{
  margin: 0;
  margin-top: 50px;
  }
  .commonareas1{
  height: 300px;
  width: 450px;
  }
  .commonareas3{
  height: 300px;
  width: 450px;
  }
  .commonareas4{
  height: 300px;
  width: 450px;
  }
  .commonareas5{
  height: 300px;
  width: 450px;
  }
  .commonareas6{
  height: 300px;
  width: 450px;
  }
  .commonareas7{
  height: 300px;
  width: 450px;
  }
  .commonareas8{
  height: 300px;
  width: 450px;
  }
  .commonareas9{
  height: 300px;
  width: 450px;
  }
  /*3D project Urban Maisonette TH2*/

  .urban3d{
  margin: 0;
  margin-top: 50px;
  }
  .urban3d1{
  height: 300px;
  width: 450px;
  }
  .urban3d2{
  height: 300px;
  width: 450px;
  }
  .urban3d3{
  height: 300px;
  width: 450px;
  }
  .urban3d4{
  height: 300px;
  width: 450px;
  }
  .urban3d5{
  height: 300px;
  width: 450px;
  }
  .urban3d6{
  height: 300px;
  width: 450px;
  }
  .urban3d7{
  height: 300px;
  width: 450px;
  }
  /*3D project Apartment C7*/

  .apartmentc73d{
  margin: 0;
  margin-top: 50PX;
  }
  .apartmentc71{
  height: 300px;
  width: 450px;
  }
  .apartmentc72{
  height: 300px;
  width: 450px;
  }
  .apartmentc73{
  height: 300px;
  width: 450px;
  }
  .apartmentc74{
  height: 300px;
  width: 450px;
  }
  .apartmentc75{
  height: 300px;
  width: 450px;
  }
  .apartmentc76{
  height: 300px;
  width: 450px;
  }
  .apartmentc77{
  height: 300px;
  width: 450px;
  }
  .apartmentc78{
  height: 300px;
  width: 450px;
  }
  .video{
  width:100%; 
  top: 27%; 
}
}