/* Colors */
/* Functions */
@font-face {
  font-family: 'icomoon';
  src: url('../../fonts/icomoon.eot');
  src: url('../../fonts/icomoon.svg') format('embedded-opentype'), url('../../fonts/icomoon.ttf') format('truetype'), url('../../fonts/icomoon.woff') format('woff'), url('../../fonts/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-placeholder-1:before {
  content: "\e90e";
}
.icon-envelope-1:before {
  content: "\e90f";
}
.icon-telephone:before {
  content: "\e910";
}
.icon-Path:before {
  content: "\e90d";
}
.icon-next:before {
  content: "\e90c";
}
.icon-left-arrow:before {
  content: "\e900";
}
.icon-right-arrow:before {
  content: "\e901";
}
.icon-close:before {
  content: "\e902";
  color: #fff;
}
.icon-down-arrow .path1:before {
  content: "\e903";
  color: #ffc107;
}
.icon-down-arrow .path2:before {
  content: "\e904";
  margin-left: -1em;
  color: #000000;
}
.icon-down-arrow .path3:before {
  content: "\e905";
  margin-left: -1em;
  color: #000000;
}
.icon-facebook-logo:before {
  content: "\e906";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-left-arrow1:before {
  content: "\e908";
  color: #fff;
}
.icon-linkedin:before {
  content: "\e909";
}
.icon-square:before {
  content: "\e90a";
  color: #4246e1;
}
.icon-youtube:before {
  content: "\e90b";
}
@media (max-width: 1440px) {
  header .h-alt-alan .top-menu li a {
    font-size: 16px;
    padding: 15px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row {
    --gutter-x: 2.5%;
    --gutter-x2: 2.5%;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-sayi {
    font-size: 60px;
    margin-bottom: 30px;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-yazi {
    font-size: 32px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust ul li {
    font-size: 21px;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-baslik {
    width: 60%;
  }
}
@media (max-width: 1200px) {
  #iletisim-sayfa .iletisim-alan .iletisim-row {
    --gutter-x: 2%;
    --gutter-x2: 2%;
  }
  header .h-alt-alan .top-menu li a {
    padding: 10px;
  }
  header .h-alt-alan .dil-seciniz li a {
    padding: 10px;
  }
  #sayfa-banner .banner-title {
    font-size: 46px;
  }
  #breadcrumb {
    padding: 25px 0;
  }
  #hakkimizda .h-text-area .h-sub-title {
    font-size: 50px;
    margin-bottom: 20px;
  }
  #ic-sayfa-alan #kalite .ic-sayfa-baslik {
    width: 45%;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-baslik {
    width: 100%;
    margin-bottom: 30px;
    font-size: 28px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust ul li {
    font-size: 19px;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card .kategori-text-area {
    padding: 20px 40px 30px 20px;
  }
  #urun-servis .us-area {
    overflow-x: scroll;
  }
  #urun-servis .us-area li a {
    padding: 15px 20px 30px;
  }
}
@media (max-width: 991px) {
  #faq {
    margin-bottom: 60px;
  }
  #faq .faq-title {
    margin-bottom: 20px;
  }
  #hakkimizda {
    margin-bottom: 90px;
  }
  #hakkimizda img {
    margin-bottom: 30px;
  }
  #hakkimizda .h-text-area .h-sub-title {
    font-size: 38px;
    margin-bottom: 10px;
  }
  #hakkimizda .h-text-area .h-title {
    font-size: 28px;
  }
  #hakkimizda .h-text-area .h-more {
    padding: 20px 45px;
  }
  #sayfa-banner {
    padding: 100px 0;
  }
  #sayfa-banner .banner-title {
    font-size: 40px;
  }
  #ic-sayfa-alan {
    padding: 60px 0 90px;
  }
  #ic-sayfa-alan ol,
  #ic-sayfa-alan ul {
    padding-left: 15px;
  }
  #ic-sayfa-alan p,
  #ic-sayfa-alan ul,
  #ic-sayfa-alan ol {
    margin: 15px 0;
  }
  #ic-sayfa-alan .ic-sayfa-baslik {
    font-size: 28px;
  }
  #ic-sayfa-alan .ic-sayfa-yazi {
    font-size: 15px;
  }
  #ic-sayfa-alan #hakkimizda-syf {
    margin-bottom: 60px;
  }
  #ic-sayfa-alan #hakkimizda-syf img {
    margin-bottom: 30px;
  }
  #ic-sayfa-alan #misyon-vizyon {
    padding: 50px 0 10px;
    margin-bottom: 90px;
  }
  #ic-sayfa-alan #misyon-vizyon .ic-sayfa-baslik {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  #ic-sayfa-alan #kalite .ic-sayfa-baslik {
    margin-bottom: 35px;
    width: 60%;
  }
  #ic-sayfa-alan #kalite ul li {
    padding-left: 10px !important;
    margin: 10px 0 !important;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-sayi {
    font-size: 45px;
    margin-bottom: 30px;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-yazi {
    font-size: 30px;
  }
  #ic-sayfa-alan #urun-detay-alani img {
    margin-bottom: 40px;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-baslik {
    margin-bottom: 20px;
    font-size: 26px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust {
    margin-bottom: 40px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust ul {
    overflow-x: scroll;
  }
  #ic-sayfa-alan #detay-tab .tab-ust ul li {
    padding: 40px 30px;
    font-size: 17px;
  }
  #ic-sayfa-alan #detay-tab .tab-content .tab .ic-sayfa-yazi {
    text-align: left;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card img {
    margin-bottom: 20px;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card .kategori-text-area {
    padding: 20px;
  }
  #urun-servis {
    margin-bottom: 240px;
    padding: 80px 0 0;
  }
  #urun-servis .us-title {
    font-size: 42px;
  }
  #urun-servis .us-area {
    padding: 30px 0;
  }
  #urun-servis .us-area li a {
    padding: 20px;
  }
  #bizden-haber {
    margin-bottom: 80px;
  }
  #bizden-haber .bh-title {
    font-size: 42px;
  }
  #bizden-haber .item .item-text-area {
    padding: 20px 0;
  }
  #bizden-haber .item .item-text-area .tarih {
    margin-bottom: 15px;
    font-size: 15px;
  }
  #bizden-haber .item .item-text-area .baslik {
    font-size: 17px;
  }
  #bizden-haber .item .item-text-area .yazi {
    font-size: 15.5px;
  }
  #bizden-haber .item .item-text-area .daha-fazla {
    padding: 13px 28px;
  }
  header .h-alt-alan .top-logo {
    height: 90px;
  }
  #home-slider .owl-nav .owl-next,
  #home-slider .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
  }
  #right-phone a,
  #right-whatsapp a {
    height: 60px;
    width: 60px;
  }
  #right-phone a:hover,
  #right-whatsapp a:hover {
    padding-right: 5px;
    width: 70px;
  }
  #right-phone i,
  #right-whatsapp i {
    color: #fff;
    font-size: 32px;
  }
  #right-whatsapp {
    top: 46%;
  }
  #right-phone {
    top: 54%;
  }
  #breadcrumb {
    padding: 20px 0;
  }
  #breadcrumb .sayfa-bc li:last-child a {
    font-size: 20px;
  }
  #iletisim-sayfa iframe {
    height: 250px;
  }
  #iletisim-sayfa .iletisim-alan {
    margin-bottom: -10px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row {
    --gutter-x: 10px;
    --gutter-x2: -10px;
    transform: translateY(-5%);
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card {
    width: 100%;
    padding: 30px 35px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card .i-card-baslik {
    font-size: 23px;
    margin-bottom: 15px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card .i-card-link {
    font-size: 14px;
  }
  footer .footer-ust {
    padding: 100px 0 40px;
  }
  footer .footer-ust .footer-social li {
    margin-right: 70px;
  }
  footer .footer-ust .footer-social li a {
    padding: 20px;
  }
  footer .footer-ust .footer-social li a img {
    height: 24px;
    width: 24px;
  }
  footer .footer-alt .container {
    flex-direction: column;
  }
  footer .footer-alt .footer-bc {
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  header .h-alt-alan .top-logo {
    height: 75px;
  }
  #sayfa-banner {
    padding: 80px 0;
  }
  #sayfa-banner .banner-title {
    font-size: 34px;
  }
  #home-slider {
    margin-bottom: 30px;
  }
  #breadcrumb .sayfa-bc {
    overflow-x: scroll;
  }
  #breadcrumb .sayfa-bc li a {
    white-space: nowrap;
  }
  #hakkimizda {
    margin-bottom: 60px;
  }
  #hakkimizda .h-text-area .h-title {
    font-size: 22px;
  }
  #hakkimizda .h-text-area .h-sub-title {
    font-size: 34px;
  }
  #hakkimizda .h-text-area .h-text {
    font-size: 15px;
  }
  #hakkimizda .h-text-area .h-more {
    padding: 15px 40px;
    font-size: 14px;
  }
  #urun-servis {
    margin-bottom: 180px;
  }
  #urun-servis .us-title {
    font-size: 34px;
  }
  #urun-servis .us-sub-title {
    margin-bottom: 20px;
  }
  #urun-servis .us-more {
    padding: 18px 50px;
    font-size: 14px;
  }
  #urun-servis .us-area {
    padding: 15px 0;
  }
  #urun-servis .us-area li a {
    padding: 15px;
  }
  #urun-servis .us-area li a img {
    margin-bottom: 15px;
  }
  #urun-servis .us-area li a span {
    font-size: 14px;
    letter-spacing: 0.5;
  }
  #bizden-haber {
    margin-bottom: 60px;
  }
  #bizden-haber .bh-title {
    font-size: 34px;
  }
  #bizden-haber .bh-sub-title {
    margin-bottom: 30px;
  }
  #ic-sayfa-alan #misyon-vizyon {
    margin-bottom: 60px;
  }
  #ic-sayfa-alan #kalite .ic-sayfa-baslik {
    width: 75%;
    margin-bottom: 25px;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-sayi {
    font-size: 38px;
    margin-bottom: 15px;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-yazi {
    font-size: 28px;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-baslik {
    font-size: 24px;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-alt-baslik {
    font-size: 17px;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card .kategori-text-area {
    padding: 15px;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card .kategori-text-area .grup-no {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #ic-sayfa-alan #urun-kategori .kategori-card .kategori-text-area .card-aciklama {
    font-size: 14.5;
  }
  footer .footer-ust .footer-ust-baslik {
    font-size: 17px;
    margin-bottom: 15px;
  }
  footer .footer-ust .footer-menu li a {
    font-size: 16px;
  }
  footer .footer-ust .footer-social li {
    margin-right: 40px;
  }
  footer .footer-ust .footer-social li a {
    padding: 15px;
  }
  footer .footer-ust .footer-social li a img {
    height: 22px;
    width: 22px;
  }
  footer .footer-alt {
    padding: 25px 0 80px;
  }
  footer .footer-alt .footer-bc {
    flex-direction: column;
    align-items: center;
  }
  footer .footer-alt .footer-bc li::after {
    display: none;
  }
}
@media (max-width: 575px) {
  #faq .faq-title {
    font-size: 18px;
  }
  #faq .soru-cevap .soru {
    padding: 5px 10px;
  }
  #faq .soru-cevap .soru .alt-soru {
    font-size: 15px;
  }
  #faq .soru-cevap .soru .acilmis {
    font-size: 13.5;
  }
  header .h-alt-alan .top-logo {
    height: 60px;
  }
  #sayfa-banner {
    padding: 50px 10px;
  }
  #sayfa-banner .banner-title {
    font-size: 20px;
  }
  #home-slider .owl-nav .owl-next {
    right: 7%;
  }
  #home-slider .owl-nav .owl-prev {
    left: 7%;
  }
  #hakkimizda .h-text-area .h-title {
    font-size: 20px;
    margin-bottom: 5px;
  }
  #hakkimizda .h-text-area .h-sub-title {
    font-size: 28px;
    letter-spacing: 1;
  }
  #urun-servis {
    padding: 50px 0 0;
    margin-bottom: 150px;
  }
  #urun-servis .us-title {
    font-size: 28px;
  }
  #urun-servis .us-sub-title {
    font-size: 16.5px;
    margin-bottom: 15px;
  }
  #urun-servis .us-more {
    padding: 15px 40px;
  }
  #urun-servis .us-area {
    padding: 0;
  }
  #urun-servis .us-area li a {
    padding: 10px;
  }
  #urun-servis .us-area li a span {
    font-size: 13.5px;
  }
  #bizden-haber .bh-title {
    font-size: 28px;
  }
  #bizden-haber .bh-sub-title {
    font-size: 16.5px;
    margin-bottom: 15px;
  }
  #ic-sayfa-alan {
    padding: 40px 0 60px;
  }
  #ic-sayfa-alan .ic-sayfa-baslik {
    font-size: 25px;
  }
  #ic-sayfa-alan .ic-sayfa-yazi {
    font-size: 14.5;
  }
  #ic-sayfa-alan #kalite .ic-sayfa-baslik {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  #ic-sayfa-alan #urunler .urun-card .urun-text-area .urun-yazi {
    font-size: 22px;
  }
  #ic-sayfa-alan #urun-detay-alani {
    margin-bottom: 50px;
  }
  #ic-sayfa-alan #urun-detay-alani .detay-text-area .urun-baslik {
    font-size: 20px;
    margin-bottom: 15px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust {
    margin-bottom: 30px;
  }
  #ic-sayfa-alan #detay-tab .tab-ust ul li {
    padding: 25px;
  }
  #breadcrumb {
    padding: 15px 0;
  }
  #breadcrumb .sayfa-bc li a {
    font-size: 15px;
  }
  #breadcrumb .sayfa-bc li:last-child a {
    font-size: 17px;
  }
  #iletisim-sayfa iframe {
    height: 250px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card {
    padding: 20px ;
    width: 100%;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card .i-card-baslik {
    font-size: 18px;
    margin-bottom: 15px;
  }
  #iletisim-sayfa .iletisim-alan .iletisim-row .iletisim-card .i-card-link {
    font-size: 14.5px;
  }
  footer .footer-ust {
    padding: 60px 0 30px;
  }
  footer .footer-ust .footer-social li {
    margin-right: 40px;
  }
  footer .footer-ust .footer-social li a {
    padding: 15px;
  }
  footer .footer-ust .footer-social li a img {
    height: 18px;
    width: 18px;
  }
  footer .footer-alt .footer-bc li a {
    font-size: 14px;
  }
}
