@media (max-width: 575px) {
  .site-container { width: 90%;}

  .logo {width: 130px;}
  .logo-gradient{width: 100%;}

  .navbar, .navbar .nav-item, .logo-gradient { height: 75px;}

  .main-slider,
  .swiper-slide,
  .swiper-slide img,
  .swiper-slide video {height: 40vh;}

  .main-slider {margin-top: 75px;}

  .t-one{top: 15%; left: 15%;}
  .t-two{top: 30%; left: 25%;}
  .main-slider .button-one{top: 60%; left: 15%;}

  .slider-control{left: 14%;top:24%;font-size: 30px;}
  .slider-control button{height: 30px;}

  .slider-indicator{top: 10%;}
  .slider-indicator .v-line{height: 200px;}

  .slider-social-media{padding: 5px 10px;}
  .slider-social-media a{margin: 0 5px;}
  .slider-bottom{bottom: 20px; width: 50%;}

  .marquee img {height: 30px;}
  .marquee-track {gap: 40px;}

  .text-next img, .text-prev img{width: 50px; height: 50px;}
  .textSlide {height: 50px;}

  .media-card{padding: 20px; aspect-ratio: 5/3;}
  .media-card img{
    height: 120px;
    object-fit: contain;
    left: 55%;
    bottom: -15%;
    transform: translateX(-50%);
  }
  .media-img-overlay{aspect-ratio: 5/3;}

  .fixed-button-mobile{
    bottom: 20px;
    z-index: 99;
    right: 20px;
    position: fixed;
  }
  .fixed-button-mobile a {padding: 10px 20px; display: block; margin-top: 10px;}

  .footer-logo{width: 180px; display: block; margin: auto;}
  .logo-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .logo-group a, .logo-group img {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
  }

  .group-logo {
    margin-left: 0;
    height: 20px;
    width: 50%;
    margin-bottom: 20px;
  }

  .service-card{padding: 20px;}
  .menu-padding{padding-top: 100px;}

  .banner, .banner img{height: 300px;}
  .banner-content{width: 90%;}
  .icon-wrap-right-text{margin-top: 10px;}

  .year-logo{width: 70px;}

  .corporate-product-area{
    height: auto;
    padding: 40px 16px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    background-size: contain;
    background-position: bottom center;
  }

  /* ortadaki görsel */
  .corporate-product-area > img{
    position: relative;
    order: 2;
    width: clamp(140px, 45vw, 220px);
    left: auto;
    top: auto;
    transform: none;
  }

  .cart-arrows img{display: none;}

  .corporate-card{
    position: relative;
    transform: none !important;
    opacity: 1 !important;

    width: 75%;

    height: auto;
    padding: 16px;
    border-radius: 16px;
  }

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3 {transform: none !important;}

  .left-1 { order: 1; left: 0; }
  .left-2 { order: 1; left: 0; }
  .left-3 { order: 1; left: 0; }

  .right-1 { order: 3; left: 0; }
  .right-2 { order: 3; left: 0; }
  .right-3 { order: 3; left: 0; }

  .corporate-product-area{flex-wrap: wrap;}

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3{display: inline-flex; justify-content: center;}

  .career-area{height: 100%;}
  .career-logo{width: 100px;}
  .quality-card .fs-14{font-size: 14px;}
  .quality-card .fs-20{font-size: 20px;}
}
@media (min-width: 576px) and (max-width: 767px) {
  .site-container { width: 90%;}

  .logo {width: 130px;}
  .logo-gradient{width: 100%;}

  .navbar, .navbar .nav-item, .logo-gradient { height: 75px;}

  .main-slider,
  .swiper-slide,
  .swiper-slide img,
  .swiper-slide video {height: 40vh;}

  .main-slider {margin-top: 75px;}

  .t-one{top: 15%; left: 15%;}
  .t-two{top: 30%; left: 25%;}
  .main-slider .button-one{top: 60%; left: 15%;}

  .slider-control{left: 14%;top:24%;font-size: 30px;}
  .slider-control button{height: 30px;}

  .slider-indicator{top: 10%;}
  .slider-indicator .v-line{height: 200px;}

  .slider-social-media{padding: 5px 10px;}
  .slider-social-media a{margin: 0 5px;}
  .slider-bottom{bottom: 20px; width: 50%;}

  .marquee img {height: 30px;}
  .marquee-track {gap: 40px;}

  .text-next img, .text-prev img{width: 50px; height: 50px;}
  .textSlide {height: 50px;}

  .media-card{padding: 20px; aspect-ratio: 5/3;}
  .media-card img{
    height: 120px;
    object-fit: contain;
    left: 55%;
    bottom: -15%;
    transform: translateX(-50%);
  }
  .media-img-overlay{aspect-ratio: 5/3;}

  .fixed-button-mobile{
    bottom: 20px;
    z-index: 99;
    right: 20px;
    position: fixed;
  }
  .fixed-button-mobile a {padding: 10px 20px; display: block; margin-top: 10px;}

  .footer-logo{width: 180px; display: block; margin: auto;}
  .logo-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .logo-group a, .logo-group img {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
  }

  .group-logo {
    margin-left: 0;
    height: 20px;
    width: 50%;
    margin-bottom: 20px;
  }

  .service-card{padding: 20px;}
  .menu-padding{padding-top: 100px;}

  .banner, .banner img{height: 300px;}
  .banner-content{width: 90%;}
  .icon-wrap-right-text{margin-top: 10px;}

  .year-logo{width: 70px;}

  .corporate-product-area{
    height: auto;
    padding: 40px 16px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    background-size: contain;
    background-position: bottom center;
  }

  /* ortadaki görsel */
  .corporate-product-area > img{
    position: relative;
    order: 2;
    width: clamp(140px, 45vw, 220px);
    left: auto;
    top: auto;
    transform: none;
  }

  .cart-arrows img{display: none;}

  .corporate-card{
    position: relative;
    transform: none !important;
    opacity: 1 !important;

    width: 75%;

    height: auto;
    padding: 16px;
    border-radius: 16px;
  }

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3 {transform: none !important;}

  .left-1 { order: 1; left: 0; }
  .left-2 { order: 1; left: 0; }
  .left-3 { order: 1; left: 0; }

  .right-1 { order: 3; left: 0; }
  .right-2 { order: 3; left: 0; }
  .right-3 { order: 3; left: 0; }

  .corporate-product-area{flex-wrap: wrap;}

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3{display: inline-flex; justify-content: center;}

  .career-area{height: 100%;}
  .career-logo{width: 100px;}
  .quality-card .fs-14{font-size: 14px;}
  .quality-card .fs-20{font-size: 20px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .site-container { width: 90%;}

  .logo {width: 130px;}
  .logo-gradient{width: 100%;}

  .navbar, .navbar .nav-item, .logo-gradient { height: 75px;}

  .main-slider,
  .swiper-slide,
  .swiper-slide img,
  .swiper-slide video {height: 60vh;}

  .main-slider {margin-top: 50px;}

  
  .slider-right-area{right: 0%;width: 200px;}

  .t-one{top: 15%; left: 15%;}
  .t-two{top: 30%; left: 22%;}
  .main-slider .button-one{top: 60%; left: 15%;}

  .slider-control{left: 14%;top:24%;font-size: 40px;}
  .slider-control button{height: 40px;}

  .slider-indicator{top: 10%;}
  .slider-indicator .v-line{height: 300px;}

  .slider-social-media{padding: 5px 10px;}
  .slider-social-media a{margin: 0 5px;}
  .slider-bottom{bottom: 20px; width: 30%;}

  .marquee img {height: 30px;}
  .marquee-track {gap: 40px;}

  .text-next img, .text-prev img{width: 40px; height: 40px;}
  .textSlide {height: 100px;}

  .media-card{padding: 20px; aspect-ratio: 5/3;}
  .media-card img{
    height: 120px;
    object-fit: contain;
    left: 55%;
    bottom: -15%;
    transform: translateX(-50%);
  }
  .media-img-overlay{aspect-ratio: 5/3;}

  .fixed-button.scrolled .phone-button {transform: translate(200px, -60px);}

  .footer-logo{width: 180px; display: block; margin: auto;}
  .logo-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .logo-group a, .logo-group img {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
  }

  .group-logo {
    margin-left: 0;
    height: 20px;
    width: 50%;
    margin-bottom: 20px;
  }

  .service-card{padding: 40px; aspect-ratio: 4/3;}
  .menu-padding{padding-top: 100px;}

  .banner, .banner img{height: 300px;}
  .banner-content{width: 90%;}
  .icon-wrap-right-text{margin-top: 10px;}

  .year-logo{width: 100px;}

  .corporate-product-area{
    height: auto;
    padding: 40px 16px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;

    background-size: contain;
    background-position: bottom center;
  }

  /* ortadaki görsel */
  .corporate-product-area > img{
    position: relative;
    order: 2;
    width: clamp(140px, 45vw, 220px);
    left: auto;
    top: auto;
    transform: none;
  }

  .cart-arrows img{display: none;}

  .corporate-card{
    position: relative;
    transform: none !important;
    opacity: 1 !important;

    width: 75%;

    height: auto;
    padding: 16px;
    border-radius: 16px;
  }

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3 {transform: none !important;}

  .left-1 { order: 1; left: 0; }
  .left-2 { order: 1; left: 0; }
  .left-3 { order: 1; left: 0; }

  .right-1 { order: 3; left: 0; }
  .right-2 { order: 3; left: 0; }
  .right-3 { order: 3; left: 0; }

  .corporate-product-area{flex-wrap: wrap;}

  .left-1, .left-2, .left-3, .right-1, .right-2, .right-3{display: inline-flex; justify-content: center;}

  .career-area{height: 100%;}
  .career-logo{width: 100px;}
  .quality-card .fs-14{font-size: 14px;}
  .quality-card .fs-20{font-size: 20px;}

  .category-card img{height: 200px;}
  .main-img-start, .main-img-end{height: 170px !important; width: 60px !important;}

  .icon-wrap-right-text{margin-top: -10px;}
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .site-container { width: 90%;}

  .logo {width: 130px;}
  .logo-gradient{width: 250px;}
  .navbar .nav-item {padding: 0 15px;}

  .fixed-button.scrolled .phone-button {transform: translate(200px, -60px);}

  .corporate-product-area{
    height: 700px;
  }
  .corporate-product-area > img{
    width: 200px;
  }
  .cart-arrows img{
    width: 500px;
  }

  .corporate-product-area.active .cart-arrows img{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  .corporate-card{
    width: 170px;
    height: 100px;
    padding: 20px;
  }
  .corporate-product-area.active .corporate-card{opacity: 1;}

  .left-1 { transform: translate(-550px, calc(-370px + 80px)); }
  .left-2 { transform: translate(-660px, calc(-100px + 80px)); }
  .left-3 { transform: translate(-550px, calc(170px + 80px)); }

  .right-1 { transform: translate(300px, calc(-370px + 80px)); }
  .right-2 { transform: translate(410px, calc(-100px + 80px)); }
  .right-3 { transform: translate(300px, calc(170px + 80px)); }

  .corporate-product-area.active .left-1 { transform: translate(-320px, -190px) }
  .corporate-product-area.active .left-2 { transform: translate(-380px, -40px) }
  .corporate-product-area.active .left-3 { transform: translate(-320px, 100px) }

  .corporate-product-area.active .right-1 { transform: translate(160px, -190px); }
  .corporate-product-area.active .right-2 { transform: translate(220px, -40px); }
  .corporate-product-area.active .right-3 { transform: translate(160px, 100px); }

  
}
@media (min-width: 1440px) and (max-width: 1649px) {
 
}
@media (min-width: 1650px) and (max-width: 1800px) {
}
/* 2K */
@media (min-width: 1920px) and (max-width: 2559px) {
}

/* 4K */
@media (min-width: 2560px) and (max-width: 3839px) {
 
}

/* Ultra-wide */
@media (min-width: 3840px) {

}