html { scroll-behavior: smooth; }
body {font-size: var(--icerik-font-boyutu);font-family: var(--icerik-fontu);margin: 0;padding: 0;background: #ececec;color: var(--tema-renk3);font-weight: var(--icerik-font-weight);overflow-x: hidden;padding-bottom: 164px;}
a { text-decoration: none; transition: color ease .1s; font-family: var(--baslik-fontu); color: var(--tema-renk3); }
h1, h2, .h2, .h3, .h4, h3, h4 { font-family: var(--baslik-fontu); font-weight: var(--baslik-font-weight); color: var(--tema-renk1); font-size: var(--baslik-font-boyutu); }
 
.row { display: flex; }

ul, p { margin: 0; padding: 0; list-style: none; }
* { box-sizing: border-box; }
/***kolon yapisi***/
*,
*::before,
*::after { box-sizing: border-box; }
.container { margin: 0 auto; position: relative }
.container:after, .container:before { display: table; content: " "; }
.container:after { clear: both; }
.xs4, .xs6, .xs8, .cl1, .cl2, .cl3, .cl4, .cl5, .cl6, .cl7, .cl8, .cl9, .cl10, .cl11, .cl12 {float: left;padding: 0;position: relative;}
.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% }
/***kolon yapisi***/
.logo { margin: 15px 0; }
.logo a{display: inline-block;}
.logo img { max-width: 188px; }
.kartlar { text-align: center; margin: 15px auto 0 auto; max-width: 448px; background: #1a1a18; padding: 10px 0; }
.kartlar img { max-width: 234px; }
.odeme { }
.odeme .satir { margin: 0 0 15px 0; position: relative; }
.odeme .satir label { display: inline-block; width: 170px; vertical-align: top; margin: 10px 0 5px 0; }
input[type=text], input[type=password] { border: 1px solid #696969; border-radius: 4px; padding: 10px 15px; width: 204px; max-width: 100%; }
select { background: #fff; padding: 10px 15px; width: 100px; border: 1px solid #ccc; border-radius: 4px; }
.odeme textarea { width: 204px; height: 73px; border: 1px solid #ccc; border-radius: 4px; }
button { text-transform: uppercase; cursor: pointer; border: none; border-radius: 4px; padding: 13px 15px; z-index: 10; width: 100%; margin: 25px 0 0 0; display: block; letter-spacing: .5px; background: #1991b7; color: #fff; font-weight: 600; letter-spacing: 2px; }
button:hover { background: #30d6c7; color: #111 }
button span { position: relative; z-index: 6; }
/******/
#ode89 { max-width: 100%; width: 603px; margin: 0 auto; }
#ode89 a{color:blue}
#garantiPay { line-height: 31px; font-size: 15px; color: #333; }

/***loading***/

.gizle { display: none; }
.loader { left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 1000; background: rgba(0,0,0,0.8); }
.loader .circle { position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); fill: transparent; stroke: #fff; stroke-width: 5; animation: dash 2s ease infinite,rotate 2s linear infinite; }

@keyframes dash {
    0% { stroke-dasharray: 1,95; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 85,95; stroke-dashoffset: -25; }
    100% { stroke-dasharray: 85,95; stroke-dashoffset: -93; }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.loaderButton { text-align: center; position: relative; background: #fff; width: 105px }
.loaderButton .circle { fill: transparent; stroke: #1a73e8; stroke-width: 3; animation: dash 2s ease infinite,rotate 2s linear infinite; }

/***loading***/
/*******/
.hata { display: block; padding-left: 5px; color: red; font-weight: 700; margin: 3px 0 0 0; }

 
footer .logolar {margin: 0 0 10px 0;}
footer .logolar ul {display: flex;justify-content: center;align-items: center;}
footer .logolar ul li { margin: 0 10px; }
footer .logolar ul li img { max-width: 146px; max-height: 41px; width: initial !important; }
a { text-decoration: none }
iYapan { position: absolute; right: 15px; top: 15px; width: fit-content; margin: 0 auto; }
#giriYapan { position: absolute; right: 15px; display: flex; color: #ddd; font-size: 14px; top: 10px; }
#giriYapan > strong { text-align: center; display: block; margin: 0 15px; color: #30d6c7; }
#giriYapan > span { color: #fff; display: block; text-align: center; }
#giriYapan a { display: block; color: #000; text-align: right; font-size: 16px; }
#giriYapan a > strong { display: block; color: #fff; font-size: 26px; font-weight: 400; margin: -8px 0 0 0; }
#giriYapan a:hover strong { color: #ccc }
.container { margin: 0 auto; width: 1000px; max-width: 100% }
.row { display: flex }
.wrap { flex-wrap: wrap }
.cl6 { width: 50%; padding: 0 10px }
.cl12 { width: 100% }
h2 { font-size: 18px; margin: 0 0 7px 0; color: #30d6c7; font-weight: 600; }

img { display: inline-block }
#installment { }
#odemeSecim { max-width: 100%; width: 603px; margin: 25px auto 0 auto; display: flex; }
#odemeSecim a { border-radius: 0; display: block; border: none; font-size: 12px; padding: 8px 14px; font-weight: 600; margin-right: 15px; color: #0975b8; position: relative; }
#odemeSecim a.aktif { color: #fff; background: #0975b8; position: relative; }
#odemeSecim a.aktif:after { content: ''; position: absolute; left: 50%; bottom: -10px; width: 0; height: 0; border-top: 10px solid #0975b8; border-right: 10px solid transparent; border-left: 10px solid transparent; transform: translateX(-50%); }
#odemeSecim a.aktif #havaleIndirimi { color: #fff }
#odemeSecim a.aktif #havaleIndirimi:after { color: #fff }
#odemeSecim a.aktif #havaleIndirimi:before { color: #fff }

#odemeSecim a.havale { padding-right: 38px; display: none; }
#odemeSecim a.garantipay { }
#odemeSecim a.kredikarti { }
#odemeSecim a #havaleIndirimi { color: #0975b8; padding: 5px; border-radius: 50%; height: 25px; width: 28px; display: block; text-align: center; line-height: 15px; position: absolute; top: -2px; right: 8px; padding-left: 9px; }
#odemeSecim a #havaleIndirimi:before { content: '%'; position: absolute; top: 6px; left: 2px; font: 600 11px Arial; color: #0975b8; }
#odemeSecim a #havaleIndirimi:after { content: 'indirim'; position: absolute; bottom: -5px; left: 0; font: 400 10px Arial; color: #333; }
/**********/
/***nav-tab***/

.etezgahTab a { }
.etezgahTab a.aktif { color: #c81518 }
.tabcontent { border: 1px solid #dadada; display: none; padding: 40px 36px; background: #fff; box-shadow: 3px 3px 60px -20px rgb(0 0 0 / 32%); }
.aktifTab { display: block }
/***nav-tab***/
header { background: var(--tema-renk1); }
header nav { flex-grow: 1; }
header nav .ul1 { display: flex; margin: 0; line-height: 46px; font-weight: 700; width: 100%; flex-wrap: nowrap; }
header nav .li1, header nav a { position: relative }

header nav .li1 { line-height: 4px; }
header nav .ul1 .li1:nth-child(1) a { padding-left: 0; margin-left: 0; }
header nav .li1 > a { color: #fff; margin: 10px 20px; display: block; line-height: 21px; font-weight: 400; font-size: 15px; }

header nav .li1 > a:hover:after { opacity: 1; width: 100%; }
header nav .li1 > a:after { transition: all ease .3s; content: ''; position: absolute; bottom: -3px; left: 0; width: 0; height: 1px; z-index: 9; background: var(--tema-renk2); opacity: 0; }


header nav .li1 > a > i { color: #D14D42; font-size: 20px; display: block; margin-top: 2px; }
header nav .li1:hover > a { color: var(--tema-renk2); opacity: 1; }
header nav .li1:last-child a { padding-right: 0; }
header .li1.okKoy { position: relative; }
header .li1.okKoy:after { left: 50%; color: var(--tema-renk2); content: ''; position: relative; z-index: 3; width: 0; bottom: 0; height: 0; line-height: 0; border: 4px solid transparent; border-bottom: 0; border-top: 5px solid var(--tema-renk2); top: -7px; }
header .li1.okKoy:hover:after { display: none }
/****/
header nav .ulWrap2 { display: none; background: #fff; position: absolute; top: 67px; left: -109px; z-index: 98; width: 300px; padding: 10px 0; text-align: left; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09); border-top: solid 4px var(--tema-renk2); }
header nav .ulWrap2:after { position: absolute; top: -11px; left: 50%; margin-left: -4px; width: 0; height: 0; border: 8px solid transparent; border-top: 0; border-bottom: 7px solid var(--tema-renk2); content: ""; }
header nav .ul2 { position: relative; }


header nav .li1:hover > .ulWrap2 { display: block; }


header nav .ul2 .li2 { line-height: initial; position: relative; }
header nav .ul2 .li2 > a { padding: 1px 15px; color: #2d2c19 !important; white-space: normal; font-weight: 400; font-size: 16px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 51px; }
header nav .ul2 .li2:hover > a { background: var(--tema-renk2); }

/****/
header nav .ulWrap3 { display: none; position: absolute; z-index: 100; text-align: left; width: 265px; left: 100%; top: 0; padding-left: 15px; }
header nav .ul3 { position: relative; padding: 10px 0; background: #ffffff; box-shadow: 0 2px 15px rgba(33, 67, 99, 0.19); border-radius: 5px; }
header nav .ulWrap3:after { content: ''; position: absolute; width: 0; top: 10px; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 8px solid #333; left: 0; }

header nav .li2:hover > .ulWrap3 { display: block; }

header nav .ul3 .li3 { line-height: initial; }
header nav .ul3 .li3 > a { padding: 7px 15px; font-size: 12px; font-weight: 500; color: #2d2c19 !important; letter-spacing: 0; white-space: normal; display: block; }

header nav .ul3 .li3:hover > a { color: #111 !important; }

header nav .li2:hover > .ulWrap3 { display: block; }

header nav .ul3 .li3 { line-height: initial; }
header nav .ul3 .li3 > a { padding: 7px 15px; font-size: 13px; color: #2d2c19 !important; letter-spacing: 0; white-space: normal; display: block; font: 400 15px 'Raleway'; }

header nav .ul3 .li3:hover > a { color: #D14D42 !important; }

/****/
header nav .ulWrap4 { display: none; position: absolute; z-index: 100; text-align: left; width: 265px; left: 100%; top: 0; padding-left: 15px; }
header nav .ul4 { position: relative; padding: 10px 0; background: #ffffff; box-shadow: 0 2px 15px rgba(33, 67, 99, 0.19); border-radius: 5px; }
header nav .ulWrap4:after { content: ''; position: absolute; width: 0; top: 10px; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 8px solid #f39500; left: 0; }

header nav .li3:hover > .ulWrap4 { display: block; }

header nav .ul4 .li4 { line-height: initial; }
header nav .ul4 .li4 > a { padding: 7px 15px; font-size: 13px; font-weight: 500; color: #2d2c19 !important; letter-spacing: 0; white-space: normal; display: block; font: 600 12px 'Raleway'; }

header nav .ul4 .li4:hover > a { color: #D14D42 !important; }

/****/

.pakla { clear: both; }
/*******/
.loginForm { overflow: hidden; margin-top: 20px; }

.loginForm h1 { font-size: var(--baslik-font-boyutu); font-weight: 600; color: var(--tema-renk1); margin: 0 0 15px 0; }
.loginForm h2 { font-size: 26px; font-weight: 600; color: #044e7b; margin: 0 0 35px 0; }

/********/
.maviKisim {background: var(--tema-renk2);position: relative;padding: 50px 0 85px 50px !important;overflow: hidden;border-radius: 5px 0 0 5px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);display: flex;align-items: flex-end;flex-wrap: wrap;}
.maviKisim #daire { position: absolute; height: 600px; width: 600px; left: -294px; top: -438px; background: #0000008a; border-radius: 50%; opacity: .2; }

.maviKisim .ozet { margin: 50px 0; font-size: 15px; color: #000000a3; padding-right: 35px; font-weight: 600; position: relative; z-index: 99; line-height: 24px; }
.maviKisim a {position: relative;color: #222;font-size: 14px;border-radius: 7px;border: solid 2px #14766d;padding: 9px 55px 10px 13px;display: inline-block;letter-spacing: .5px;}
.maviKisim a:after { animation: all ease .3s; content: ''; position: absolute; right: 15px; top: 15px; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid #246f67; }
.maviKisim a:hover { background: rgba(255, 255, 255, 0.2); }
.uyeGirisKismi { background: #fff; padding: 40px 0 85px 70px !important; border-radius: 0 5px 5px 0; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%); }
/********/
.loginForm input[type="text"], .loginForm input[type="password"] { color: #7b8e98; border: none; width: 100%; padding: 13px 10px 13px 42px; background: #eaf0f3; font-weight: 400; font-size: 12px; }
.loginForm input:hover, .loginForm input:focus { }
.loginButonu { animation: all ease .3s; position: relative; display: inline-block; }
.loginButonu:after { animation: all ease .3s; content: ''; position: absolute; right: 15px; top: 18px; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 6px solid white; }

.loginButonu:hover input { background-color: var(--tema-renk1); }

.loginButonu input {padding: 12px 59px 12px 16px;margin: 0;color: #fff;background: var(--tema-renk2);border: none;font-size: 14px;font-weight: 400;letter-spacing: 1px;border-radius: 4px;cursor: pointer;transition: background-color ease .3s;}

.loginForm .loginBtnOff { padding: 7px 0px; color: #00746c; font-size: 13px; font-weight: 400; margin: 23px 0 0 0; display: block; }
.loginForm .faceileGir { display: block; font-size: 13px; padding: 0; color: blue; margin-top: 26px; font-weight: 400; }
.loginForm .faceileGir i { margin-right: 12px; }

.loginForm label { vertical-align: top; font-weight: normal; font-size: 12px; width: 90%; margin-left: 10px; }
.loginForm .satir { margin: 7px 0px 25px 0px; position: relative; padding: 0; width: 301px; }
.loginForm .ozet{width:450px;max-width:100%;margin:0 0 15px 0;font-size:15px;color:#555
                }

.loginForm a.unuttum {margin: 10px 0 36px 0;font-size: 12px;color: #0975b8;text-decoration: underline;display: block;width: fit-content;font-weight: 600;}

.loginForm .sifreOnOff { position: absolute; right: 10px; top: 13px; color: #868686; font-family: Arial; font-size: 12px; font-weight: bold; }
.loginForm .uyeolDialogAc { color: blue; }

/******login page***/
#CBuyelik { position: absolute; top: -3px; }
label[for="CBuyelik"] { padding-left: 15px }

.satirSifre:after, .satirEposta:after {content: " ";background-size: contain;position: absolute;width: 15px;height: 19px;z-index: 99;top: 10px;left: 15px;}
.satirEposta:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAMAAABemGpIAAAAt1BMVEUAAAD////////////MzMzV1dXR0dHV1dXJycnT09PMzMzR0dHR0dHMzMzJycnKysrOzs7MzMzKysrKysrMzMzLy8vLy8vJycnLy8vKysrJycnLy8vKysrLy8vKysrLy8vKysrKysrKysrKysrJycnKysrKysrJycnKysrKysrJycnJycnKysrKysrJycnKysrJycnKysrJycnKysrJycnJycnJycnKysrKysrJycnKysrKysrJycn8I01DAAAAPHRSTlMAAQMEBQYLDBMXGRwhIyYrLzI1Q0ZKT1pdZW1wdISHl5uerrG1tru9wMTHyNPU1tnj5u7v8fP3+Pn8/f5uN7t8AAABCUlEQVR4AeXU11LCQBSH8S+g9N5D74UoPShw3v+53DkZURghybW/i53M7nebP2DZjis+XMe2MFIzCWSWAkvbQLWFLYHZOOacpPGRnpjMwTWntj61yVzEyLWiPBVt5cTQeCyrCk9UVibxYs8oywPZkSgv9nx04/wh3v2Um7h/1u9tw+KO1djq07l/jSkuRC1L3CgtRS2K/MRQ3+jtZZDkKjm46OWmDjcxsc5RXw7tF9Rr+6AXx06M+xgyQ1HrKkZ1LWqYgftYld9FjfP5sai3MjyIiTR38suuGeFxDIne6Ts99RLwNIbCXNS8AL4x1Kb7/bQGgWLPv4zD/LChpiDUyISar1DDGGpyvwCrC55UXBlp6wAAAABJRU5ErkJggg==); height: 13px; width: 18px; top: 14px; }
.satirSifre:after { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmCAMAAADkx9tQAAAAyVBMVEUAAAD////////////////b29vf39/R0dHb29vMzMzJycnOzs7R0dHT09POzs7Q0NDPz8/MzMzJycnLy8vMzMzOzs7Ozs7MzMzNzc3Ly8vLy8vKysrKysrLy8vLy8vJycnLy8vLy8vKysrKysrJycnJycnJycnJycnJycnKysrJycnJycnKysrKysrJycnJycnJycnKysrJycnKysrJycnKysrKysrJycnKysrKysrKysrKysrJycnJycnKysrKysrKysrKysrJyclMtK3VAAAAQnRSTlMAAQIDBAcICw4PExUWFxobICMmJygqLzI4RE9gYWJnbXB6fH6Jio6YpqirsLK3ucfIzdDX29zd3+Xn6uzx8/T4+v6cYyy1AAAA7UlEQVR4Ae2SR1PDMBBGlyQm9C4KmNBBgVAgMpgCsvb//yg+PEascREXbnkHj96+0figpR/m4qvx24e5OVimKtNH71yQnc/+rgv3LHhaK9f5hEu8rMs6dZ3Pjjdn+huHjwweIpH3GIyKP0YXX3YiLo/htz3vl9DXvtcdBtvkWbHwfa+nsCEJzjDQ3u5guzJvYZB6S2FLMnczZtf9Ngj3SPKMyWJxjnC2VCLBaPVPWQ25lpEiEFtuwMa4i9rYFWluQZPBd9ChCp0BgiEGooqO4PJMtTCY5P/IrvVJAg8aWIfAMgVWEShtXLU5o3H3EwlSfMp4azqJAAAAAElFTkSuQmCC); }

/**********/
footer {font-size: 14px;margin-top: 40px;background: #fff;padding: 20px 0;position: fixed;bottom: 0;left: 0;width: 100%;}
footer .copy { text-align: right; color: #aeaeae; font-weight: 400; letter-spacing: .8px; }
/*******/
span.hata { font-size: 12px; color: #b70a0a; font-weight: 600; }
/*******/
/**urun sepete ekle sonrasi***/
#dialogPen h3 { padding: 5px 15px }
#dialogPen #detayPen { margin-right: 22px; font-size: 14px; line-height: 25px; padding: 0 15px; color: #444; }
#modalUrun, #silAdres, #dialogPen { display: none; background: rgba(0,0,0,.2); width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; }
#modalUrun #urunic, #silAdres #adresic, #dialogPen #dialogic { background: #fff; z-index: 1001; position: fixed; padding: 15px 0; width: 600px; max-width: 96%; box-shadow: 0 5px 15px rgba(0,0,0,.5); border: 1px solid rgba(0,0,0,.2); border-radius: 6px; left: 50%; top: 50%; transform: translate(-50%,-70%); }

#dialogPen #dialogic { top: 15px; transform: translateX(-50%); position: absolute; }
#dialogPen #detayPen { overflow-y: scroll; max-height: 400px }
#dialogPen #detayPen::-webkit-scrollbar-track { background-color: #fff; }
#dialogPen #detayPen::-webkit-scrollbar { width: 5px; background-color: #fff; }
#dialogPen #detayPen::-webkit-scrollbar-thumb { background-color: #c81518; }

#modalUrun .kapat, #modalTavsiye .kapat, #silAdres .kapat, #dialogPen .kapat { font-size: 36px; position: absolute; right: 15px; top: 0; color: #000; }
#aurunAdi { font-size: 16px; margin: 10px 0 50px 0; text-align: center; }
.atext { text-align: center; margin-bottom: 15px; font-size: 22px; font-weight: 600; color: #000 }
i.aikon { border-radius: 30px; background-color: #39B54A; height: 50px; width: 50px; margin: 20px auto 10px auto; font-size: 25px; color: #fff; padding: 14px 0; display: block; text-align: center; }
#modalUrun hr { border-top: 1px solid #ccc; width: 40%; margin-bottom: 15px }
a.adevamET { float: left; font-weight: 400; position: relative; text-align: right; padding: 8px 25px; margin: 10px 20px; font-size: 16px; width: 42%; background: none; border: 1px solid #ec6e00; border-radius: 5px; color: #ec6e00 !important; }
a.adevamET span { display: inline-block; padding-left: 15px; border-radius: 5px; color: #ec6e00 !important; }
a.adevamET i { position: absolute; left: 21px; top: 10px; }
a.atamamla { float: right; font-weight: 400; position: relative; text-align: left; padding: 8px 25px; margin: 10px 20px; font-size: 16px; width: 42%; background: #39B54A; border: 1px solid transparent; border-radius: 5px; color: #fff !important; }
a.atamamla span { display: inline-block; padding-right: 15px; border-radius: 5px; color: #fff !important; }
a.atamamla i { position: absolute; right: 21px; top: 10px; }
a.atamamla:hover { opacity: .7 }
a.adevamET:hover { opacity: .7 }
/**urun sepete ekle sonrasi***/
/***********/
.loaderInner { position: absolute; z-index: 99; border-radius: 7px; left: 0; top: 0; width: 100%; height: 100%; }
.loaderInner .circle { position: absolute; left: 33%; top: 1px; transform: translate(-50%,-50%); fill: transparent; stroke: #fff; stroke-width: 4; animation: dash 2s ease infinite,rotate 2s linear infinite; }

@keyframes dash {
    0% { stroke-dasharray: 1,95; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 85,95; stroke-dashoffset: -25; }
    100% { stroke-dasharray: 85,95; stroke-dashoffset: -93; }
}
/***********/
a.logo { display: block; width: 200px; margin: 5px auto 20px auto; }
a.logo img { max-width: 100%; display: block; }

.yanyana1 { margin-right: 10px; }
.yanyana2 { }

.yanyana2 { }
footer .imza {margin-right: 15px;text-align: right;}
footer .imza a{display: inline-block;}
footer .imza img { max-width: 100px; }
@media (min-width: 1901px) {
    .container { width: 1200px; }
}


@media (min-width:1601px) and (max-width: 1900px) {
    .container { width: 1200px; }
}

@media (min-width:1401px) and (max-width: 1600px) {
    .container { width: 1200px; }
}

@media (min-width:1200px) and (max-width: 1400px) {
    .container { width: 1200px; }
}

@media (min-width:992px) and (max-width:1199px) {
}

@media (min-width:768px) and (max-width:991px) {
    .gizle-xs { display: none !important; }
    #hamburger { display: block; }
}

@media (max-width: 767px) {
    .container { width: 100%; padding: 0 }
    .gizle-xs { display: none !important; }
    .goster-xs { display: block !important; }
    .xs4, .xs5, .xs6, .xs7, .xs8, .xs12 { padding: 0 }
    .xs4 { width: 33.333333%; }
    .xs5 { width: 41.666667% }
    .xs6 { width: 50% }
    .xs7 { width: 58.333333% }
    .xs8 { width: 66.666667% }
    .xs12 { width: 100% }
    .xs12 { width: 100% }
    .odeme { padding: 25px 10px; background: #fbfbfb; box-shadow: none; }
    .odeme .satir label {width: 100%;}
 
    /********/
    header {padding: 35px 0 0px 0;text-align: center;}
    header ul { margin: 22px 0 0 0; padding: 0; }
    header ul li { float: none; margin: 0 10px; text-align: center; display: inline-block; }
    header ul li span { line-height: initial; display: block; padding: 0; }
    a.logo { }
    a.logo img { max-width: 207px; }
    .uyeGirisKismi {padding: 15px;max-width: 96%;margin-left: 2%;padding: 40px 10px 85px 10px !important;}

    .loginForm .satir { margin: 7px 0px 18px 0; width: 100%; }
    .loginButonu { display: initial; }
    .loginButonu:after { top: 6px; }

    .loginButonu input { width: 100%; }
    footer .copy { text-align: center; letter-spacing: 0; margin: 15px 0; }
    footer {text-align: center;padding: 20px 10px;position: relative;}
    a.logo { height: auto; background: #f9f9f9; padding: 5px 10px; }
    a.logo img { max-width: 185px; top: 5px; position: relative; }
    header nav .li1 > a {margin: 10px 4px !important;font-size: 14px !important;}
    
    .yanyana1 { margin: 0 0 18px 0 }
    header nav {white-space: nowrap;overflow-x: auto;}
.tabcontent{
    padding: 15px 15px;
}
footer .logolar ul{display:block}
body{padding:0}
#sayfaBread,.icerik{padding:0 10px}
}