@charset "utf-8";
@media only screen and (max-width: 900px) {
    .ust .ustTelefon,.ustMenu,.urunKategori,.altSosyalHesaplar font{
        display: none;
    }
    .ust .ustBilgi{
        width: 100%;
        text-align: center;
        font-size: 11pt;
        padding: 5px 0px;
    }
    .logo{
        z-index: 2;
        position: absolute;
        margin-top: -60px;
        width: calc(100% - 80px);
        margin-left: 40px;
    }
    #cikisYap{
        display: none;
    }
    .logo a{
        height: 60px;
    }
    .ustOrta>div>*{
        float: none;
        /*margin: auto;*/
        height: auto;
    }
    .ustOrta .aramaCubugu{
        width: auto;
        margin-top: 60px;
    }
    .ustSepetFavori font{
        display: none;
    }
    .ustSepetFavori i{
        font-size: 18pt;
    }
    .sepetNum{
        margin-left: -14px;
    }
    .ustSepetFavori a:last-child {
        background-color:transparent;
        color: #7d5e9c;
        box-shadow: none;
        right: 0%;
    }
    #mobilMenu{
        display: block;
        margin-left: 5px;
    }
    .urunBilgiler {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
        text-align: center;
    }
    .urunGorseller{
        width: 100%;
        padding: 0px;
        height: auto;
        
    }
    .urunGorseller > div,.urunGorseller >div:first-child,.urunGorseller >div:last-child,.urunOdemeSecenek > div{
        width: 100%;
        float: none;
    }
    .urunGorseller >div:last-child{
        height: auto;
    }
    .urunGorseller >div:first-child{
        margin-left: 0px;
        border:0px;
    }
    .urunDetayTab > div:last-child{
        width: 50%;
    }
    .urunDetayTab > div{
        /*float:none;*/
        width:50%;
        padding:10px 0px;
    }
    .urunOdemeSecenek:nth-child(2n){
        margin-left: 0px;
    }
    .urunOdemeSecenek {
        width: auto;
        float: none;
    }
    .yorumlar li > div:last-child{
        width: auto;
        float: none;
        text-align: center;
        margin-top: 20px;
    }
    .yorumlar li > div:first-child{
        width: auto;
        float: none;
    }
    .anaSayfaList > ul > li {
        height: 390px;
        margin: 10px 5px;
        width: calc(50% - 35px);
    }
    .urunDugmeler{
        display: none;
    }
    .sepeteEkleMobil{
        display: block;
    }
    .urunGorseller >div:last-child ul{
        min-height: auto;
    }
    .urunFiyatBilgileri .urunFiyat{
        width: auto;
        float: none;
    }
    .urunBilgiler > div:last-child > div:first-child{
        width: auto;
    }
    .urunFiyatBilgileri .urunFiyat{
        width: 80%;
        margin: auto;
    }
    .fiyatBildir{
        display: none;
    }
    .urunBilgiler > .urunBaslik, .urunBilgiler > .urunMarka{
        display: none;
    }
    /*----ALT----*/
    .altIcerik > div{
        width: 100%;
        text-align: center;
    }
    .altIcerik > div:last-child{
        width: 100%;
        margin-top: 0px;
        min-height: auto;
        margin-bottom: 20px;
    }
    .altIcerik > div:nth-child(2) font{
        text-align: center;
    }
    .urunBaslikMobil{
        display: block;
    }
    /*---URUN LISTESI---*/
    .listeBaslikBilgi {
        width: auto;
        margin: 20px 10px;
        text-align: center;
        font-size: 12pt;
    }
    .liste {
        width: auto;
        float:none;
    }
    .listeFiltre {
        width: auto;
        float: none;
        display: none;
    }
    .listele > ul > li {
        width: calc(50% - 22px);
        margin: 5px;
        padding: 5px;
        height: 365px;
    }
    .listele > ul > li{
        box-shadow: 0px 5px 10px #CCC;
        border:1px solid #C4C424;
        /*border:1px solid #D9C400;*/
        cursor: pointer;
    }
    .listele > ul > li .listeDugmeler,.listele > ul > li .listeFiyat > font:nth-child(1) span:nth-child(2){
        opacity: 1;
    }
    .listele > ul > li .listeResim{
        margin-top: 0px;
    }
    
    /*---ANA SAYFA---*/
    .AnaSayfaSlider{
        height: 140px;
    }
    .AnaSayfaSlider > li{
        height: 140px;
    }
    .anaSayfaTopDiv > ul{
        width: auto;
    }
    .anaSayfaKirtasiye,.anaSayfaKitap{
        display: none;
    }
    .kaydirici > i{
        display: none;
    }
    .kaydirici > div{
        overflow-x: scroll;
    }
    /*---SEPET----*/
    .sepetimAsamalar hr{
        width: calc(50% - 75px);
        margin-top: 25px;
    }
    .sepetimAsamalar {
        float: none;
        height: 90px;
        width: 90%;
        margin: auto;
    }
    .sepet > div:first-child{
        width: auto;
    }
    .siparisOzeti {
        width: 100%;
        margin-left: 0px;
        margin-top: 50px;
    }
    .sepet > div{
        float: none;
    }
    .AdresSecili{
        float: none;
        width: auto;
        margin: 20px 8px;
    }
    .sepettekiUrunler ul li{
        margin: 20px 5px;
    }
    .sepettekiUrunler ul li >div:nth-child(3){
        width: 70px;
        float: right;
    }
    .sepettekiUrunler ul li >div:nth-child(4){
        width: 70px;
        float: right;
    }
    .sepettekiUrunler ul li >div:nth-child(5){
        float: left;
        text-align: left;
    }
    .sepettekiUrunler ul li >div:nth-child(2){
        width: calc(100% - 50px);
        text-align: left;
        font-size: 10pt;
        float: left;
        margin-top: 0px;
    }
    .odemeHavale ul.bankalar > li > div:first-child{
        margin: auto;
        width: 100%;
        height: 30px;
    }
    .odemeHavale > ul.bankalar > li > div,.sepettekiUrunler ul li >div{
        float: none;
    }
    .odemeKrediKarti input[name=kartSKTarihiAy], .odemeKrediKarti input[name=kartSKTarihiYil]{
        width: 40px;
    }
    label[for=kartGK]{
        text-align: right;
    }
    .odemeKrediKarti input[name=kartGK]{
        width: 50px;
        float: right;
    }
    .sepetDugmeler{
        padding: 0px 5px;
    }
    .sepetimLogo {
        width: 100%;
        height: 70px;
    }
    .sepetimAsamalar i {
        width: 45px;
        height: 34px;
        padding-top: 10px;
    }
    /*---UYE OL---*/
    .sayfaUyeOl > div:nth-child(2){
        display: none;
    }
    .sayfaUyeOl > div:nth-child(1){
        width: 100%;
        float: none;
    }
    #uyeOlGirisYapSecimDugme{
        width: calc(100% - 100px);
    }
    #uyeOlGirisYapIslemDugme{
        width: 90px;
        margin-left: 10px;
    }
    .sayfaUyeOl > div:nth-child(1) > form{
        float: none;
    }
    .sayfaUyeOl > div{
        height: 600px;
    }
    .girisYapInputDiv{
        width: auto;
    }
    .formGirdisi2:nth-child(2),.formGirdisi2{
        width: 100%;
        margin-left: 0px;
    }
    .sepettekiUrunler strong{
        margin-left: 10px;
    }
    .odemeTab > div {
        width: auto;
        float: none;
    }
    .odemeKrediKarti > form > div{
        width: 100%;
    }
    .krediKartTaksit,.krediKartGorsel{
        width: 100%;
        float: none;
    }
    /*----UST----*/
    #arama {
        padding: 9px 5px;
        border-radius: 0px;
        width: calc(100% - 52px);
    }
    .ustOrtaSabit .aramaCubugu > div{
        margin-top: 5px;
    }
    .aramaCubugu > div{
        width: auto;
    }
    #aramaYap{
        width: 40px;
        border: 1px solid #DDD;
        border-width: 1px 0px;
        padding: 9px 0px;
        border-radius: 0px;
    }
    .ustOrta .ustSepetFavori {
        position: absolute;
        margin-top: -85px;
        width: 100%;
    }
    a.ustKullaniciMenu{
        display: none;
    }
    .ustOrta{
        margin-bottom: 10px;
    }
    .SepetimIcerik{
        margin-left: -270px;
        position: absolute;
    }
    .SepetimToplam{
        overflow: hidden;
    }
    .anaSayfa{
        padding: 10px 0px;
    }
    .AnaSayfaSlider > i{	
        font-size: 40px;
        margin-top: 80px;
    }
    .AnaSayfaSlider:hover #SliderIleriButton{
        margin-right: 10px;
    }
    .AnaSayfaSlider:hover #SliderGeriButton{
        margin-left: 10px;
    }
    .siparisOnay{
        padding: 25px 20px;
        width: calc(100% - 40px);
    }
    .siparisOnay strong{
        font-size: 18pt;
    }
    .siparisNo{
        padding: 20px 10px;
    }
    .odemeIcerik{
        min-height: inherit;
        height: auto;
        overflow: hidden;
    }
    .odemeHavale > ul.bankalar > li > div:last-child{
        width: 100%;
    }
    .kurumsalMenu {
        width: 100%;
        float: none;
        padding: 0px;
        height: 53px;
        overflow: hidden;
    }
    .kurumsalMenu strong{
        display: none;
    }
    .kurumsalMenu span{
        display: block;
    }
    .kurumsalIcerik {
        width: 100%;
        float: none;

    }
    .hesabim > div:first-child{
        display: none;
    }
    .hesabim > div:last-child{
        width: 100%;
        float: none;
        margin-left: 0px;
    }
    #hesabim form{
        padding: 10px;
        width: auto;
    }
    .siparisDetay{
        padding: 0px;
        width: auto;
        float: none;
        margin: 10px;
        min-height:inherit;
    }
    .siparislerimDetay li > div{
        text-align: center;
        float: none;
        width: 100%;
        height: auto;
        min-height: 60px;
    }
    .siparislerimDetay li > div:first-child{
        width: 100%;
    }
    .siparislerimDetay strong{
    text-align: center;
        width: 100%;
        display: block;
    }
    .siparislerim > li > div:last-child{
        float: none;
    }
    .siparislerim > li > div{
        display: block;
    }
    .siparislerim > li > div:nth-child(2){
        width: auto;
    }
    .aramaSonuclari > div{
        border-radius: 0px;
        margin-top: -13px;
        width: 100%;
    }
    .aramaSonuclari > div ul{
        max-height: 350px;
    }
    .aramaSonuclari > div ul > li > a{
        background-size: 50px auto;
    }
    .aramaSonuclari > div ul > li > a > font{
        height: auto;
        display: block;
    }
    .sepettekiUrunler ul li >div:first-child{
        float: left;
        width: 40px;
        height: 35px;
        margin-top: 12px;
    }
    .kategoriler > ul > li{
        float: none;
        width: auto;
    }
}