﻿/* Telefon **************************************************/
@media screen and (min-width:180px) and (max-width:559px) {
    header{
        width: 100%;
        height:110px;
    }
    header > div{
        width: 100%;
    }
    .header_logo{
        height:110px;
    }
    header nav{
        display:none;
    }
    body{
        padding-top: 110px;
    }
    .galeri{
        width:100%;
        margin:0;
    }
    .anasayfaHizmetler{
        width:100%;
        margin:0;
        padding: 20px;
		overflow: auto;
    }
    .anasayfaHizmetler h1 a{
        font-size:18px;
        margin-bottom: 5px;
        display:block;
    }
    .anasayfaHizmetler p{
        font-size:14px;
    }
    .anasayfaHizmetler figure{
        height:auto;
        margin-bottom:0!important;
        width:50%;
    }
    .anasayfaVideolar{
        width:100%;
        padding:20px;
        margin:0;
    }
    .anasayfaVideolar li{
        width:50%;
        height:auto;
    }
    footer{
        width: 100%;
        padding: 20px;
    }
    footer ul{
        width: 100%;
        display: block;
    }
    footer ul li{
        width:100%;
        text-align: center;
        height:auto;
    }
    .footer_eposta a{
        padding: 0;
        font-size: 18px;
    }
    .footer_button a{
        margin:20px auto 0 auto;
    }
    .footer_sosyalmedya{
        padding: 20px 0;
        height: auto;
        display:flex;
        justify-content: center;
    }
    .anasayfaVideolar h2 a{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .anasayfaVideolar p{
        font-size:14px;
        margin-bottom: 20px;
    }
    .footer_sosyalmedya a{
        width:70px;
    }
    .header_logo img{
        margin:0 0 0 20px;
        float:left;
    }
    .anasayfaVideolar ul{
        margin-top:20px;
    }
    .mainic{
        width:100%;
    }
    .sayfaust{
        flex-direction: column;
    }
    .sayfaust_sag{
        order:1;
        width:100%;
    }
    .sayfaust_sol{
        order: 2;
        width:100%;
        padding: 20px 20px 0 20px;
    }
    .sayfa{
        padding: 20px;
    }
    .sayfa h2:first-of-type{
        margin:0 0 10px 0;
    }
    .sayfaGaleri{
        margin-top:0;
        padding: 20px;
    }
    .sayfaGaleri .sayfa-galeri {
        column-count: inherit;
        column-gap: inherit;
    }
    .sayfaGaleri figure{
        width:48%;
        height:auto;
    }
    .sayfa-galeri>figure:last-child{
        margin-bottom: 0;
    }
    .iletisim{
        width:100%;
        padding: 20px;
    }
    .iletisim_mail{
        width:100%;
        text-align: center;
    }
    .iletisim_mail ul{
        width:200px;
        margin:Auto;
    }
    .iletisim_form{
        width:100%;
        text-align:center;
    }
    .iletisim_form button{
        margin: auto;
    }
    .anasayfaHizmetler .sayfa-galeri {
        column-count: inherit !important;
        column-gap: inherit !important;
        width: 100%;
    }







}















/* Tablet **************************************************/
@media screen and (min-width:560px) and (max-width:1023px) {
    header{
        width: 100%;
        height:110px;
    }
    header > div{
        width: 100%;
    }
    .header_logo{
        height:110px;
    }
    header nav{
        display:none;
    }
    body{
        padding-top: 110px;
    }
    .galeri{
        width:100%;
        margin:0;
    }
    .anasayfaHizmetler{
        width:100%;
        margin:0;
        padding: 20px;
    }
    .anasayfaHizmetler h1 a{
        font-size:18px;
        margin-bottom: 5px;
        display:block;
    }
    .anasayfaHizmetler p{
        font-size:14px;
    }
	
    .anasayfaHizmetler .sayfa-galeri {
        column-count: inherit !important;
        column-gap: inherit !important;
        width: 100%;
    }
    .anasayfaHizmetler figure{
        width:100%;
        height:auto;
        margin-bottom:0!important;
        width:25%;
    }
    .anasayfaVideolar{
        width:100%;
        padding:20px;
        margin:0;
    }
    .anasayfaVideolar ul{
        margin-top:20px;
    }
    .anasayfaVideolar li{
        width:25%;
        height:auto;
    }
    footer{
        width: 100%;
        padding: 20px;
    }
    footer ul{
        width: 100%;
        display: block;
    }
    footer ul li{
        width:100%;
        text-align: center;
        height:auto;
    }
    .footer_eposta a{
        padding: 0;
        font-size: 18px;
    }
    .footer_button a{
        margin:20px auto 0 auto;
    }
    .footer_sosyalmedya{
        padding: 20px 0;
        height: auto;
        display:flex;
        justify-content: center;
    }
    .anasayfaVideolar h2 a{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .anasayfaVideolar p{
        font-size:14px;
        margin-bottom: 20px;
    }
    .footer_sosyalmedya a{
        width:70px;
    }
    .header_logo img{
        margin:0 0 0 20px;
        float:left;
    }
    .mainic{
        width:100%;
    }
    .sayfaust{
        flex-direction: column;
    }
    .sayfaust_sag{
        order:1;
        width:100%;
    }
    .sayfaust_sol{
        order: 2;
        width:100%;
        padding: 20px 20px 0 20px;
    }
    .sayfa{
        padding: 20px;
    }
    .sayfa h2:first-of-type{
        margin:0 0 10px 0;
    }
    .sayfaGaleri{
        margin-top:0;
        padding: 20px 20px 0 20px;
    }

    .sayfaGaleri figure{
        width:49%;
        height:auto;
    }
    .sayfa-galeri>figure:last-child{
        margin-bottom: 0;
    }
    .sayfaGaleri figure:nth-child(2n){
        margin-right:0;
    }
    .iletisim{
        width:100%;
        padding: 20px;
    }
    .iletisim_mail{
        width:100%;
        text-align: center;
    }
    .iletisim_mail ul{
        width:200px;
        margin:Auto;
    }
    .iletisim_form{
        width:100%;
        text-align:center;
    }
    .iletisim_form button{
        margin: auto;
    }
















}



