/*Created By Venus Agency*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Outfit:wght@100..900&display=swap');
* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: "Outfit", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: url("../images/ayfleks-lines.png");
  background-repeat: repeat-y;
  background-size: contain;
  z-index: 2;
}
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
    color: #024B3D;
  }
ul, ol, li {
  padding: 0px;
  list-style: none;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
}
.navbar-toggler {
  color: white;
}
.row {
  --bs-gutter-x: 0px;
}
.container-fluid {
  --bs-gutter-x: 0px;
}
p {
  color: #60666B;
}
strong {
  font-weight: 500;
}
.send-form {
  text-align: center;
  padding: 88px;
}




@media only screen and (min-width: 1921px) {
  .container {
    max-width: 80%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
}
.news-page {
	margin-top: 88px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.degerul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 88px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
		opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 40%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 64px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }

  .about-page-wf .col-md-7 {
    width: 46%;
    padding: 128px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 72px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 224px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 88px;
      margin-bottom: 228px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 24px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	  margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }
  
	.urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 38px;
    height: 6px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 15%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 72px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 58px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -48px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 128px;
    padding-bottom: 188px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 18px;
      color: #818181;
    }

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .container {
    max-width: 80%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
}
.news-page {
	margin-top: 88px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 88px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 70%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 64px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }

  .about-page-wf .col-md-7 {
    width: 46%;
    padding: 128px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 72px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 188px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 88px;
      margin-bottom: 228px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 24px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	  margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }

	.urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 38px;
    height: 6px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 15%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 72px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 58px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -48px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 128px;
    padding-bottom: 188px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 18px;
      color: #818181;
    }

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  .container {
    max-width: 90%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
}
.news-page {
	margin-top: 88px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
h3 {
	font-size: 26px;
}
.degerul li {
	font-size: 20px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 88px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 70%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 48px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }

  .about-page-wf .col-md-7 {
    width: 46%;
    padding-left: 88px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 88px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 88px;
      margin-bottom: 228px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	  margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }

    .urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 38px;
    height: 6px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 15%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 72px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 58px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -48px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 128px;
    padding-bottom: 188px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 18px;
      color: #818181;
    }

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
  .container {
    max-width: 90%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
	font-size: 22px;
}
.news-page {
	margin-top: 88px;
}
.ayfleks-logo {
	width: 128px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 48px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 70%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 18px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }
.inside-text h3 {
	font-size: 24px;
    font-weight: 500;
}
  .about-page-wf .col-md-7 {
	padding-left: 48px;
    padding-right: 48px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
	        width: 28px;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 62px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 68px;
      margin-bottom: 128px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }

    .urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 28px;
    height: 4px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 6%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 48px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 48px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -68px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 28px;
    padding-bottom: 128px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
	width: 128px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 16px;
      color: #818181;
    }
	.inside-text li {
		font-size: 20px;
	}

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .container {
    max-width: 90%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
	font-size: 22px;
}
.news-page {
	margin-top: 88px;
}
.ayfleks-logo {
	width: 128px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 48px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 90%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 18px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }
.inside-text h3 {
	font-size: 24px;
    font-weight: 500;
}
  .about-page-wf .col-md-7 {
	padding-left: 48px;
    padding-right: 48px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 62px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 68px;
      margin-bottom: 128px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }

    .urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 28px;
    height: 4px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 6%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 48px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 48px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -68px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 28px;
    padding-bottom: 128px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
	width: 128px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 16px;
      color: #818181;
    }
	.inside-text li {
		font-size: 20px;
	}

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    max-width: 98%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
	width: 30%;
	margin: 18px;
	padding: 8px;
}
.col-news h3 {
	margin-top: 28px;
	font-size: 22px;
}
.news-page {
	margin-top: 88px;
}
.ayfleks-logo {
	width: 128px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
	padding: 18px;
    border: 0.4px solid #3ab54c;
    border-radius: 8px;
    min-height: 128px;
    width: 24%;
    margin: 8px;
    margin-bottom: 18px;
    align-content: center;
	background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
	font-size: 20px;
	font-weight: 600;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
}
  .uretim-page .uretim-text {
    margin-top: 88px;
    margin-bottom: 88px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
    padding-left: 88px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 48px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 25%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
    height: 10px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 480px;
    left: -248px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 280px;
    left: -448px;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    width: 280px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    bottom: 380px;
    float: right;
    left: 200px;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    width: 40%;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {
      height: 80px;
    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {
    padding: 28px;
  }

  .products-alt .ayfleks-product .col-md-7 {
    padding: 28px;
    height: 220px;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 88px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
    border-bottom: 1px solid #ededed;
    min-height: 300px;
    align-content: center;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
    width: 58px;
    margin-bottom: 48px;
  }

  .mega-menu .container {
    max-width: 80%;
  }

  .mega-menu .main-menu-address {
    margin-left: 8px;
  }

  .contact-info p {
    margin: 0;
    font-size: 18px;
    text-align: center;
  }

  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 40px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }
.inside-text h3 {
	font-size: 24px;
    font-weight: 500;
}
  .about-page-wf .col-md-7 {
	padding-left: 48px;
    padding-right: 48px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 30px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {
    width: 48%;
  }

  h1 {
    font-size: 48px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	width: 10%;
	text-align: end;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 62px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 24px;
    width: 400px;
    min-height: 500px;
    border-radius: 64px 0px 0px 0px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
    padding-left: 28px;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 28px;
    font-weight: 500;
    padding-bottom: 8px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    width: 78%;
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    width: 64%;
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 128px;
    margin-top: 128px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {
      width: 50%;
      margin-top: -14%;
      position: absolute;
      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
    width: 19.8%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 68px;
      margin-bottom: 128px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(3) img {
      width: 100%;
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 10%;
    margin-top: 24px;
	z-index: 30;
	justify-content: end;
	display: flex;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 100%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
    border-bottom: 1px solid #d8d8d8;
  }

    .urun-submenu {
	padding-right: 8px!important;
	color: #656868!important;
	font-weight: 500!important;
	}
	.urun-submenu a {
	color: #656868!important;
	text-decoration: none!important;
	font-size: 13px!important;
	letter-spacing: -0.4px!important;
	}

	.icerik-menu ul li {
	padding-right: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
      text-decoration: none;
      border-bottom: 4px solid #3ab54c;
      padding-bottom: 14px;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: flex;
    justify-content: center;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 28px;
    height: 4px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 6%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 48px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
      font-size: 48px;
      color: #ACFF3B;
      font-weight: 200;
      background-image: url(../images/banner-slogan-bottom.svg);
      background-repeat: no-repeat;
      background-position-y: 128px;
      line-height: 188px;
      margin-top: -68px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    padding-right: 48px;
    margin: auto;
  }

  .about-us {
    padding-top: 28px;
    padding-bottom: 128px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {
      padding-right: 48px;
    }
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    padding-left: 28px;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
	width: 128px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
    display: flex;
    justify-content: end;
  }

    .footer-mul li {
      padding-left: 48px;
    }

  .footer-alt {
    min-height: 448px;
    margin-top: 28px;
    background-color: #F4F4F4;
    background-image: url(../images/footer-back-ayfleks.webp);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position-x: right;
    background-position-y: 132px;
  }

    .footer-alt p {
      font-size: 16px;
      color: #818181;
    }
	.inside-text li {
		font-size: 20px;
	}

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
    background-position-x: right;
    background-repeat: no-repeat;
  }

  .footer-alt a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    justify-content: end;
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: end;
  }

  .f-line2 .col-md-9 {
    text-align: end;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .container {
    max-width: 98%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.ayfleks-logo {
	width: 98px;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
        width: 100%;
        margin-bottom: 48px;
}
.col-news h3 {
	margin-top: 28px;
}
.news-page {
	margin-top: 28px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
        padding: 18px;
        border: 0.4px solid #3ab54c;
        border-radius: 8px;
        min-height: 78px;
        width: 100%;
        margin: 8px;
        margin-bottom: 18px;
        align-content: center;
        background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 20px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
        font-size: 20px;
        font-weight: 300;
        color: #60666B;
        list-style: disc;
        margin-left: 28px;
}
  .uretim-page .uretim-text {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
	padding-top: 28px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 28px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 100%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
	margin-top: -128px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
	margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {

    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {

  }

  .products-alt .ayfleks-product .col-md-7 {
    display: none;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 28px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
        border-bottom: 1px solid #ededed;
        align-content: center;
        margin-bottom: 28px;
        padding-bottom: 28px;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
        width: 48px;
        margin-bottom: 18px;
  }

  .mega-menu .container {
    max-width: 100%;
  }

  .mega-menu .main-menu-address {
   display: none;
  }

  .contact-info p {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }
.contact-us-form-info .col {
	display: block;
	flex: none;
}


.contanct-us-form .d-flex {
	display: block!important;
}


.contanct-us-form .form-check {
    margin-top: 28px;
    margin-bottom: 28px;
}


  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
	margin-top: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 28px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }

  .about-page-wf .col-md-7 {
    padding: 28px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
	display: none;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 14px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {

  }

  h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
	
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 8px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 8px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
	text-align: left;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 18px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 88px;
    margin-top: 48px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {

      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
        width: 100%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 28px;
      margin-bottom: 88px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {

    }

    .comp-ayfleks .nh-col:nth-child(3) img {
 
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A!important;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	  margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 28%;
    margin-top: 24px;
	z-index: 30;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 80%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
  }
  
	.icerik-menu ul li {
	padding: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}
	
    .icerik-menu .selected {
      color: #3ab54c;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: block;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 24px;
    height: 6px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 4%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 38px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
        font-size: 34px;
        color: #ACFF3B;
        font-weight: 200;
        background-image: url(../images/banner-slogan-bottom.svg);
        background-repeat: no-repeat;
        background-position-y: 113px;
        line-height: 140px;
        margin-top: -40px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    margin: auto;
	margin-top: 28px;
  }

  .about-us {
    padding-top: 48px;
    padding-bottom: 88px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {

    }
	
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
        display: block;
        text-align: left;
  }

    .footer-mul li {
		text-align: center;
        border-bottom: 0.4px solid #ddd6d6;
        margin: 14px;
        padding-bottom: 14px;
    }
.f-line1 .col-md-3 {
	    text-align: center;
}
.footer-logo {
	width: 128px;
    margin-bottom: 48px;
}
  .footer-alt {
		min-height: 448px;
        margin-top: 28px;
        background-color: #F4F4F4;
        background-image: url(../images/footer-back-ayfleks.webp);
        background-repeat: no-repeat;
        background-size: 93%;
        background-position-x: center;
        background-position-y: 168px;
  }

    .footer-alt p {
      font-size: 18px;
      color: #818181;
    }

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
	background-position: top;
    background-repeat: no-repeat;
	background-size: cover;
  }

  .footer-alt a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
	padding-bottom: 48px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: center;
  }

  .f-line2 .col-md-9 {
    text-align: center;
  }
  .f-line2 .col-md-3 {
    text-align: center;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}

@media only screen and (max-width: 480px) {
  .container {
    max-width: 98%;
  }
#myNav {
	z-index: 28;
}
.shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 30%) 84%, rgb(0 0 0 / 60%) 96%);
    z-index: 10;
  }

.inside-text li {
	font-size: 24px;
	font-weight: 300;
	color: #60666B;
	list-style: disc;
    margin-left: 18px;
}
.inside-text h3 {
	margin-top: 18px;
}
.urun-gallery-f h2 {
	text-align: center;
	margin-bottom: 28px;
}
.urun-gallery-f {
    justify-content: center;
}
.ayfleks-logo {
	width: 98px;
}
.form-check .form-check-input {
    border: none;
}
.col-news {
        width: 100%;
        margin-bottom: 48px;
}
.col-news h3 {
	margin-top: 28px;
}
.news-page {
	margin-top: 28px;
}
.news-page .btn-group {
	width: 280px;
    margin-top: 88px;
}
.news-page .btn:hover {
    border: 0.4px solid #3ab54b;
    color: #3ab54b;
}
.news-page .col-md-6 {
	padding: 18px;
}
.ayfleks-docs .col-md-3 {
        padding: 18px;
        border: 0.4px solid #3ab54c;
        border-radius: 8px;
        min-height: 78px;
        width: 100%;
        margin: 8px;
        margin-bottom: 18px;
        align-content: center;
        background-color: #ffffff;
}
.ayfleks-docs .col-md-3 p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0px;
}
.ayfleks-docs .col-md-3 a {
	color: #000000;
}
.ayfleks-job-form .col-md-4 {
	padding: 28px;
}
.uretim-pg-right {
   margin-top: 28px;
   margin-bottom: 28px;
} 
.icerik-breadcrumb li::after {
  content: ">"; /* The separator symbol */
  margin: 0 10px; /* Space around the separator */
  color: #999; /* Color of the separator */
  font-weight: bold;
}
.icerik-breadcrumb li:last-child::after {
  display: none;
}
.btn-green::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  background-image: url('/images/button-arrow-up-white.svg');
  background-size: cover;
}
.ayfleksul li {
	font-size: 20px;
	font-weight: 300;
	color: #60666B;
}
.degerul li {
        font-size: 20px;
        font-weight: 300;
        color: #60666B;
        list-style: disc;
        margin-left: 28px;
}
  .uretim-page .uretim-text {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .uretim-page h3 {
    margin-bottom: 28px;
  }

  .uretim-page .col-md-4 p {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
  }

  .uretim-page .col-md-8 p {
    font-size: 18px;
    font-weight: 400;
  }

  .uretim-page .uretim-pg-left .col-md-7 {
	padding-top: 28px;
    margin: auto;
  }

  .uretim-page .uretim-pg-right .col-md-7 {
    padding-right: 88px;
    margin: auto;
  }

  .product-details {
    margin-top: 28px;
  }

  .pdt-prod {
    background-image: url("../images/urun-detay-main-image-back.webp");
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    min-height: 580px;
    background-position-x: center;
    margin: auto;
    position: relative;
  }

  .pdt-main-img {
	position: absolute;
	width: 540px;
  }

  .menu-adds {
    border-top: 1px solid #ffffff4d;
    bottom: 0;
    position: fixed;
  }

  .dots {
    justify-content: center;
    height: 10px;
  }

  .tabsis {
    margin-top: 88px;
    margin-bottom: 128px;
  }

    .tabsis .tab-pane .row {
      justify-content: space-between;
    }

    .tabsis .tab-pane .col-md-6 {
      width: 48%;
      margin-bottom: 18px;
      padding: 18px;
      background-color: #f0f0f0;
    }

    .tabsis .nav-link {
      color: #2D2D2D;
      font-size: 18px;
      font-weight: 600;
      padding: 24px;
      width: 100%;
    }

      .tabsis .nav-link.active {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        background-color: #3ab54b;
        border: none;
        padding: 24px;
      }

    .tabsis .tab-content {
    }

    .tabsis .nav-link:hover {
      color: #9ad5a2;
    }

    .tabsis .tab-content h3 {
      color: #D3101F;
      font-size: 20px;
      font-weight: 600;
      padding-top: 18px;
      padding-bottom: 8px;
    }

  .prd-dt-dot1 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 392px;
    left: -102px;
  }

  .prd-dt-dot2 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 220px;
    left: -105px;
  }

  .prd-dt-dot3 {
    width: 28px;
    align-content: center;
    position: relative;
    bottom: 314px;
    float: right;
    left: 115px;
  }

  .aciklamalar {
    justify-content: center;
	margin-top: -128px;
  }

  .prd-dt-aciklama1 {
    border: 8px solid #dcdcdc;
	margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama2 {
    border: 8px solid #dcdcdc;
    margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prd-dt-aciklama3 {
    border: 8px solid #dcdcdc;
    margin-bottom: 8px;
    padding: 18px;
    border-radius: 18px;
    align-content: center;
    position: relative;
    font-size: 18px;
    font-weight: 600;
  }

  .prod-certs {
    margin: auto;
    justify-content: center;
    margin-bottom: 88px;
    margin-top: 48px;
  }

    .prod-certs .col img {

    }

    .prod-certs .col {
      text-align: center;
    }

  .products {
    margin-top: 88px;
    margin-bottom: 48px;
  }

  .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .ayfleks-product:hover h1 {
      color: #ffffff;
    }

    .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

  .products-alt .ayfleks-product .col-md-5 {

  }

  .products-alt .ayfleks-product .col-md-7 {
    display: none;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

  .products-alt .ayfleks-product:hover {
    background-color: #3ab54c;
  }

    .products-alt .ayfleks-product:hover .p-amblem {
      opacity: 0;
    }

    .products-alt .ayfleks-product:hover .hover-arrow {
      content: url(../images/button-arrow-up-white.svg);
    }

    .products-alt .ayfleks-product:hover .prods-back {
      /*background-image: url("../images/urun-main-gida.webp");*/
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: 48px;
    }

  .products h1 {
    font-size: 36px;
    font-weight: 500;
  }

  .products-alt {
    margin-top: 28px;
  }

    .products-alt h1 {
      font-size: 20px;
      font-weight: 500;
    }

  .products .ayfleks-product {
    padding: 48px;
  }

  .products-alt .ayfleks-product {
        border-bottom: 1px solid #ededed;
        align-content: center;
        padding: 18px;
  }

  .products-alt .hover-arrow {
    width: 18px;
  }

  .products-alt .p-amblem {
        width: 48px;
        margin-bottom: 18px;
  }

  .mega-menu .container {
    max-width: 100%;
  }

  .mega-menu .main-menu-address {
   display: none;
  }

  .contact-info p {
    margin: 0;
    font-size: 20px;
    text-align: center;
  }
.contact-us-form-info .col {
	display: block;
	flex: none;
}


.contanct-us-form .d-flex {
	display: block!important;
}


.contanct-us-form .form-check {
    margin-top: 28px;
    margin-bottom: 28px;
}


  .contact-info h3 {
    text-align: center;
  }

  .contact-info img {
    margin-bottom: 28px;
	margin-top: 28px;
  }

  .green-foot {
    font-family: "Gloria Hallelujah", cursive;
    font-size: 58px;
    color: #3ab54b;
    font-weight: 200;
    background-image: url(../images/slogan-foot.svg);
    background-repeat: no-repeat;
    background-position-y: 86px;
    background-size: 138px;
  }

  .inside-text {
    margin-top: 48px;
  }

  .manset-gorsel .banner-title {
    z-index: 3;
    position: absolute;
    color: #ffffff;
    top: 56%;
  }

  .about-page-wf {
    margin-top: 48px;
  }

  .inside-text h1 {
    font-size: 28px;
    font-weight: 500;
    color: #000000;
    letter-spacing: -0.8px;
  }

  .about-page-wf .col-md-7 {
    padding: 28px;
  }

  .icerik-breadcrumb {
    z-index: 26;
    position: absolute;
    color: #ffffff;
    top: 80%;
	display: none;
  }

    .icerik-breadcrumb h1 {
      font-size: 36px;
      font-weight: 600;
      letter-spacing: -0.46px;
      color: #fff;
    }

    .icerik-breadcrumb h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 36px;
      font-weight: bold;
      letter-spacing: -0.46px;
      color: #fff;
      position: absolute;
      z-index: 2;
      bottom: 18%;
      width: 80%;
    }

    .icerik-breadcrumb iframe {
      width: 100%;
      height: 410px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
    }

    .icerik-breadcrumb img {
      width: 100%;
    }

    .icerik-breadcrumb ul {
      display: flex;
      color: white;
      list-style-type: none;
      align-items: center;
    }

    .icerik-breadcrumb a {
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
    }

    .icerik-breadcrumb li:first-child {
      padding-left: 0px;
      padding-right: 8px;
    }

    .icerik-breadcrumb li {
      padding-right: 8px;
      padding-left: 8px;
    }

  .tab-pane {
    margin-top: 14px;
  }

  .fa-bars {
    color: #3ab54b;
    font-size: 50px;
  }

  .main-menu-address p {
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    margin: 0;
  }

  .main-menu-address .col-md-4 {
    padding: 24px;
  }

  .main-menu-address img {
    display: block;
  }

  .about-title {
    text-align: center;
    margin-bottom: 48px;
  }

  .arrow-g {
    width: 18px !important;
  }

  .main-email-box {
    position: relative;
    width: 480px;
    margin: auto;
  }

  .main-email-box-input {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 100px;
    padding: 24px 100px 24px 38px;
    line-height: 1;
    box-sizing: border-box;
    outline: none;
    background: none;
  }

  .main-email-box-button {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    border: 0;
    background: #39B54A;
    color: #fff;
    outline: none;
    margin: 0;
    padding: 0 38px;
    border-radius: 100px;
    z-index: 2;
  }

  .mb-text p {

  }

  h1 {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
  }

  h2 {
    font-size: 28px;
    font-weight: 400;
    color: #39B54A;
    letter-spacing: -0.8px;
    font-family: "Gloria Hallelujah", cursive;
  }

  .brand-line {
    width: 80%;
    z-index: 5;
  }

  .hamburger-nav span {
    cursor: pointer;
  }

  .header-content {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
  }

  .hamburger-nav {
    color: #ffffff;
    font-size: 44px;
    z-index: 11;
  }

  .header-menu {
    width: 100%;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    right: 0;
    top: 0;
    background-color: #39b54afc; /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  }
  /* Position the content inside the overlay */
  .overlay-content {
    position: relative;
    top: 8%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
  }
  /* The navigation links inside the overlay */
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
  }
    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
  /* Position the close button (top right corner) */
  .overlay .closebtn {
    position: absolute;
    top: -34px;
    right: 8px;
    font-size: 98px;
    z-index: 99;
  }

  header.site-header .header-content nav.header-menu ul li.mega-menu:hover .mega-menu-content {
    background-image: url("../images/megamenu-back.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 752px;
  }

  #v-pills-tab {
    padding: 8px;
  }

  .navbar #v-pills-tab {
    margin-top: 0px;
  }

  .nav-link {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
  }

  .tab-pane a {
    display: flex;
    padding: 8px;
    color: #ffffffd6;
    text-decoration: none;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 0.2px solid #ffffff4f;
	text-align: left;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #af2c3600;
  }

    .nav-pills .nav-link.active::before {
      content: '';
      background-image: url(../images/button-arrow-up-white.svg);
      background-repeat: no-repeat;
      width: 18px;
      position: absolute;
      height: 18px;
      background-position-x: 0px;
      margin-top: 8px;
      margin-left: -28px;
      background-size: 18px;
    }

  .nav-pills .nav-link {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 18px;
  }

  .main-fleks {
    width: 100%;
    margin: 100px auto;
    position: relative;
  }

  .main-fleks-t {
    position: relative;
    z-index: 4;
    border-radius: 64px 0px 0px 64px;
  }

  .main-fleks-t2 {
    background-color: #024B3D;
    padding-top: 14%;
    background-image: url(../images/ayfleks-lines.png);
    background-repeat: repeat-y;
    background-size: contain;
    z-index: 4;
    position: relative;
  }

  .mb-text {
    margin-bottom: 108px;
  }

  .main-fleks-t2 p {
    color: #ffffff;
  }

  .main-fleks-t2 h2 {
    color: #39B54A;
  }

  #main-iletisim {
    text-align: center;
    margin-bottom: 88px;
    margin-top: 48px;
  }

  .main-fleks-t2 h1 {
    color: #ffffff;
  }

  .main-fleks-s1 {
    width: 100%;
    justify-content: end;
  }

    .main-fleks-s1 img {

      z-index: 5;
    }

  .main-fleks-s3 {
    padding-bottom: 128px;
  }

  .comp-ayfleks .col-md-3 {
        width: 100%;
  }

  .comp-ayfleks {
    text-align: center;
    background-image: url(../images/main-product-line.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
  }

    .comp-ayfleks .container:nth-child(2) {
      margin-top: 28px;
      margin-bottom: 88px;
    }

    .comp-ayfleks .nh-col:nth-child(1) img {
      width: 80%;
    }

    .comp-ayfleks .nh-col:nth-child(2) img {

    }

    .comp-ayfleks .nh-col:nth-child(3) img {
 
    }

    .comp-ayfleks .nh-col:nth-child(4) img {
      width: 80%;
    }

  p {
    font-size: 20px;
    font-weight: 300;
  }

  .main-fleks-s3 .col-md-4 {
    margin: auto;
  }

  .contact-us-form-info {
    column-gap: 16px;
  }

  .form-check-label {
    font-size: 14px;
    color: #818181;
  }

  .btn-green {
    background-color: #39B54A!important;
    padding: 14px;
    border: 0px;
    border-radius: 28px;
    width: 168px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
  }

  .form-green:focus {
    color: #ffffff;
    background-color: #52515100;
    border-color: #919191;
    outline: 0;
    box-shadow: none;
  }

  .form-check {
	  margin-left: 28px;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 16px;
    margin-bottom: 24px;
  }

  .form-floating > label {
    font-size: 16px;
    color: #6c757d;
  }

  .contact-page {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-page h1 {
      margin-bottom: 28px;
      text-align: center;
    }

    .contact-page h2 {
      font-size: 24px;
      color: #3ab54c;
      margin-top: -28px;
      text-align: center;
      margin-bottom: 48px;
    }

    .contact-page h3 {
      font-size: 16px;
      color: #000000;
      letter-spacing: 4px;
      padding: 0;
    }

  .contanct-us-form {
    margin-bottom: 128px;
  }

  .contact-info {
    margin-top: 48px;
    margin-bottom: 48px;
  }

    .contact-info .col-md-6 {
      padding-right: 28px;
    }

    .contact-info .col-md-3 {
      padding-bottom: 18px;
      color: #ACACAC;
      font-weight: 600;
    }

    .contact-info .col-md-9 {
      padding-bottom: 18px;
      color: #80858B;
    }

    .contact-info .col-loc {
      width: 5%;
    }

    .contact-info .col-loc-txt {
      width: 95%;
      margin: auto;
    }

  .location-icon {
    width: 18px;
  }

  .location {
    margin-top: 28px;
  }

  .gmap {
    margin-top: 28px;
  }

  .page-inside h1 {
    margin-bottom: 28px;
  }

  .page-inside-img {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .page-inside {
    margin-top: 48px;
  }

    .page-inside ul li {
      padding-left: 18px;
      color: #60666B;
      list-style-image: url('../images/ayfleks-icon.svg');
      line-height: 28px;
    }

  .top-lang {
    width: 28%;
    margin-top: 24px;
	z-index: 30;
  }

  .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #bdd0e7;
    outline: 0;
    box-shadow: 0 0 16px 0.25rem rgb(213 215 221);
  }

  .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px;
  }

  .owl-carousel .owl-nav button.owl-next {
    margin-left: 40px;
  }

  .nav-tabs {
    --bs-nav-tabs-border-width: 0px;
  }

  .nh-col {
  }

    .nh-col img {
      width: 80%;
    }

    .nh-col h3 {
      margin-top: 48px;
      font-size: 22px;
    }

  .dropdown-item.active, .dropdown-item:active {
    background-color: #1e5193;
  }

  .nav-tabs .nav-item.show .nav-tab-link, .nav-tabs .nav-tab-link.active {
    background: #EAEDF4;
    font-size: 18px;
    font-weight: 600;
    color: #AF2C3C;
    padding-left: 188px;
    padding-right: 188px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .nav-tabs .nav-tab-link {
    background: #ffffff;
    font-size: 18px;
    font-weight: 600;
    color: #60666B;
    padding-left: 48px;
    padding-right: 48px;
    margin: auto;
    height: 54px;
    border: none;
  }

  .navbar-toggler {
    border: 0px;
    font-size: 44px;
    outline: none;
  }

    .navbar-toggler:focus {
      box-shadow: none;
    }

  .manset-gorsel {
    width: 100%;
    position: relative;
  }

    .manset-gorsel img {
      width: 100%;
    }

  .social-header {
    margin: auto;
    z-index: 11;
  }

  .main-menu-header {
    margin: auto;
    z-index: 11;
  }

  .content-tab {
    margin-top: -54px;
    margin-bottom: 128px;
  }

    .content-tab .col-md-5 img {
      width: 100%;
    }

  .site-header {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 18px;
    position: absolute;
  }

  .site-header-inside {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 12;
  }

    .site-header-inside .ayfleks-logo {
      width: 78px;
    }

  .icerik-menu {
    margin-top: 18px;
  }

    .icerik-menu ul li {
	padding: 18px;
	color: #656868;
	font-weight: 500;
	}
	.icerik-menu ul li a {
	color: #656868;
	text-decoration: none;
	font-size: 16px;
	}

    .icerik-menu .selected {
      color: #3ab54c;
    }

  .inside-text .col-md-10 {
    padding-left: 48px;
  }

  .icerik-menu ul {
    display: block;
  }

  .inside-menu-header {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
  }

    .inside-menu-header .top-search p {
      color: #AF2C36;
    }

    .inside-menu-header .navbar-toggler {
      color: #af2c36;
    }

    .inside-menu-header .top-lang .languages-menu li a {
      color: #656868;
    }

  .social-header .fa-brands {
    font-size: 24px;
    color: white;
    padding-right: 18px;
  }

  .header-gorsel img {
    width: 100%;
  }
  /*header start*/

  header .container-fluid {
    width: 1560px;
  }

  .navbar {
  }

  .navbar-nav {
    padding: 0px 0px;
  }

  .nav-item {
    margin-left: 28px;
  }

  .nav-link {
    font-weight: 600;
    color: #ffffffd6;
    font-size: 14px;
  }

    .nav-link:focus, .nav-link:hover {
      color: #FFFFFF;
    }

  .navbar-expand-lg .navbar-collapse {
  }

  .navbar-nav > .nav-item::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 0;
  }

  .navbar-nav > .nav-item:hover::after {
    display: block;
    content: '';
    background: rgb(218 65 18);
    height: 4px;
    opacity: 1;
  }

  .dropdown-toggle::after {
    content: "";
    width: 16px;
    height: 6px;
    background: url(../images/chevron-down-regular.svg) no-repeat right center;
    border: none !important;
    position: relative;
    top: 3px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
  }

    .dropdown-menu > li {
      padding: 5px 15px;
      border-bottom: 1px solid var(--second-color);
      width: 294px;
    }

      .dropdown-menu > li:nth-last-child(1) {
        padding-bottom: 20px;
      }

      .dropdown-menu > li:nth-child(1) {
        padding-top: 15px;
      }

  .dropdown-item {
    font-weight: 500;
    color: #37393B;
    font-size: 14px;
    border-bottom: solid 1px #dce0e6;
  }

  .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .languages-menu li {
    border-right: 1px solid #ffffff54;
    float: left;
  }

    .languages-menu li:last-child {
      border-right: none;
    }

    .languages-menu li a {
      display: block;
      color: #cacaca;
      padding: 0px 8px;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
    }

    .languages-menu li:first-child a {
      padding-left: 0px;
    }
  /*header finish*/
  /*owl manset start*/
  .owl-container {
    max-width: 100%;
    position: relative;
  }

  .owl-manset .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translate(-50%, -50%);
	display: flex;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot span {
    width: 20px;
    height: 4px;
    margin: 5px 7px;
    background-color: #ffffff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
  }

  .owl-manset .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3ab54b;
  }

  .owl-nav {
    justify-content: space-between;
  }

  .owl-manset-text {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 4%;
    z-index: 12;
  }

    .owl-manset-text > h1 {
      font-size: 38px;
      color: #ffffff;
      font-weight: 600;
    }

    .owl-manset-text > h2 {
        font-size: 34px;
        color: #ACFF3B;
        font-weight: 200;
        background-image: url(../images/banner-slogan-bottom.svg);
        background-repeat: no-repeat;
        background-position-y: 113px;
        line-height: 140px;
        margin-top: -40px;
    }

  .header-manset {
    position: relative;
  }

  .corporate-about {
    margin-top: 88px;
    margin-bottom: 88px;
  }
  /*owl manset finish*/
  /*AnaSayfa Start*/
  .main-references h1 {
    font-size: 38px;
    font-weight: 600;
    color: #37393B;
    letter-spacing: -0.8px;
  }

  .about-us .col-md-5 {
    margin: auto;
	margin-top: 28px;
  }

  .about-us {
    padding-top: 48px;
    padding-bottom: 88px;
  }

    .about-us p {
      font-size: 18px;
      font-weight: 300;
    }

    .about-us .col-md-7 {

    }
	
  /*AnaSayfa Finish*/
  /*content start*/
  .content {
    display: flex;
  }

  .content-page {
    margin-top: 88px;
    margin-bottom: 88px;
    font-size: 18px;
    font-weight: 400;
    color: #828386;
  }

    .content-page .col-md-4 {
      padding-right: 48px;
    }

    .content-page h1 {
      font-size: 36px;
      font-weight: 600;
      color: #1C3C6D;
    }

    .content-page h2 {
      font-size: 36px;
      font-weight: 400;
      color: #1C3C6D;
      margin-bottom: 48px;
    }

    .content-page p {
      font-size: 16px;
      font-weight: 400;
      color: #828386;
    }

    .content-page .col-md-6 img {
      padding-right: 28px;
      padding-bottom: 28px;
    }

    .content-page .col-md-6 {
      margin: auto;
      padding: 24px;
    }

    .content-page h3 {
      font-size: 22px;
      font-weight: 600;
      color: #1C3C6D;
      margin-bottom: 18px;
    }

  .corporate-about .col-md-7:first-child {
    padding-right: 48px;
  }

  .corporate-about .col-md-5 img {
    width: 100%;
  }
  /*content finish*/
  /* contact start */
  .contact-us-form {
    margin-bottom: 10%;
  }

  .contact-menu {
    margin-top: 5%;
    margin-bottom: 10%;
  }

    .contact-menu .container {
      margin: auto;
    }

    .contact-menu .col-md-6 {
      padding: 0px 14px;
    }

      .contact-menu .col-md-6 p {
        padding-left: 0px;
      }

  .contact-us-title h1 {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
  }

  .contact-us-title p {
    font-size: 16px;
    color: #687991;
    text-align: left;
    margin-top: 2%;
    margin-bottom: 2%;
  }

  .adress {
    display: flex;
    flex-direction: column;
  }

    .adress h1 {
      font-size: 24px;
      line-height: 1.88;
      color: #003560;
      padding: 0px;
    }

    .adress .col p {
      font-size: 16px;
      text-align: left;
      line-height: 1.88;
      color: #687991;
      padding: 0px;
    }

    .adress h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
      padding: 0px;
    }

  .contact-us-form-title {
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.46px;
    color: #122b4e;
    margin-bottom: 2%;
  }

  .contact-us-form .row {
    display: flex;
    justify-content: space-between;
  }

  .form-control {
    border-radius: 5px;
    border: solid 1px #e6e6e6;
    background-color: #fff;
    text-align: justify;
    color: #575756;
    font-size: 14px;
  }

  .contact-form-check {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .form-floating {
    font-size: 18px;
    text-align: justify;
    color: #575756;
  }

  .contact-us-form p {
    font-size: 18px;
    color: #3d4247;
  }

  .contact-form {
    margin-top: 88px;
  }

  .offices-box {
    padding-left: 7.5%;
    margin-bottom: 5%;
  }

    .offices-box .fa-solid {
      font-size: 30px;
      color: #003560;
      rotate: 130deg;
      margin-left: -7.5%;
      padding-right: 2.5%;
    }

  .offices h1 {
    padding: 10px 47px 9px 58px;
    border: solid 1px #122b4e;
    font-size: 24px;
    line-height: 1.88;
    color: #003560;
    width: 70%;
  }

  .office-name-box {
    display: flex;
    align-items: baseline;
    margin-top: 5%;
  }

    .office-name-box h4 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 6px;
      color: #003560;
    }

  .offices-map {
    margin-bottom: 10%;
    margin-top: 30%;
  }

    .offices-map img {
      width: 150%;
      margin-left: -30%;
    }

  .offices p {
    font-size: 16px;
    line-height: 1.88;
    color: #687991;
  }
  /* contact end */
  /*news start*/
  .general-title h5 {
    font-size: 36px;
    color: #37393C;
    padding-bottom: 28px;
    padding-top: 48px;
    font-weight: 600;
  }

  .news-box-1 {
    margin-bottom: 90px;
  }

  .news-box-info {
    margin-top: 5%;
  }

  .news-box-1 .col img {
    object-fit: fill;
    height: 100%;
  }

  .news-box-info-date h3 {
    font-size: 14px;
    line-height: 2.5;
    color: #37393B;
  }

  .news-box-1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #37393B;
    text-align: left;
  }

  .news-box-1 p {
    font-size: 14px;
    line-height: 1.25;
    color: #687991;
    text-align: left;
  }

  .news-box-info .news-box-info-link a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2.29px;
    text-align: justify;
    color: #1e5193;
  }

  .owl-news .owl-nav {
    color: #1C3C6D;
    text-decoration: none;
    background: none;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 106%;
    justify-content: space-between;
    padding: 0px 50px;
  }

  .owl-news .item img {
    width: 346px;
    height: auto;
    border-radius: 18px;
  }
  /*news finish*/
  /*Footer start*/
  .footer {
    background: #024B3D;
  }

  .footer-logo {
    margin-bottom: 18px;
  }

  .footer-menu-line {
  }

  .social-footer {
    margin-top: 88px;
  }

  .footer-mul {
        display: block;
        text-align: left;
  }

    .footer-mul li {
		text-align: center;
        border-bottom: 0.4px solid #ddd6d6;
        margin: 14px;
        padding-bottom: 14px;
    }
.f-line1 .col-md-3 {
	    text-align: center;
}
.footer-logo {
	width: 128px;
    margin-bottom: 48px;
}
  .footer-alt {
		min-height: 448px;
        margin-top: 28px;
        background-color: #F4F4F4;
        background-image: url(../images/footer-back-ayfleks.webp);
        background-repeat: no-repeat;
        background-size: 93%;
        background-position-x: center;
        background-position-y: 168px;
  }

    .footer-alt p {
      font-size: 18px;
      color: #818181;
    }

  .footer {
    background-color: #024B3D;
    padding-top: 48px;
    padding-bottom: 48px;
    background-image: url(../images/footer-map-back.png);
	background-position: top;
    background-repeat: no-repeat;
	background-size: cover;
  }

  .footer-alt a {
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    color: #818181;
  }

  .f-social {
    margin-top: 28px;
  }

  .fa-brands {
    font-size: 28px;
    color: #024B3D;
  }

  .f-line1 {
    padding-top: 28px;
  }

  .f-line2 {
    margin-top: 128px;
	padding-bottom: 48px;
  }

  .f-line1 .col-md-9 {
    margin: auto;
    text-align: center;
  }

  .f-line2 .col-md-9 {
    text-align: center;
  }
  .f-line2 .col-md-3 {
    text-align: center;
  }

  .footer h3 {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
  }

  .footer p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 4px;
  }

  .copyright-text {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 70%;
  }

  .footer-blue {
    background: #1E5193;
    padding: 48px;
  }

    .footer-blue .row {
      padding-bottom: 12px;
    }

    .footer-blue p {
      font-size: 14px;
      color: #ffffff;
    }

    .footer-blue h1 {
      font-size: 48px;
      color: #ffffff54;
      font-weight: 700;
    }

    .footer-blue a {
      font-size: 14px;
      color: #ffffff;
    }

  .social-text {
    font-size: 14px;
    color: #ffffff;
  }

  .footer-menu li {
  }

    .footer-menu li:last-child {
      border-right: none;
    }

    .footer-menu li a {
      color: white;
      font-size: 14px;
      font-weight: 400;
      text-decoration: none;
    }

    .footer-menu li:first-child a {
      padding-left: 0px;
    }

  .footer-menu-kvkk {
    border-top: 1px solid #ffffff54;
    border-bottom: 1px solid #ffffff54;
    padding-top: 12px;
    padding-bottom: 12px;
  }

    .footer-menu-kvkk li {
      display: inline;
      border-right: 1px solid #ffffff54;
      float: left;
    }

      .footer-menu-kvkk li:last-child {
        border-right: none;
      }

      .footer-menu-kvkk li a {
        display: block;
        color: #ffffff54;
        padding: 0px 8px;
        text-decoration: none;
      }

      .footer-menu-kvkk li:first-child a {
        padding-left: 0px;
      }

  .social-top .fa-brands {
    font-size: 24px;
  }

  .social-footer .fa-brands {
    font-size: 36px;
    color: #ffffff;
    padding: 8px;
  }

  .footer h1 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 8px;
  }

  .footer-menu-line .col-md-3 {
    padding: 18px;
  }

  .social-footer .col-md-3:nth-child(4) {
    border-right: 0px;
  }

  .phone-icon {
    padding-right: 8px;
  }
}