html { scroll-behavior: smooth }
body { font-size: var(--icerik-font-boyutu); font-family: var(--icerik-fontu); margin: 0; padding: 0; background: #fff; color: var(--tema-renk3); font-weight: var(--icerik-font-weight); overflow-x: hidden }
a, a:active, a:hover, a:visited { text-decoration: none; transition: color ease .1s; color: var(--tema-renk3) }
.h2, .h3, .h4, h1, h2, h3, h4 { font-family: var(--baslik-fontu); font-weight: var(--baslik-font-weight); color: var(--tema-renk1); font-size: var(--baslik-font-boyutu) }
:focus, input:focus { outline: 0 !important }
::placeholder { color: #aaa; opacity: 1; font-weight: var(--icerik-font-weight) }
p, ul { margin: 0; padding: 0; list-style: none }
img { max-width: 100%; display: block }
figure { margin: 0; padding: 0 }
::selection { color: #fff; background: #0095da }
* { box-sizing: border-box }
.container { width: 1170px; margin: 0 auto; max-width: 100%; position: relative }
.row { display: flex }
.wrap { flex-wrap: wrap }
.cl1, .cl10, .cl11, .cl12, .cl2, .cl3, .cl4, .cl5, .cl6, .cl7, .cl8, .cl9 { position: unset; padding: 0 }
.cl1 { width: 8.333333% }
.cl2 { width: 16.666667% }
.cl3 { width: 25% }
.cl4 { width: 33.333333% }
.cl5 { width: 41.666667% }
.cl6 { width: 50% }
.cl7 { width: 58.333333% }
.cl8 { width: 66.666667% }
.cl9 { width: 75% }
.cl10 { width: 83.333333% }
.cl11 { width: 91.666667% }
.cl12 { width: 100% }
/**********/
header .logo { margin: 0 auto; width: fit-content; display: block; }
header .logo img { display: block; margin: 0 auto; }
/**********/
.sayfaTepe { position: relative; text-align: center; height: 100%; z-index: 1; padding: 20px 0; }
.sayfaTepe h1 { margin: 0 auto; letter-spacing: 1px; text-align: center; padding-bottom: 4px; color: #ffff; font: 400 36px var(--baslik-fontu); }
.breadcrumb { padding: 0; margin: 0 auto; width: 70%; text-align: center; display: flex; justify-content: center; }
.breadcrumb > li { color: #fff; letter-spacing: .3px; display: inline-block; font-size: 14px; }
.breadcrumb a { color: #ffff; font-weight: 400; font-size: 13px; }
.breadcrumb > li + li:before { padding: 0 8px; color: #ffff; content: "/\00a0"; font-size: 13px; }
/*******/
.pakla { clear: both }
.goster-xs { display: none !important }
.gizle-xs { display: block !important }
/********/



@media (min-width:1901px) {
    .container { width: 1320px }
}

@media (min-width:992px) and (max-width:1199px) {
    .container { width: 96%; padding: 0 10px; margin: 0 2% }
}

@media (min-width:768px) and (max-width:991px) {
    .container { width: 100%; padding: 0 10px }
    .gizle-xs { display: none !important }
    .goster-xs { display: block !important }
    .xs4 { width: 40%; padding: 0 }
    .xs6 { width: 50%; padding: 0 }
    .xs8 { width: 60%; padding: 0 }
    .xs12 { width: 100%; padding: 0 }
}

@media (max-width:767px) {
    .container { padding: 0 10px }
    .row { display: block }
    .gizle-xs { display: none !important }
    .goster-xs { display: block !important }
    .xs4 { width: 40%; padding: 0 }
    .xs6 { width: 50%; padding: 0 }
    .xs8 { width: 60%; padding: 0 }
    .xs10 { width: 80%; padding: 0 }
    .xs12 { width: 100%; padding: 0 }
    header .logo { display: inline-block; }
    header .logo img { display: inline-block; }

    header { padding: 10px 0 10px !important; }
    #anaust { position: absolute; right: 5px; top: 60px; height: auto; }
    .social2 a { margin-left: 15px }
    .sayfaTepe { display: block; text-align: center; }
    .sayfaTepe h1 { }
    #hamburger { display: block; }
    .breadcrumb { margin: 0; white-space: nowrap; overflow-x: auto; margin: 5px 0 0 0; width: 100%; text-align: center; float: none; display: block }
}