@media screen and (max-width:1024px)
  {
   .logos{width:50%; height:100%; float:left;margin:0% 25% 3% 25%;}
  .cihaz_picture2{width:100%; height:100%; float:left;margin:0% 0% 2% 0%;background-color:;object-fit: cover;border-radius: 10px;}
   .gorseltext{width:100%; height:350px; float:left;margin:0% 0% 0% 0%;background-color:;position:relative;}
   .yazitum1{ position: absolute; width:100% ; height:;float:left; margin:3% 0% 3% 0%;background-color:;}
  .yazitum2{ position: absolute; width:100% ; height:200px;float:left; margin:15% 0% 0% 0%;background-color:;}
  .cpu_png{width:100%; height:100%; float:left;object-fit: cover; margin:30% 0% 0% 0%;}
   .yazi1 { position: absolute; width:% ; height:; float:left;margin:32% 60% 0% 20%;}
   .yazi4{ position: absolute; width:% ; height:; float:left;margin:53% 5% 0% 5%;}
  .yazi1_1 { position: absolute; width:% ; height:; float:left;margin:50% 10% 0% 10%;}
  .yazi2{ position: absolute; width:% ; height:; float:left;margin:60% 60% 0% 20%;}
  .yazi5 { position: absolute; width:% ; height:; float:left;margin:80% 60% 0% 22%;}
  .yazi3 { position: absolute; width:% ; height:; float:left;margin:87% 60% 0% 15%;}
  .yazi3_1 { position: absolute; width:% ; height:; float:left;margin:100% 60% 0% 42%;}
  .yazi6 { position: absolute; width:% ; height:; float:left;margin:106% 60% 0% 20%;}
  .yazi2_1 { position: absolute; width:% ; height:; float:left;margin:73% 60% 0% 34%;}
  .carplay_kutu{width:100%; height:100%; float:left;margin:25% 0% 0% 0%;}
  .androidautoresim{width:100%; height:100%; float:left;}
  .androidautoyazi{width:100%; height:100%; float:left;}
  .androidauto_kutu{width:100%; height:100%; float:left;}
  .j-ips-c{width:100%; height:100%; float:left;}
  .ekraninchscreen1{width:100%; height:100%; float:left;}
  .ekraninchscreen2{width:100%; height:100%; float:left;margin:3% 0% 3% 0%;}
  .cihaz_picture4{width:100%; height:100%; float:left;margin:5% 0% 0% 0%;}
  .screen1{margin:0% 7% 0% 5%;}
  .screen2{margin:0%;}
  .gorseltwo{width:100%; height:100%; float:left;margin:0%}
  .androidresim{width:100%; height:100%; float:left;margin:0%}
  .androidyazi2{width:100%; height:100%; float:left;margin:0%}
  .androidyazi3{width:100%; height:100%; float:left;margin:0%}
  .bluetooth_kisimi{width:100%; height:100%; float:left;margin:0%}
  .bluetooth_kisimi1{width:100%; height:100%; float:left;margin:0%}
  .bluetooth_kismi2{width:100%; height:100%; float:left;margin:0%}
  .kamera_picture{width:100%; height:100%; float:left;margin:0%}
  .cameras{width:100%; height:100%; float:left;margin:0%}
  .gorselsix{width:100%; height:100%; float:left;margin:0% 0% 3% 0%}
  .gorselsix_1{width:100%; height:100%; float:left;margin:0%}
  .gorselsix_2{width:100%; height:100%; float:left;margin:0%}
  .navigasyon_picture{margin:4% 2% 4% 5%}
  .gorselseven{width:100%; height:100%; float:left;margin:4% 0% 4% 0%}
  .gorselseven1{width:100%; height:100%; float:left;margin:0%}
  .gorselseven2{width:100%; height:100%; float:left;margin:0%}
  .direksiyon_kumanda_x{margin:5% 5% 0% 3%}
  .gorseleight{width:100%; height:100%; float:left;margin:0%}
  .gorseleight1{width:100%; height:100%; float:left;margin:0%}
  .surus_esnasi{width:100%; height:100%; float:left;margin:0%}
  .gorselnine{width:100%; height:100%; float:left;margin:0%}
  .gorseleight1{width:100%; height:100%; float:left;margin:0%}
  .gorseleight2{width:100%; height:100%; float:left;margin:4% 0% 4% 0%}
  .gorselnine_1{width:100%; height:100%; float:left;margin:7% 0% 0% 0%}
  .gorselnine_2{width:100%; height:100%; float:left;margin:4% 0% 0% 0%}
  .gorselten{width:100%; height:100%; float:left;margin:0%}
  .gorselten1{width:70%; height:275px; float:left;margin:5% 15% 0% 15%;}
}