@media screen and (max-width: 1366px) {
  .diger-b .hakkimizda {
    left: 400px !important;
  }
  .diger-b .about-us {
    width: calc(100% - 100px) !important;
  }
  .icerik img {
    width: 90% !important;
  }
  .icerik-text {
    width: 91% !important;
  }

  .icerik:hover p {
    font-size: 20px !important;
  }
}
@media screen and (max-width: 1280px) {
  .diger-b .about-us {
    width: calc(100% - 50px) !important;
  }
  .diger-b .sayfaciz .cizgi {
    width: 50%;
  }
  .diger-b .hakkimizda {
    width: auto !important;
  }
}

@media screen and (max-width: 1024px) {
  .icerik:hover p {
    font-size: 20px !important;
  }
  .diger-b .about-us {
    width: calc(120%) !important;
  }
  .toparea {
    overflow: hidden !important;
  }
  .diger-b .d-flex {
    display: block !important;
  }
  .diger-b .icerik img {
    width: 200% !important;
  }
  .diger-b .hakkimizda {
    left: 100px !important;
  }
  .diger-b .icerik-text {
    width: 201% !important;
  }

  .toparea {
    height: 100vh !important;
  }
  .logo a img,
  .menu ul li {
    display: none !important;
  }
  .toparea,
  .menu {
    width: 70px !important;
  }
  .menu {
    display: grid !important;
    position: relative !important;
    text-align: center !important;
    top: 180px !important;
  }
  .menu img {
    margin-bottom: 40px !important;
  }
  .bg-div {
    width: calc(100% - 70px) !important;
  }
  .bg-div img {
    width: 150% !important;
  }
  .menu i {
    margin-left: 0px !important;
  }
  .list {
    padding: 0px !important;
    margin: 16px !important;
  }
  footer {
    bottom: 7rem !important;
  }
  footer > p {
    display: none !important;
  }
  footer ul {
    display: grid !important;
  }
  footer ul p {
    margin-top: 10px !important;
  }
  .dil {
    bottom: 23vh !important;
    padding-right: 0px !important;
    text-align: center !important;
  }
  .br {
    display: none !important;
  }
  .kurumsal-body {
    left: 20px !important;
  }
  .about-us {
    width: calc(100% - 100px) !important;
  }
  .iletisim-body {
    left: 20px !important;
    height: 100vh !important;
  }

  .diger-f {
    position: absolute !important;
  }
  .hakkimizda {
    left: 100px !important;
  }
  .full-height {
    overflow: hidden !important;
  }
}
@media screen and (max-width: 900px) {
  .hakkimizda {
    width: 700px !important;
  }
  iframe {
    width: 550px !important;
  }
  .sayfaciz .cizgi {
    width: 103% !important;
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 768px) {
  .bg-div {
    width: calc(100%) !important;
  }
  .bg-div img {
    background-size: cover !important;
    background-position: left bottom !important;
    object-fit: cover !important;
    width: 140% !important;
    height: 100% !important;
    padding-left: 70px !important;
    margin-top: 0 !important;
  }
  .hakkimizda {
    top: 20px !important;
    width: 550px !important;
  }
  iframe {
    width: 410px !important;
    height: 410px !important;
  }
  .metinalan .koleksiyon .resim {
    width: 150% !important;
    margin-left: -25% !important;
  }
  .metinalan .koleksiyon .metinc h6 {
    font-size: 25px !important;
  }
}
@media screen and (max-width: 601px) {
  .menu {
    top: 120px !important;
  }
  .dil {
    bottom: 30vh !important;
  }
  footer {
    bottom: 10rem !important;
  }
  footer ul {
    padding-left: 0.5rem !important;
  }
  .diger-b .icerik img {
    width: 100% !important;
  }
  .diger-b .icerik .icerik-text {
    width: 101% !important;
  }

  .diger-b .about-us {
    width: calc(90%) !important;
  }
  .diger-b .icerik {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .sadetekstil {
    font-size: 18px !important;
  }
  .sayfaciz .sayfa {
    font-size: 16px !important;
    letter-spacing: 5px !important;
  }
  .metinalan {
    font-size: 14px !important;
    margin-bottom: 10px !important;
  }
  .hakkimizda {
    left: 70px !important;
  }
  .about-us {
    width: calc(100% - 240px) !important;
  }
  iframe {
    width: 280px !important;
    height: 320px !important;
  }
}
@media screen and (max-width: 425px) {
  .banyo-b .metinalan {
    display: block !important;
  }
  .banyo-b .icerik {
    width: 100% !important;
    float: none !important;
  }
}
@media screen and (max-width: 400px) {
  .icerik .foto-4 {
    margin-top: 0px !important;
  }
  .about-us {
    width: calc(100% - 300px) !important;
    padding: 20px 20px 5px 20px !important;
    border-radius: 5px !important;
  }
  .metinalan .koleksiyon .resim {
    width: 200% !important;
    margin-left: -50% !important;
  }
  .metinalan .koleksiyon .metinc {
    top: 0px !important;
  }
  .metinalan .koleksiyon .metinc h6 {
    font-size: 22px !important;
  }
  .metinalan .koleksiyon .metinc img {
    width: 40px !important;
  }
  .metinalan .koleksiyon {
    height: 150px !important;
  }
  h3 {
    margin-top: 0px !important;
  }
  .menu {
    top: 50px !important;
  }
  .dil {
    bottom: 40vh !important;
    width: 100% !important;
    right: 0px !important;
  }
  .dil a {
    margin-right: 0px !important;
  }
  .sadetekstil {
    font-size: 16px !important;
    letter-spacing: 4px !important;
    margin-top: 5px !important;
  }
  .sayfaciz .sayfa {
    font-size: 14px !important;
    letter-spacing: 2px !important;
  }
  .kapatgeri .geri {
    top: 45px !important;
  }
  .banyo-b .icerik {
    float: none !important;
    margin-top: 20px !important;
  }
  .banyo-b .icerik img {
    width: 100% !important;
  }
  .banyo-b .icerik-text {
    width: 100% !important;
  }

  .icerik:hover p {
    font-size: 14px !important;
  }
  .icerik p {
    font-size: 14px !important;
  }
  iframe {
    width: 210px !important;
    height: 270px !important;
  }
  .title-il {
    padding-top: 70px !important;
    font-size: 16px !important;
  }
  .iletisim-form-text li {
    padding-bottom: 15px !important;
    font-size: 12px !important;
  }
}