﻿/* Telefon **************************************************/
@media screen and (min-width:180px) and (max-width:559px) {
    body{
        padding-top: 90px;
    }
    header{
        height:90px;
    }
    .header_ust > div{
        width:100%;
        display:block;
        padding:0;
    }
    .mobil_telefon{
        display: block;
        position: absolute;
        right: 20px;
        font-size: 24px;
        top: 0;
        line-height: 90px;
        color: #2d3134;
    }
    .mobil_telefon:hover{
        color:#0065b2;
    }
    .anasayfaHakkimizda{
        width:100%;
        padding:20px;
    }
    .anasayfaHakkimizda ul li{
        width:100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    h2{
        font-size:30px;
        margin-bottom: 10px;
    }
    h3{
        font-size:24px;
        margin-bottom: 10px;
    }
    .anasayfaHakkimizda p{
        font-size:16px;
    }
    .anasayfaHakkimizda ul{
        margin-top:20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .anasayfaHakkimizda ul li strong{
        font-size:18px;
    }
    .anasayfaNeyapiyoruz_ust{
        padding-top: 20px;
    }
    .anasayfaNeyapiyoruz_ust p{
        width:100%;
        padding:0 20px;
    }
    .anasayfaNeyapiyoruz_ust ul{
        width:100%;
        display:flex;
    }
    .anasayfaNeyapiyoruz_ust li{
        flex:1;
        width:auto;
        height:auto;
        padding:10px;
    }
    .anasayfaNeyapiyoruz_ust i{
        font-size: 36px;
    }
    .anasayfaNeyapiyoruz_ust strong{
        font-size: 12px;
    }
    .anasayfaNeyapiyoruz_alt .tab-content{
        width:100%;
        padding:20px;
    }
    .anasayfaNeyapiyoruz_alt p{
        font-size:16px;
        margin-bottom: 20px;
    }
    .anasayfaNasil{
        width:100%;
        padding:20px;
    }
    .anasayfaNasil > div{
        width:100%;
        display:block;
    }
    .anasayfaNasil p{
        font-size: 16px;
    }
    .anasayfaNasil ul{
        margin-top: 20px;
    }
    .anasayfaNasil ul li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .anasayfaNasil ul li img{
        width:100%;
    }
    .anasayfaArge > div{
        width:100%;
        padding:20px;
        background:rgba(0,0,0,0.1)
    }
    .anasayfaDestek{
        padding:20px;
    }
    .anasayfaDestek > ul{
        width:100%;
        display:block;
    }
    .anasayfaDestek > ul > li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px 20px 20px 90px;
    }
    .anasayfaDestek > ul > li > ul > li{
        margin-right: 0;
        width:100%;
        margin-bottom: 15px;
    }
    .anasayfaDestek > ul > li > ul{
        margin-top: 20px;
    }
    .anasayfaFuarlar{
        padding:20px;
    }
    .anasayfaFuarlar > div{
        width:100%;
    }
    .anasayfaFuarlar > div > a{
        position: relative;
    }
    .anasayfaFuarlar ul{
        margin-top: 20px;
    }
    .anasayfaFuarlar ul li{
        margin-right: 0;
        margin-bottom: 20px;
        width:100%;
    }
    .anasayfaFuarlar ul li img{
        width:100%;
    }
    .anasayfaFuarlar ul li div{
        height:auto;
        padding:20px;
    }
    .footer_ust{
        padding:20px 0 0 0;
    }
    .footer_ust > ul{
        width:100%;
        display:block;
    }
    .footer_ust > ul > li{
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom:1px solid rgba(0,0,0,0.1);
    }
    .footer_ust-sosyalmedya{
        display:flex;
        justify-content: center;
    }
    .footer_ust-telefon {
        text-align: left;
        padding-left: 60px;
    }
    .footer_ust-telefon i{
        right:auto;
        left:20px;
    }
    .footer_ust-eposta i{
        left:20px;
    }
    .footer_ust-direction {
        text-align: left;
        padding-left: 60px;
    }
    .footer_ust-direction a {
        left: 0;
        top: 0;
        width: 100%;
        height: 30px;
        right: auto;
    }
    .footer_ust-direction b{
        left:20px;
    }
    .footer_ust > ul > li:last-child{
        margin:0;
        border:0;
    }
    .footer_haklar{
        height:auto;
    }
    .footer_haklar li{
        width:100%;
        text-align: center;
        padding:20px;
        border-bottom:1px solid rgba(0,0,0,0.1);
    }
    .footer_haklar li:last-child{
        margin:0;
        border:0;
    }
    .breadcrumb{
        padding:20px;
        border-bottom: 1px solid #ebebeb;
    }
    .breadcrumb > div{
        width:100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;        
    }
    .breadcrumb ul{
        width: 100%;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .hakkimizda > div{
        width:100%;
    }
    .hakkimizda{
        padding:20px;
    }
    .icsayfa p{
        margin-bottom: 20px;
    }
    .hakkimizda_hikaye{
        padding:20px 0;
    }
    .hakkimizda_hikaye ul{
        height:auto;
        display:block;
    }
    .hakkimizda_hikaye ul li{
        height:auto;
        padding-right: 0;
        padding-left: 30px;
        margin-bottom: 30px;
    }
    .hakkimizda_hikaye ul li:nth-child(2n){
        padding-top: 0;
    }
    .hakkimizda_hikaye ul:before {
        width: 2px;
        height: 100%;
        content: "";
        position: absolute;
        top: 0;
        background: #2d3134;
        left: 4px;
    }
    .hakkimizda_hikaye ul li:before{
        top:0;
    }
    .hakkimizda_hikaye ul:after {
        top: auto;
        right: auto;
        -webkit-transform: inherit;
        transform: inherit;
        bottom: -8px;
        left: -3px;
    }
    .hakkimizda_hikaye ul li:last-child:after{
        display:none;
    }
    .vizyonmisyon{
        padding:20px;
    }
    .vizyonmisyon ul{
        width:100%;
        display:block;
    }
    .vizyonmisyon h3:first-child{
        margin-top: 0;
    }
    .yazilim{
        width:100%;
        padding:20px;
        display:block;
    }
    .yazilim figure{
        margin-top: 20px;
    }
    .soru{
        padding:20px;
    }
    .soru h6{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .yazilim div, .yazilim figure{
        width:100%;
    }
    .iletisim{
        padding:20px;
    }
    .iletisim_bilgiler{
        width:100%;
        padding-bottom: 20px;
    }
    .iletisim_bilgiler > ul{
        display:block;
    }
    .iletisim_bilgiler > ul > li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .iletisim_ofisler{
        background:none;
        border:0;
        padding:0;
    }
    .iletisim_ofisler > ul{
        width:100%;
        display:block;
    }
    .iletisim_ofisler > ul > li{
        background:#ffF;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .makine_liste{
        width:100%;
        padding:20px;
    }
    .makine_liste > ul > li{
        width:100%;
        height:auto;
        margin-right: 0;
        margin-top: 20px;
    }
    .makine_liste li div ul{
        display:none;
    }
    .makine_liste li div{
        position: relative;
        background:#fff;
    }
    .makine_liste li div h2 a{
        display:block;
        color:#2d3134;
        text-align: center;
        width:100%;
    }
    .urunDetay_ust #urunSlider{
        width:100%;
        padding:0;
        margin:0;
    }
    .urunDetay_ust > div{
        width:100%;
    }
    .urunDetay_ust-linkler {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .urunDetay_alt{
        width:100%;
        padding:20px;
    }
    .urunDetay .tab-content{
        width:100%;
        display:block!important;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .urunDetay_alt-tablo{
        width:100%;
        overflow-x: scroll;
    }
    .tablo{
        min-width:900px;
    }
    .urunDetay_alt-galeri figure{
        width:48%;
        margin-right: 4%!important;
        margin-bottom: 4%;
    }
    .urunDetay_alt-galeri figure:nth-child(2n){
        margin-right: 0!important;
    }

    .urunDetay .tab-content:last-child{
        margin-bottom:0;
        padding-bottom:0;
    }
    .servisFormu{
        width:100%;
        padding:20px;
    }
    .servisFormu > div{
        width:100%;
    }
    .etkinlikler{
        width:100%;
        padding:20px;
    }
    .etkinlikler ul li{
        width:100%;
        display:block;
    }
    .etkinlikler ul li div{
        width:100%;
        padding:20px;
        background-color: #f3f3f3;
        border: none;
    }
    .etkinlikler ul li h2{
        font-size: 24px;
    }
    .haberler{
        width:100%;
        padding: 20px;
    }
    .haberler ul{
        display:block;
    }
    .haberler ul li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .haberler ul li:last-child{
        margin:0;
    }
    .haberler article{
        padding:20px;
    }
    .haberler h2 {
        overflow: visible;
        display: block;
        -webkit-line-clamp: inherit;
        -webkit-box-orient: unset;
        height: auto;
    }
    .haberDetay{
        width:100%;
        padding:20px;
    }
    .haberDetay figure{
        width:48%;
        margin-right: 4%!important;
        margin-bottom: 4%;
    }
    .haberDetay figure:nth-child(2n){
        margin-right: 0!important;
    }
    .yayinlar{
        width:100%;
        padding:20px;
    }
    .yayinlar ul li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
        display:flex;
    }
    .yayinlar ul li figure{
        flex:0;
        max-width: 80px;
        min-width: 80px;
    }
    .yayinlar ul li div{
        flex:1;
        height:auto;
    }
    .yayinlar ul li h2{
        font-size: 16px;
    }
    .yayinlar ul li:last-child{
        margin-bottom: 0;
    }
    .referances li{
        width:48%;
        margin-right: 4%!important;
        margin-bottom: 4%;
    }
    .referances li:nth-child(2n){
        margin-right: 0!important;
    }
    .header_ust figure img{
        position: relative;
        margin: 0;
        top: auto;
        left: auto;
        height: 70px;
    }
    header:after {
        top: 90px;
    }
    .anasayfaNasil > div > p{
        width: 100%;
        font-size: 16px;
    }
    .footer_haklar a{
        display: block;
        margin-right: 45px;
    }
    .icsayfa{
        margin-bottom: 30px;
    }
    .yonetimKurulu{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #accordion .button {
        padding: 20px;
        line-height: 30px;
        font-size: 16px;
    }
    #accordion{
        margin: 20px auto;
    }
    .indirmeler{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .indirmeler li{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .sayfa-galeri{
        width: 100%!important;
        justify-content: center;
    }
    .video-liste{
        width:100%;
        padding:0;
    }
    .video-liste li{
        width:100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    .video-liste li:last-child{
        margin-bottom:0;
    }
    .video-liste li h3{
        font-size: 14px;
        height:80px;
    }























    .urunDetay_ust-tabs,
    .footer_haklar li:nth-child(3),
    .footer_alt,
    .header_ust-sosyal,
    .header_ust-sag,
    .header_alt{
        display:none;
    }







}













