@import url('https://fonts.googleapis.com/css?family=Poppins:200,400,500,500i,600,700&subset=latin-ext&display=swap');
:root {
    --primary-color:#007BFF;
    --secondary-color:#666;
    --third-color:#4CAE50;
    --bg-color:#f9f9f9;
    --text-color:#393939;
    --white:#fff;
    --font:'Poppins', sans-serif;
    -webkit-tap-highlight-color: transparent;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
* {outline: 0;}
a {text-decoration: none;color: var(--primary-color);}
a:hover {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, nav {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table {border-collapse: collapse;border-spacing: 0;}
h1 {font-family: var(--font); font-size:16px;font-weight: bold}
h2 {font-family: var(--font);font-size:15px;font-weight: bold}
small {font-family: var(--font);font-size:11px;}
strong{font-weight:600;}
body{
    font-family: var(--font);
    background-color: var(--bg-color);
    font-size:14px;
    line-height:20px;
    color:var(--text-color);
    overflow-x:hidden;
}
.container{
    position:relative;
    width:1100px;
    margin:0 auto;
    display:flex;
    max-width: 94vw;
    box-sizing: border-box;
}
.d-column{
    display:flex;
    flex-direction: column;
}
header{
    padding:30px 0;
    background-color: #fff;
    background-image: url('../img/bg.png');
    height: 68vh;
    width: 100vw;
}
header.subpage{
    height:auto;
    background:none;
}
header .logo{
    line-height: 0;
}
header #menu{
    display:flex;
    flex: 1;
    justify-content: end;
    align-items: center;
    gap:5px;
    z-index:99;
}
header #menu li{
    position: relative;
}
header #menu li a{
    font-size:16px;
    line-height: 60px;
    display:block;
    color:var(--text-color);
    transition: color .3s;
}
header #menu > li > a{
    background-color: #fff;
    border-radius: 5px;
    color:#666;
    border:1px rgba(0,0,0,0.05) solid;
    padding:0 12px;
    line-height:40px;
}
header #menu li a:hover{
    color:var(--primary-color);
}
header #menu ul{
    position: absolute;
    left: 0;
    top: 100px;
    background-color: rgba(255,255,255,0.85);
    width: 220px;
    border: 1px rgba(0,0,0,0.05) solid;
    opacity: 0;
    position:absolute;
    border-radius: 3px;
    box-sizing: border-box;
    pointer-events: none;
    transition: opacity .3s, top .3s;
}
header #menu li:hover ul{
    opacity: 1;
    top:46px;
    pointer-events: auto;
}
header #menu li ul:before{
    content:'';
    position:absolute;
    width:100%;
    height:6px;
    top:-6px;
    left:0;
}
header #menu li:hover ul li a{
    display:block;
    line-height: 40px;
    padding:0 10px;
    border-bottom:1px rgba(0,0,0,0.05) solid;
}
header #menu li:hover ul li a:hover{
    color:var(--secondary-color);
}
header #menu li:hover ul li:last-child a{
    border-bottom:none;
}
.slider{
    padding:10vh 0;
    user-select: none;
}
.slider .container{
    gap:10px;
    justify-content: space-between;
}
.slider .text{
    justify-content: center;
}
.slider .text strong,
.slider .text strong *{
    color:var(--secondary-color);
    font-size:32px;
    line-height: 40px;
    font-weight: 400;
    display:flex;
    flex-wrap: wrap;
    gap:12px;
}
.slider .text strong h1{
    color:var(--primary-color);
    position: relative;
    font-weight: 600;
}
.slider .text strong h1::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 35px;
    height: 12px;
    width: 100px;
    border-radius: 50%;
    border: 0 solid var(--primary-color);
    border-width: 3px 0 0 0;
    opacity:0.7;
  }
.slider .text span{
    font-size:16px;
    line-height: 30px;
    font-weight: 400;
    color:#999;
}
.slider .right{
    height:300px;
}
.slider .image img{
    position: absolute;
    width:200px;
    height:200px;
    right:0;
    top:0;
    background-color: #fff;
    border-radius: 15px;
    opacity:0;
    animation: fadeIn 1s linear forwards;
}
.slider .image img:nth-child(2){
    top:80px;
    right:180px;
    animation-delay: 1s;
}
@keyframes fadeIn {
    0%   {
        margin-top:20px;
        opacity: 0;
    }
    100%   {
        margin-top:0;
        opacity: 1;
    }
}
.slider .right h2,
.slider .right h3{
    position: absolute;
    top:10px;
    right:-60px;
    background-color: var(--primary-color);
    color:#fff;
    line-height:30px;
    font-size:14px;
    font-weight:400;
    padding:0 20px;
    border-radius: 5px;
    opacity:0;
    animation: effect 10s infinite;
}
.slider .right h3{
    background-color: var(--secondary-color);
    opacity:0;
}
.slider .right h2:nth-child(2){
    top:90px;
    right:340px;
    animation-delay: .2s;
    animation-duration: 8s;
}
.slider .right h2:nth-child(3){
    top:170px;
    right:90px;
    animation-delay: 1.2s;
    animation-duration: 9s;
}
.slider .right h2:nth-child(4){
    top:220px;
    right:300px;
    animation-delay: 1.8s;
    animation-duration: 8s;
}
.slider .right h3:nth-child(5){
    top:20px;
    right:180px;
    animation-delay: 1s;
    animation-duration: 7s;
}
.slider .right h3:nth-child(6){
    top:150px;
    right:400px;
    animation-delay: 1s;
    animation-duration: 11s;
}
.slider .right h3:nth-child(7){
    top:240px;
    right:30px;
    animation-delay: 2s;
    animation-duration: 10s;
}
@keyframes effect {
    0%   {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75%   {
        opacity: 0;
    }
}
.slider .effects span{
    position: absolute;
    top:10px;
    right:360px;
    background-color: var(--primary-color);
    width:20px;
    height:20px;
    border-radius: 50%;
    transform: scale(0);
    opacity:0;
    animation: yeffect 10s infinite;
}
.slider .effects span:nth-child(2){
    top:50px;
    right:500px;
    animation-delay: 0.5s;
    animation-duration: 8s;
}
.slider .effects span:nth-child(3){
    top:120px;
    right:540px;
    animation-delay: 1.5s;
    animation-duration: 6s;
}
.slider .effects span:nth-child(4){
    top:90px;
    right:640px;
    animation-delay: 2s;
    animation-duration: 12s;
}
.slider .effects span:nth-child(5){
    top:350px;
    right:400px;
    animation-delay: 2.5s;
    animation-duration: 9s;
}
.slider .effects span:nth-child(6){
    top:270px;
    right:600px;
    animation-delay: 3s;
    animation-duration: 11s;
}
.slider .effects span:nth-child(7){
    top:20px;
    right:700px;
    animation-delay: 3.5s;
    animation-duration: 13s;
}
@keyframes yeffect {
    0% {
        margin-left:0;
        margin-top:0;
        opacity: 0;
        transform: scale(0);
        background-color: var(--primary-color);
    }
    15% {
        margin-left:0;
        margin-top:0;
        opacity: 0.08;
        transform: scale(1.2);
        background-color: var(--primary-color);
    }
    30% {
        margin-left:0;
        margin-top:0;
        opacity: 0;
        transform: scale(0);
        background-color: var(--primary-color);
    }
    31% {
        margin-left:-50px;
        margin-top:-20px;
        opacity: 0;
        transform: scale(0);
        background-color: var(--third-color);
    }
    46% {
        margin-left:-50px;
        margin-top:-20px;
        opacity: 0.06;
        transform: scale(3);
        background-color: var(--third-color);
    }
    61% {
        margin-left:-50px;
        margin-top:-20px;
        opacity: 0;
        transform: scale(0);
        background-color: var(--secondary-color);
    }
    62% {
        margin-left:150px;
        margin-top:0px;
        opacity: 0;
        transform: scale(0);
        background-color: var(--secondary-color);
    }
    77% {
        margin-left:150px;
        margin-top:0px;
        opacity: 0.04;
        transform: scale(7);
        background-color: var(--secondary-color);
    }
    92% {
        margin-left:150px;
        margin-top:0px;
        opacity: 0;
        transform: scale(0);
        background-color: var(--secondary-color);
    }
}
.basvuru{
    margin-top:-100px;
}
.basvuru .container{
    gap:5px;
}
.basvuru .select{
    display:flex;
    gap:5px;
}
.basvuru .select span{
    position: relative;
    display:block;
    background:#fff;
    border-radius: 3px;
    line-height:36px;
    font-size:14px;
    padding:0 20px;
    color:#666;
    cursor: pointer;
}
.basvuru .select span.active{
    color:var(--primary-color);
}
.basvuru .form{
    position: relative;
    display:flex;
    gap:8px;
    background:#fff;
    border-radius: 3px;
    padding:18px;
    align-items: end;
}
.basvuru .form div{
    position: relative;
    flex:1;
    color:#666;
}
.basvuru .form div.tutar,
.basvuru .form div.vade{
    flex:2;
    border: 1px rgba(0,0,0,0.07) solid;
    margin-top: 12px;
}
.basvuru .form div.arac{
    border: 1px rgba(0,0,0,0.07) solid;
    margin-top: 12px;
}
.basvuru .form div.tutar small,
.basvuru .form div.vade small,
.basvuru .form div.arac small{
    margin-top: -12px;
    font-size:12px;
    background: #fff;
    align-self: start;
    margin-left:2px;
    padding:0 6px;
}

.basvuru .form div input,
.basvuru .form div select{
    border:none;
    height:60px;
    line-height:60px;
    padding:0 10px;
    font-size:20px;
    background-color: transparent;
    color:#555;
}
.basvuru .form div.tutar:after{
    content:'₺';
    position: absolute;
    right:20px;
    bottom:0;
    font-size:20px;
    line-height: 60px;;
}
.basvuru .form div input[type="text"]{
    margin-right:50px;
}
.basvuru .form div button{
    background-color: var(--third-color);
    color: #fff;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .3s;
    position: relative;
    display: block;
    line-height: 68px;
    text-align: center;
    border:none;
}
.basvuru .form div button:hover{
    background-color:var(--primary-color);
}
.basvuru .form div.arac div{
    display:flex;
}
.basvuru .form div.arac input{
    display:none;
}
.basvuru .form div.arac label{
    padding:0 6px;
    font-size:20px;
    line-height: 60px;
    font-weight: 600;
    color:#999;
    flex:1;
    text-align: center;
    cursor:pointer;
}
.basvuru .form div.arac input:checked+label{
    color:var(--primary-color);
}
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
  }
  .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
  }
  .select-styled {
    position: relative; 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding:0 10px;
    line-height: 60px;
    font-size:20px;
    transition: all 0.2s ease-in;
  }
.select-styled:after {
    content:"";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: var(--secondary-color) transparent transparent transparent;
    position: absolute;
    top: 26px;
    right: 10px;
}  
.select-options {
    display: none; 
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.05);
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid rgba(0,0,0,0.05);
    transition: all 0.15s ease-in;
}
.select-options li:first-child{
    border-top:none;
}
.select-options li:hover, 
.select-options li.is-selected {
    color: var(--third-color);
    background: #fff;
}
.select-options li[rel="hide"] {
    display: none;
}
.result{
    display:none;
}
.result .container{
    gap:5px;
    margin:20px auto;
}
.result .container > div{
    position: relative;
    display:flex;
    gap:8px;
    background:#fff;
    border-radius: 3px;
    padding:18px;   
}
.result .container > div.title span{
    position: relative;
    display:block;
    width:100%;
    text-align: center;
    font-size:18px;
}
.result .item{
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:10px;
}
.result .item img{
    border-radius: 5px;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
    width:120px;
    height:96px;
}
.result .item .detail{
    display:flex;
}
.result .item .oran{
    display:flex;
    width:240px;
    gap:6px;
}
.result .item .oran strong{
    font-size: 20px;
}
.result .item .oran strong small{
    font-size:16px;
    color:var(--third-color);
}
.result .item .toplam{
    font-weight:600;
    font-size:16px;
}
.result .item .toplam small{
    font-weight:500;
    font-size:14px;
    color:var(--primary-color);
}
.result .item .aylik{
    display:flex;
    position:relative;
    align-items: end;
    width:205px;
    gap:6px;
}
.result .item .aylik strong{
    font-size:24px;
}
.result .item .aylik strong small{
    font-size:16px;
    color:var(--third-color);
}
.result .item .aylik a{
    font-size:14px;
    background-color: var(--primary-color);
    color:#fff;
    border-radius: 5px;
    line-height: 40px;
    padding:0 12px;
    transition: background-color .3s;
}
.result .item .aylik a:hover{
    background-color:var(--secondary-color)
}
.result .item .aylik span{
    position:absolute;
    right:0;
    top:-30px;
    background-color:var(--third-color);
    color:#fff;
    font-size:12px;
    line-height:22px;
    padding:0 4px;
}
.result .item .name{
    color:var(--secondary-color);
    font-weight:500;
}
.nasil .container{
    gap:5px;
    margin:40px auto;
}
.nasil .container .item{
    display:flex;
    justify-content: start;
    align-items: center;
    gap:10px;
    flex:1;
    box-sizing: border-box;
    overflow:hidden;
    padding:32px 20px;
    background-color: #2ab39b;
    background-image: linear-gradient(-110deg, #71bb85, #2ab39b);
    border-radius: 4px;
    user-select: none;
}
.nasil .container .item:nth-child(2){
    background-color: #2a86b3;
    background-image: linear-gradient(-110deg, #71a3bb, #2a86b3)
}
.nasil .container .item:nth-child(3){
    background-color: #685e5e;
    background-image: linear-gradient(-110deg, #999090, #685e5e);
}
.nasil .container .item:nth-child(4){
    background-color: #b32a71;
  background-image: linear-gradient(-110deg, #bb71b6, #b32a71);
}
.nasil .container .item strong{
    color:rgba(255,255,255,0.2);
    font-size:64px;
    transform: scale(2.6);
    transition: transform .3s;
}
.nasil .container .item:hover strong{
    transform: scale(3.5);
}
.nasil .container .item span{
    color:#fff;
    font-size:18px;
    line-height: 24px;
    font-weight: 200;
}
.kredi-detay .container{
    margin:20px auto;
    background: #fff;
    border-radius: 3px;
    padding: 18px;
    box-sizing: border-box;
    height:350px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.main {
    margin: 10px auto 20px;
    flex-direction: column;
    gap: 10px;
    min-height: 600px;
}
.main .maincontent{
    display: flex;
    justify-content: space-between;
    gap:10px;
}
.main.news{
    background-color: var(--white);
    padding:10px;
    box-sizing: border-box;
    border: 1px var(--bg3-color) solid;
}
.main.news h1{
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    color:var(--dark-color);
    text-align: center;
    padding:20px 0 0;
}
.main.news .info{
    text-align: center;
    color:var(--text4);
}
.main.news.page404 .info{
    margin:20px 0 60px;
}
.main.news .info > div{
    margin-top: 10px;
}
.main.news .info > div span{
    margin-right:12px;
}
.main.news .info span.cat,
.main.news .info span.city,
.main.news .info span.okunma{
    background-color: var(--primary-color);
    display:inline-block;
    padding:2px 8px;
    font-weight: 600;
    color:var(--white);
    border-radius: 4px;
    margin-right:10px;
}
.main.news .info span.city{
    background-color: var(--dark);
}
.main.news .info span.okunma{
    background-color: var(--bg3-color);
    color:var(--dark);
}
.main.news .news-detail{
    display:flex;
    gap:10px;
}
.main.news .news-detail.company{
    flex-direction: row-reverse;
}
.main.news .news-detail .single .ilgili{
    padding:5px;
    background-color: #264959;
    background-image: linear-gradient(-110deg, #070226, #2284db);
    overflow: hidden;
    margin-bottom:6px;
}
.main.news .news-detail .single .benzer{
    padding:5px;
    background-color: #00695C;
    background-image: linear-gradient(-110deg, #072602, #00695C);
    overflow: hidden;
    margin-bottom:6px;
}
.main.news .news-detail .single .ilgiligallery{
    padding:5px;
    background-color: #4527A0;
    background-image: linear-gradient(-110deg, #070226, #4527A0);
    overflow: hidden;
    margin-bottom:6px;
}
.main.news .news-detail .single .ilgili a,
.main.news .news-detail .single .benzer a,
.main.news .news-detail .single .ilgiligallery a{
    text-decoration: none;
}
.main.news .news-detail .single .ilgili strong,
.main.news .news-detail .single .benzer strong,
.main.news .news-detail .single .ilgiligallery strong{
    display:block;
    border-bottom: 1px #0277BD solid;
    line-height: 32px;
    font-size:14px;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    margin-bottom:6px;
}
.main.news .news-detail .single .benzer strong{
    border-bottom: 1px #00695C solid;
}
.main.news .news-detail .single .ilgiligallery strong{
    border-bottom: 1px #4527A0 solid;
}
.main.news .news-detail .single .ilgili .img,
.main.news .news-detail .single .benzer .img,
.main.news .news-detail .single .ilgiligallery .img{
    float:left;
    border:2px #fff solid;
    outline: 1px #0277BD solid;
    margin-right:6px;
    line-height: 0;
}
.main.news .news-detail .single .benzer .img{
    outline: 1px #00695C solid;
}
.main.news .news-detail .single .ilgiligallery .img{
    outline: 1px #4527A0 solid;
}
.main.news .news-detail .single .ilgili .detail,
.main.news .news-detail .single .benzer .detail,
.main.news .news-detail .single .ilgiligallery .detail{
    float:left;
    max-width:calc(100% - 250px);
}
.main.news .news-detail .single .ilgili .detail h3,
.main.news .news-detail .single .benzer .detail h3,
.main.news .news-detail .single .ilgiligallery .detail h3{
    color:#fff;
    margin:0;
    line-height:30px;
    font-size:20px;
}
.main.news .news-detail .single .ilgili .detail span,
.main.news .news-detail .single .benzer .detail span,
.main.news .news-detail .single .ilgiligallery .detail span{
    display:block;
    color:#eee;
    margin:0;
    line-height:18px;
    font-size:14px;
}
.main.news .addcomment .title-comment{
    font-weight: bold;
    padding: 0 6px;
    line-height: 30px;
}
.main.news .addcomment .commenter{
    display:none;
    /*display:flex;*/
    gap:10px;
    justify-content: space-between;
    padding:10px 0;
}
.main.news .addcomment .commenter > div{
    width:50%;
}
.main.news .addcomment input,
.main.news .addcomment input:focus,
.main.news .addcomment textarea{
    border:1px #d9d9d9 solid;
    background:#fff;
    box-sizing: border-box;
    line-height:30px;
    padding: 10px 6px;
    color:#555;
    resize: none;
    width:100%;
    box-shadow: none;
    outline: 0;
}
.main.news .addcomment textarea{
    height:60px;
    border:none;
    border-bottom:1px #d9d9d9 solid;
}
.main.news .addcomment .buttonarea{
    display:flex;
    justify-content: end;
}
.main.news .addcomment .buttonarea button{
    background-color: var(--primary-color);
    color:#fff;
    border:none;
    border-radius: 4px;
    line-height: 30px;
    padding:5px 30px;
    cursor: pointer;
}
.main.news .addcomment input{
    width:100%;
}
.main.news .comments .title{
    display: flex;
    gap: 2px;
    background-color: var(--bg2-color);
    line-height: 60px;
    padding: 0 8px;
    border-left: 5px var(--primary-color) solid;
    font-weight: 700;
}
.main.news .comments ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.main.news .comments ul li{
    display: flex;
    flex-direction: column;
    margin:4px 0 8px;

}
.main.news .comments ul li strong{
    display:flex;
    justify-content: space-between;
    line-height:40px;
    padding:0 10px;
    border-bottom:1px var(--bg3-color) solid;
    background-color: #f9f9f9;
}
.main.news .comments ul li strong small{
    line-height:40px;
    padding:0 10px;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
}
.main.news .comments ul li span{
    line-height:30px;
    padding:10px;
    border-bottom:1px var(--bg3-color) solid;
}
footer{
    padding:20px 0;
    background-color:rgba(0,0,0,0.03);
    color:#666;
}
footer .container{
    gap:10px;
}
footer .item{
    flex:1;
}
footer .item.baglantilar{
    flex:2;
}
footer .item strong{
    font-size:16px;
    line-height: 32px;
    font-weight: 700;
}
footer .item ul{
    display:flex;
    flex-wrap: wrap;
}
footer .item ul li{
    width:100%;
}
footer .item.baglantilar ul li{
    width:33%;
}
footer .item ul li a{
    display:block;
    line-height:24px;
    color:var(--secondary-color);
}
footer .item .social{
    margin:10px 0;
    flex-wrap: nowrap;
    justify-content: start;
    gap:4px;
}
footer .item .social li{
    width:auto;
}
footer .item .social li i{
    font-size:18px;
    width:36px;
    height:36px;
    line-height: 36px;
    text-align: center;
    background:#fff;
    cursor:pointer;
    transition: background-color .3s;
}
footer .item .social li span:hover i{
    background-color: rgba(255,255,255,0.5);
}
@media only screen and (max-width: 1100px)  {
    .container{
        width:754px;
    }
    .slider .image img{
        top:50px;
    }
    .slider .image img:nth-child(2){
        display:none;
    }
    .slider .right h3:nth-child(6){
        right:160px;
        top:110px;
    }
    .slider .right h2:nth-child(2){
        top:70px;
        right:240px;
    }
    .nasil .container .item strong{
        font-size:32px;
    }
    .nasil .container .item strong{
        transform: scale(6);
    }
    .basvuru .form div{
        flex:2;
    }
    .result .item .detail{
        flex-direction: column;
    }
}

@media only screen and (max-width: 780px) {
    .container{
        width:94vw;
        box-sizing: border-box;
    }
    header{
        height:auto;
    }
    .slider{
        padding: 0;
    }
    .slider .right .labels,
    .slider .image img {
        display:none;
    }
    .basvuru .form{
        flex-direction: column;
        align-items: unset;
    }
    footer .item.baglantilar ul li {
        width: 100%;
    }
    .nasil .container{
        flex-direction: column;
    }
    .nasil .container .item{
        padding: 16px;
    }
    .nasil .container .item strong {
        transform: scale(3.5);
    }
    
    .result .item .aylik {
        width:100%;
        margin-top:40px;
    }
    .result .item img{
        width:80px;
        height:64px;
    }
    .basvuru .select span{
        padding: 0 8px;
    }
}
@media only screen and (max-width: 540px) {
    header #menu {
        display: none;
    }

    footer .container {
        flex-direction: column-reverse;
    }

    footer .item {
        text-align: center;
    }

    footer .item .social {
        justify-content: center;
    }

    .basvuru .select span {
        padding: 0 4px;
        font-size: 12px;
    }

    .result .container > div {
        flex-wrap: wrap;
    }

    .result .item img {
        width: 70px;
        height: 56px;
    }

    .result .item .detail {
        width: calc(100% - 78px);
    }

    .result .item .aylik {
        flex-direction: row;
        justify-content: space-between;
        margin-top:0;
        position: unset;
    }
    .result .item .aylik strong {
        line-height: 40px;
    }
    .result .item .aylik span{
        top:4px;
        right:4px;
    }
    .result .item .oran span{
        font-size:12px;
        line-height: 14px;
    }
}
@media only screen and (max-width: 410px) {


}