@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
   --mainColor: #E82B38;
  --mainColorBg: #E82B38;
}
.bgRed{background:var(--mainColor)!important;}
.bgGray{background:#f1f1f1!important;}
html, body { height: 100%; margin: 0; padding: 0;}
html, #obel-body {color: #fff; font-size: 16px; line-height: 1.6; font-family: "Inter", sans-serif; font-optical-sizing: auto;}
#obel-body {min-height: 100vh; background: linear-gradient(160deg, rgba(28, 27, 27, 1) 0%, rgba(96, 20, 20, 1) 100%);
  background-attachment: fixed; background-repeat: no-repeat; background-size: cover;  }
#obel-body a {text-decoration: none; border: none; color: #fff;}
.wrapper {position: relative; min-height: 100vh; overflow: hidden;}

.pdtb50{padding:50px 0;}
.pdlr50{padding:0 50px;}
.size45{font-size:45px;}
.size24{font-size:24px;}
.size20{font-size:20px;}
.size30{font-size:30px;}
.titleMain{font-size:45px; font-weight:700;}
.titleLine{height: 5px; width:35%; background: var(--mainColor); margin:10px 0; border-radius: 3px;}
footer .titleLine{height:2px; width: 10%; background: #fff;}
#obel-body .btn-primary{background: var(--mainColor); color:#fff; line-height:32px; padding:10px 20px;}
.spanSep{width: 1px; height:24px; background: #fff; opacity: 0.5; margin:0 20px;}
#obel-body .Langs .aLang{color:rgba(255, 255, 255, 0.4); border-bottom:0.5px solid transparent;}
#obel-body .Langs .aLang.active{color:rgba(255, 255, 255, 1); border-bottom:0.5px solid #fff;}

.logo{display: block; width:160px;}
.logo img{display: block; width:100%;}
.navSep{margin:0 20px;}
.navMenu .dropdown .dropdown-menu {background: #392525!important;}
.navMenu .dropdown .dropdown-menu .dropdown-item{color: var(--mainColor) !important;}
.aMenu{white-space:  nowrap; transition: all ease 400ms;}
.aMenu:hover{color:var(--mainColor)!important;}
#obel-body nav .aMenu.active{color:var(--mainColor);}

#obelCarousel .carousel-inner{position: relative;}
#obelCarousel .carousel-inner .sloganContainer{position: absolute; left:60px; top:50%; transform: translateY(-50%);  max-width:40%;}
.color{color:var(--mainColor)!important;}
.lineSep{height: 5px; width: 80%; background:var(--mainColor); margin:30px 0;}
.slogan1{font-weight: 900; font-size:60px;}
.slogan2{font-weight: 900; font-size:75px;}
.slogan3{ font-size:30px;}
.spBlock{display: block;}
.headerBottom{background:rgba(0, 0, 0, 0.4); border-radius: 10px; padding:0 20px; margin-top:20px;}
.headerAbsolute{position: absolute; left:0; top:0; right:0; z-index: 10;}
.banner{position: relative; height:700px; display: flex; align-items: center; justify-content: center; }
.bannerHk{background:url(../img/bannerHk.png) no-repeat bottom;  background-size: cover;}
.bannerVizyon{background:url(../img/bannerVizyon.png) no-repeat bottom;  background-size: cover;}
.bannerTarihce{background:url(../img/bannerTarihce.png) no-repeat bottom;  background-size: cover;}
.bannerUrunler{background:url(../img/urunlerBanner.png) no-repeat bottom;  background-size: cover;}
.bannerContact{background:url(../img/bannerContact.png) no-repeat bottom;  background-size: cover;}
.bannerSirketler{background:url(../img/bannerSirketler.png) no-repeat top;  background-size: cover;}
.bannerHaber{background:url(../img/bannerHaber.png) no-repeat top;  background-size: cover;}
.bannerKariyer{background:url(../img/bannerKariyer.png) no-repeat center;  background-size: cover;}
.bannerKalite{background:url(../img/bannerKalite.png) no-repeat center;  background-size: cover;}
.bannerSurdurulebilirlik{background:url(../img/bannerSurdurulebilirlik.png) no-repeat center;  background-size: cover;}
.bannerArge{background:url(../img/bannerArge.png) no-repeat center;  background-size: cover;}
.bannerUretim{background:url(../img/bannerUretim.png) no-repeat bottom;  background-size: cover;}


.mainContent ul { list-style: none; padding: 0 !important; margin: 0 !important; }
.mainContent ul li { position: relative; padding-left: 32px; margin-bottom: 22px; font-size: 20px; color: #ffffff; line-height: 1.6; }
.mainContent ul li::before { content: ""; width: 25px; height: 25px; background-color: #D63232; border-radius: 50%; position: absolute; left: 0; top: 6px; }

.tabMenuContainer ul li{ font-size: 16px; padding-left: 0; }
.tabMenuContainer ul li::before{ display: none; }

.secVizyon{position: relative;}
.secVizyon:before{content: ""; width: 300px; height: 300px; position: absolute; top:50%; right:20px; transform: translateY(-50%); background: url(../img/icons/civata1.svg) no-repeat; background-size:cover; z-index: 1;}
.secVizyon:after{content: ""; width: 200px; height:100%; position: absolute; bottom:0; left:20px;  background: url(../img/icons/civata2.svg) no-repeat; background-size:100% 100%; z-index: 1;}

/* .lineSelector{width: 100%; height: 1px; background: hsl(0, 0%, 100%); margin:40px auto; opacity: 0.3;} */
.iconMvCon{text-align: left;}
.iconMv{display: inline-block; width:48px; margin-right:10px;}
.iconMv img{width:100%;}


#obelCarousel .carousel-indicators [data-bs-target]{height: 24px; width: 24px; border-radius: 50%; background: transparent; border:2px solid #fff;}
#obelCarousel .carousel-indicators .active {background-color: #fff;}

#obelCarousel .carousel-indicators{ left:unset; margin:0; flex-direction: column; right:43px; bottom:50%;}
#obelCarousel .carousel-indicators button {margin-bottom:10px;}

.carousel-side-controls {position: absolute; width: 120px; bottom: 40%; right: 0px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 8px 0 0 8px; z-index: 10;}
.carousel-side-controls button {background: none; border: none; padding: 0; width: 54px; height: 60px; display: flex; align-items: center; justify-content: center; }

.carousel-side-controls .carousel-control-prev-icon,
.carousel-side-controls .carousel-control-next-icon { width: 30px; height: 30px; background-size: 100% 100%; filter: brightness(0) saturate(100%) invert(17%) sepia(82%) saturate(750%) hue-rotate(330deg) brightness(95%) contrast(105%);}

.sayacContainer{display: flex; margin:50px auto; align-items: center; border:1px solid var(--mainColor); border-radius:25px; padding-top:30px; padding-bottom:50px; background: #392525;
background: linear-gradient(0deg, rgba(57, 37, 37, 1) 0%, rgba(131, 36, 42, 1) 48%, rgba(62, 36, 36, 1) 100%);}
.sayacBox{width: 66%; text-align: center;}
.vertical-divider { width: 1px; height: 60px; background-color: #fff; margin: 0 5px;}
.rakam {font-size:75px; font-weight: bold; color: #E82B38;}
.sayacText{font-size:24px; font-weight: bold;}
.rakam .plus {margin-left: 3px; font-weight: normal;}

.sayacContainer .spanSep{ height:100px;}

.imgCon{display: block; margin: auto 0 auto auto; width: 100%;}
.imgCon img{display: block; width: 100%; mix-blend-mode: lighten;}
.row.align-items-strech { display: flex; align-items: stretch; justify-content: center; gap: 20px;}
.col-lg-6.imgFixCon {display: flex; flex-direction: row; justify-content: center; gap: 10px; max-width:600px; flex: 0 0 auto;}
.imgConFit {flex: 1 1 0; max-width:100%; max-height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 10px;}
.imgConFit img {width: 100%; height: 100%; object-fit: cover; display: block; margin: 0 auto;}
.col-lg-6:not(.imgFixCon) {display: flex; flex-direction: column; justify-content: center;}
.imgFixedMain{background: url(../img/aboutMain.jpg) no-repeat center; background-size:contain; background-attachment: fixed; height:400px; border-radius: 30px; margin:70px auto;}
.imgFixedMain2{background: url(../img/argeMain.jpg) no-repeat center; background-size:cover;  height:500px; border-radius: 30px; margin:70px auto; overflow: hidden;}

.categoryBox{display: block; cursor: pointer; padding:30px; background: rgba(64, 34, 34, 0.25); background: linear-gradient(0deg, rgba(64, 34, 34, 0.25) 0%, rgba(203, 56, 65, 0.25) 48%, rgba(70, 31, 31, 0.25) 100%); position: relative;}
.categoryBox:before{content: ""; position: absolute; left:40px; top:40px; width: 40px; height: 40px; border-left:1px solid var(--mainColor); border-top:1px solid var(--mainColor);}
.categoryBox:after{content: ""; position: absolute; right:40px; top:40px; width: 40px; height: 40px; border-right:1px solid var(--mainColor); border-top:1px solid var(--mainColor);}
.categoryMainImg,.imgRatio { aspect-ratio: 4 / 3; overflow: hidden; display: block; max-width:700px; margin:auto; }
.categoryMainImg img,.imgRatio img {width: 100%; height: 100%; object-fit: cover; display: block; transition: all ease 300ms;}
.categoryBox:hover .categoryMainImg img{transform: scale(0.9);}
.categoryLineContainer { display: flex; align-items: center; gap: 10px; }
.categoryLineContainer::after {content: ""; flex: 1; height: 1px; background-color: var(--mainColor);}
.secGunumuz{background: url(../img/gunumuzBg.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.iconBoxCon .titleLine{ width:40px; background: #fff; margin:15px auto;}
.secHaber .titleLine{width:10%;}
.titleLineShort{width: 10%;}
.iconBoxCon{width: 400px; margin:auto;}
.colGunCon{ padding:150px 0;}
.secGunumuz{padding-top:50px;}
.borderTop{border-top:1px solid rgba(255, 255, 255, 0.5);}
.borderLrT{border-left:1px solid rgba(255, 255, 255, 0.5); border-right:1px solid rgba(255, 255, 255, 0.5); border-top:1px solid rgba(255, 255, 255, 0.5); }
.b-none{border:none !important;}
.secSurdurebilirlik{text-align: center; padding:100px 0; background: url(../img/surdurulebilirlikBg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.haberBox h3{line-height: 1.6!important;}
.desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.secSeperator{text-align: center; padding:100px 0; background: url(../img/seperatorBg.jpg) no-repeat top; background-size: cover; }

.owl-carousel .item { display: flex;  align-items: center; justify-content: center;padding: 10px;}
.owl-carousel .item img { width: 100%; max-width: 120px; height: auto; object-fit: contain;filter: grayscale(100%);transition: filter 0.3s ease; }
.owl-carousel .item img:hover { filter: grayscale(0%); }

.slideBanner .owl-carousel {padding-top:10px;}
.slideBanner .owl-carousel .item {display: flex;align-items: center; justify-content: center; padding: 10px;}
.slideBanner .owl-carousel .item img { width: 100%;max-width: 285px; height: auto; object-fit: contain; filter: none;}
.slideBanner {border: 1px solid red; margin-top: 60px;}

.slideBanner .owl-nav button.owl-prev,
.slideBanner .owl-nav button.owl-next { background: none; border: none; font-size: 28px; color: #333; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}

.slideBanner .owl-nav button { background: rgba(255, 255, 255, 0.6)!important; width:60px; height:60px; color: #e82b38 !important; border-radius: 0!important; transition: all ease 500ms;}
.slideBanner .owl-nav button:hover { background: rgba(255, 255, 255, 1)!important; }
.slideBanner .owl-nav button.owl-prev { left:10px; }
.slideBanner .owl-nav button.owl-next {right:10px;}
.slideBanner .owl-nav button svg {font-size:30px!important; }


footer{background: url(../img/footerBg.jpg) no-repeat center; background-size: cover;}
.footerTop{padding:50px 0;}

.footerMenu{display: block; font-size:14px; line-height:28px; }
.footerBottom{border-top:0.5px solid rgba(255, 255, 255, 0.4);}


.iconDegerCon{padding:60px 40px!important;}
.borderTopRed{border-top:1px solid rgba(234, 44, 57, 0.2); }
.borderRightRed{ border-right:1px solid rgba(234, 44, 57, 0.2); }
.iconDegerCon .icon img{display: block; width: 68px;}


.tarihSelector{background:url(../img/tarihSelectorBg.jpg) no-repeat bottom;  background-size: cover; padding:100px 0;}
.tarihSelector {
  perspective: 1500px;
  overflow: hidden;
  height:800px;       
  width: 100%;  
  position: relative;
  user-select: none;
}

.tarihSelector {
perspective:2500px;
  overflow: hidden;
  height:800px;
  width: 100%;
  position: relative;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
    .timeline-wheel {
  position: relative;
  height:800px;
  width: 100%;
 cursor: default;
  transition: transform 0.4s ease;
  perspective: 2500px;
  transform-style: preserve-3d;
    transform: rotateX(-15deg);
  perspective-origin: center 95%;
  align-items: center;
  position: relative;
    }
/* .timeline-wheel::after {
  content: "";
  position: absolute;
  left:100px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid var(--mainColor); 
} */

    .timeline-item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: center center;
      text-align: center;
      color: #a5a5a5;
      width: 100%;
      max-width:1000px;
      padding: 20px 10px;
       transition: transform 0.8s ease, opacity 0.6s ease;
      opacity: 0;
      pointer-events: none;
      backface-visibility: hidden;
      border-bottom: none;
      z-index: -1!important;
    }
    .timeline-item::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
}

    .timeline-item .year {
      font-size: 3rem;
      font-weight: 700;
      transition: font-size 0.5s ease;
    }

    .timeline-item .desc {
      font-size: 2rem;
      transition: font-size 0.5s ease;
    }

    .timeline-item.active {
      color:var(--mainColor);
      opacity: 1;
      pointer-events: auto;
    }

    .timeline-item.active .year {
      font-size: 3rem;
    }

    .timeline-item.active .desc {
      font-size: 2rem;
      color:#fff!important;
    }

    .timeline-item.visible {
      opacity: 0.8;
    }

    /* Navigasyon okları */
.timeline-nav {
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 40px;
  z-index: 99;
}

.timeline-nav-arrow {
  position: relative;
  width: 50px;   /* tıklanabilir alan */
  height: 50px;
  cursor: pointer;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-nav-arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.timeline-nav-arrow.up::after {
  border-bottom: 30px solid var(--mainColor);
}

.timeline-nav-arrow.down::after {
  border-top: 30px solid var(--mainColor);
}

.timeline-nav-arrow:hover {
  opacity: 1;
  transform: scale(1.2);
}

.timeline-nav-arrow:active {
  transform: scale(0.9);
}


.nav-pills .nav-link.active{background-color: var(--mainColor)!important; border-radius: 0; }
.nav-pills .nav-link{border:1px solid var(--mainColor)!important; border-radius: 0; color:var(--mainColor);}
.nav-pills .nav-link:hover{color:#fff;}
.radiusNone{border-radius:0!important;}
.radiuslt{border-top-left-radius: 10px!important; border-bottom-left-radius: 10px!important; border-top-right-radius: 0px!important; border-bottom-right-radius: 0px!important;}
.radiusrt{border-top-right-radius: 10px!important; border-bottom-right-radius: 10px!important; border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}

.proImg { background: #F2F2F2; display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; position: relative; }
.proImg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.aProduct {display: block; text-decoration: none; color: inherit; position: relative;}
.aProduct:before {content:""; position: absolute; left:10px; top:10px; width:30px; height: 30px; border-left:1px solid var(--mainColor); border-top:1px solid var(--mainColor); z-index: 1;} 
.aProduct:after {content:""; position: absolute; right:10px; top:10px; width:30px; height: 30px; border-right:1px solid var(--mainColor); border-top:1px solid var(--mainColor); z-index: 1;} 


.proCategory {display: block; font-size:14px; font-weight: 700;color: #616161; }
.proTitle {display: block; font-size:20px; font-weight: 700; color:var(--mainColor); }
.fancybox__content{background: #F2F2F2!important;}
.aProductTitles{position: absolute; left:10px; bottom:10px; border-left:4px solid var(--mainColor); padding-left:10px;}

.contactForm{background: rgba(234, 44, 57, 0.55); padding:30px; border-radius: 10px;}
.contactInfo{background: url(../img/contact1.png) no-repeat center; background-size: cover; height: 100%; border-radius: 10px; position: relative; overflow: hidden;}
.infoContact{background: rgba(232, 43, 56, 0.34); padding:30px; position: absolute; left:0; bottom:0; right:0;}
.linkedinIletisim{display: flex; justify-content: center; align-items: center; width:48px; height: 48px; text-align: center; border:1px solid var(--mainColor)!important; border-radius: 5px;}
.map {position: relative; overflow: hidden; border-radius: 10px; margin:30px 0 0 0;}
.map iframe{display: block; width: 100%; height: 400px;}

.figImg {display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; position: relative; margin:auto;}
.figImg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.figImgQuality {display: block; width: 100%; aspect-ratio: 4 / 4; overflow: hidden; border-radius: 10px; position: relative; margin:auto;}
.figImgQuality img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.figImgSquare {display: block; width: 100%; aspect-ratio: 4 / 4; overflow: hidden; border-radius: 10px; position: relative; margin:auto;}
.figImgSquare img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.haberMainImg{display: block; width: 100%; aspect-ratio: 4 / 2; overflow: hidden; border-radius: 10px; position: relative; margin:auto;}
.haberMainImg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.figVertical {display: block; width: 100%; max-width:550px; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 10px; position: relative; margin:auto auto auto 0;}
.figVertical img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }


.hrSep{margin:30px auto; border:1px solid red;}

 .btn-square {
        width: 48px;
        height: 58px; 
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .action-buttons {
        display: flex;
        gap: .5rem;
        justify-content: center;
      }

      .aSertifika{display: block; width: 100%; max-width: 600px;}
   .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
  width: 794px !important;
  height: 1123px !important;
}
.fancybox__content iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.aSertifika .fancybox__content {
  width: 794px;   /* 210mm @ 96dpi */
  height: 1123px; /* 297mm @ 96dpi */
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content {
  width: 794px !important;
  height: 1123px !important;
}


      .aSertifika h3{font-size:16px;}
      .secOlcum{background:url(../img/tarihSelectorBg.jpg) no-repeat bottom;  background-size: cover; padding:50px 0; background-attachment: fixed;}

      .Goals-flex{display: flex; justify-content: space-between;}
      .globalImg{display: block; margin:auto; width: 100%; max-width: 230px;}
      .secSurdur{padding-bottom:50px;}

      .secUretim{margin-bottom:80px; padding:120px 0;}
      .secUretim .titleLineShort{background: #fff;}
      .alignLeft{margin:auto auto auto 0;}
      .alignRight{margin:auto 0 auto auto;}
      .sec1{background: url(../img/uretim/bg1.jpg) no-repeat center; background-size: cover;}
      .sec2{background: url(../img/uretim/bg2.jpg) no-repeat center; background-size: cover;}
      .sec3{background: url(../img/uretim/bg3.jpg) no-repeat center; background-size: cover;}
      .sec4{background: url(../img/uretim/bg4.jpg) no-repeat center; background-size: cover;}
      .sec5{background: url(../img/uretim/bg5.jpg) no-repeat center; background-size: cover;}
      .sec6{background: url(../img/uretim/bg6.jpg) no-repeat center; background-size: cover;}
      .sec7{background: url(../img/uretim/bg7.jpg) no-repeat center; background-size: cover;}
      .sec8{background: url(../img/uretim/bg8.jpg) no-repeat center; background-size: cover;}
      .sec9{background: url(../img/uretim/bg9.jpg) no-repeat center; background-size: cover;}
     
      .colorContainer { position: relative; padding: 40px;}
      .colorContainer .background {position: absolute; inset: 0; background: var(--mainColor); mix-blend-mode: multiply;}
      .colorContainer .content {position: relative; color: #fff; z-index: 1;}
      .colorContainer .txtContainer{position: relative; color: #fff; z-index: 1;}

      .uretimSection{margin-bottom:80px;}
      .uretimSection .titleLineShort{background: #fff;}
      .pdTxtCon{padding:30px;}
     .uretimSection figure img {object-fit: cover; height: 100%;}
      .mobilMenu{display: none;}
      .mobilNone{display: none!important;}
      .mobileLang{margin:auto 0 auto auto;}
.btnAc{display: none!important; width:48px; height:48px; text-align: center; line-height: 48px; padding: 0 !important; margin:auto 0 auto auto;}
#offcanvasRight{background:#621218de;}

  .aMenuMobil {
    font-size:16px; border-bottom:1px solid rgba(255, 255, 255, 0.3)!important; padding:10px 0; line-height:32px;
  }
#kurumsalCollapse {margin-top:15px;}
#kurumsalCollapse .aMenuMobilAlt {line-height:40px;}
 
     @media only screen and (max-width:1919px) {
      .slogan1{font-size:45px;}
      .slogan2{font-size:55px;}
      .slogan3{font-size:24px;}
      .textPd50Con.w-50{width: 100%!important;}
      
      .sayacContainer .rakam{font-size:55px;}
      .secVizyon:before,.secVizyon:after{display: none;}
      .banner{height: 550px;}
      .titleBanner{padding-top:10%;}
      .titleMain{font-size:40px;}
      .bannerUretim{height: 700px;}
      }
      @media only screen and (max-width:1366px) {
      .secHk .col-xl-4, .secHk .col-xl-8{width: 50%!important;}
      .secHkMain .row.align-items-strech{gap:0;}
      .txtContainer.size20, .txtContainer .size20{font-size:18px;}
      header.py-5{padding-bottom:0!important;}
      .carousel-side-controls{bottom:35%;}
      .aMenu{font-size:15px;}
      .navSep{margin:0 12px;}
      .timeline-item .year,.timeline-item.active .year {font-size:30px;}
    .timeline-item .desc,.timeline-item.active .desc { font-size:20px;}
.timeline-wheel::after{left:0;}   

.tarihSelector{height: 500px;} 
.imgFixedMain{background-size:cover;  height:400px; }
      }

       @media only screen and (max-width:1280px) {
      .txtContainer.size20, .txtContainer .size20{font-size:16px;}
      
       .slogan1{font-size:36px;}
      .slogan2{font-size:46px;}
      .slogan3{font-size:20px;}
      .slogan3.mb-5{margin-bottom:15px!important;}
      .lineSep{margin:15px auto 15px 0;}
      }
        @media only screen and (max-width:1200px) {
          header.py-5{padding: 0 10px!important;}
          .headerTop{display: none;}
          .headerBottom{margin-top:10px;}
       header  .headerBottom .navMenu{display: none!important;}
      .mobilMenu{display: block;}
.btnAc{display: block!important;}
.mobilBlock{display: block!important;}


      }

      @media only screen and (max-width:980px) {
         .sayacContainer .rakam{font-size:35px;}
         .sayacContainer .sayacText{font-size:20px;}
          .slogan1{font-size:24px;}
      .slogan2{font-size:26px;}
      .slogan3{font-size:16px;}
      .carousel-side-controls{bottom:0;}
      #obelCarousel .carousel-indicators{bottom:80px;}
      .colGunCon{padding:70px 0;}
      .secArge.pdtb50{padding:0 0 50px 0;}
        .titleMain{font-size:35px;}
            .footerBottom .col-lg-6.col-12.text-end{ text-align: center!important; margin-top:10px;}
        .figVertical{margin:auto auto 20px auto;}
        .borderRightRed,.borderTopRed{border:none;}
        .mobileFlexCol{flex-direction: column; text-align: center;}
        .mobileFlexCol .icon{margin:auto auto 20px auto !important;}
        .iconDegerCon{padding:0px 10px 30px 10px!important;}
        .imgFixCon{display: none!important;}
        .secHkMain.pdtb50{padding:0px 0 50px 0;}
        .sayacContainer{margin:0 0 30px 0;}
        .secContact .container.text-center.pdtb50{padding:20px 0 30px 0;}

        .secUretim .colorContainer.w-50{ width: 100%!important;}
        .bannerUretim{height: 600px !important;}
        .iconMvCon{text-align: center;}
        .iconMv{display: block; margin:auto auto 10px auto;}
        .timeline-nav{left:10px;}
          }

          @media only screen and (max-width:768px) {
            .sayacContainer{flex-direction: column;}
           .sayacContainer .spanSep{height: 40px;}
            .secHk .col-xl-4, .secHk .col-xl-8{width: 100%!important;}
            .mobilKapat{display: none!important;}
            .mobilCenter{text-align: center;}
            .mobilCenter .titleLine{margin:10px auto;}
            footer .logo{margin:auto;}
            #obelCarousel .carousel-inner .sloganContainer{position: relative; left:0; right:0; margin:auto; top:110px; text-align: center; max-width:100%;}
            #obelCarousel .carousel-inner .sloganContainer .lineSep{margin:10px auto; width: 120px;}
            .size24{font-size:20px;}
            .secSurdurebilirlik,.secSeperator{padding:50px 0;}
            .headerBottom{padding:0 10px;}
            .secUrunGrup .text-center.mb-5 {margin: 0!important;}
            .secHaber.pdtb50{padding-bottom:0!important;}
            .banner{height: 450px;}
            .pdNone{padding:0!important;}
            .mNone.mb-5{margin: 0 !important;}
            .secKalite .iconText .size20 p .ibaslik{display: none;}
            .secKalite .iconText .size20 p strong{display: block;}
            .secKalite .titleLine{display: none;}
            .secKalite .size30{font-size:30px!important;}
            .secKalite .size20{font-size:20px!important;}
            .conSertifika .rowSertifika{flex-direction: column;}
            .politikaCon{padding:0 0 40px 0;}
            .secOlcum{margin-top:30px;}
            .secKariyer .iconText .size20{font-size:16px;}
            .secKariyer .iconText .size20 p svg{display: none;}
            .secKariyer .iconText .size20 p .mobilTitle{display: block; color: var(--mainColor); font-size:20px; margin-bottom:10px;}
            .secKariyer .pdtb50{padding:20px 0;}
            .secKariyer.pdtb50{padding:20px 0;}
        .secUretim .colorContainer{ padding:20px;}
.order1{order: 1;}
.order2{order: 2;}
.order3{order: 3;}
.order4{order: 4;}
#obelCarousel{margin-bottom:30px;}
          }
          @media only screen and (max-width:480px) {
            #obelCarousel{padding-bottom:80px;}
         #obelCarousel .carousel-indicators{display: none;}
         .headerBottom .logo{width: 100%; max-width: 160px;}
         .mobileLang .Langs{white-space: nowrap;}
         .mobileLang .aLang.ms-3{margin:0 5px 0 0!important;}
         .btnAc.ms-3{margin:0 0 0 5px!important;}
            .titleMain{font-size:28px;}
            .titleMain br{display: none;}
            .carousel-side-controls{left:0; margin:auto; bottom:0px;}
            .secHk.pdtb50{padding-top:0;}
            .iconBoxCon{width: 100%; max-width: 400px;}
            .size30{font-size:20px;}
            .secKalite .slogan30{font-size:24px!important;}

.nav-pills .nav-link{ border-radius:10px!important; }
#pills-tab{flex-direction: column;}
#pills-tab .nav-item{margin:5px auto;}
#pills-tab .nav-item .nav-link{width:200px!important;}
        .bannerUretim{height:520px !important;}

               }
                @media only screen and (max-width:360px) {
            .titleMain{font-size:24px;}
            .sayacContainer .sayacText{font-size:16px;}
               }