﻿@media screen and (min-width:180px) and (max-width:700px) {
    .giris{
        height:Auto;
        min-height: 100vh;
        padding:20px;
    }
    .giris h1{
        font-size:24px;
    }
    .girisForm{
        width:100%;
    }
    .giris > figure > img{
        width:250px;
    }
	.katalog > div > div{
		padding-right:0;
	}
	.headervideo{
		height:210px;
	}
	.index{
		min-height:inherit;
	}
	
	.sayfa-galeri {width:100%;}
	.sayfa-galeri figure {width:100%;float:left;padding:10px;}
	.lang {display:none;}
    header nav{
        padding:20px;
		background:#ebebeb;
    }
	header nav ul{
		flex-wrap:wrap;
	}
	header nav ul li:nth-child(2n){
		margin-right:0;
	}
	
	header nav ul li{
		flex:inherit;
		width:49%;
		margin-right:2%;
		margin-bottom:2%;
		max-width:49%;
		min-width:49%;
	}
	
    header h1{
        font-size:24px;
    }
    header > figure {
        position: relative;
        top: auto;
        margin-bottom: 30px;
    }
    header > figure > img{
        width:200px;
    }
	
	.index, .bizeulasinbg, .tanitimbg, .sunumlarbg, .basinbg{
		height:Auto!important;
		padding:20px 0 0 0!important;
	}
	.index nav, .bizeulasinbg nav, .tanitimbg nav, .sunumlarbg nav, .basinbg nav{
		position:relative!important;
		height:Auto!important;
	}
	.index h1, .bizeulasinbg h1, .tanitimbg h1, .sunumlarbg h1, .basinbg h1{
		margin-bottom:15px;
	}
		.index p, .bizeulasinbg p, .tanitimbg p, .sunumlarbg p, .basinbg p{
		margin-bottom:30px;
	}
	
    header{
        padding:20px;
        justify-content: space-between;
        height: 50vh;
        min-height: 400px;
    }
    .kurucumuz_text{
        width:100%;
        padding:20px;
    }
    .kurucumuz_text h2{
        font-size:30px;
    }
	.index{
    height:680px!important;
}
    .kurucumuz_text strong{
        font-size:24px;
        margin-bottom: 20px;
    }
    .kurucumuz_text p{
        margin-bottom: 20px;
    }
    .kurucumuz_kurucu{
        padding:20px;
        background-position: -68% center;
    }
    .kurucumuz_kurucu > div{
        width:100%;
    }
    .kurucumuz_kurucu h3{
        font-size:36px;
    }
    .kurucumuz_kurucu strong{
        font-size:24px;
    }
    footer{
        height:auto;
        flex-direction: column;
    }
    .footer_logo{
        width:100%;
        padding:60px 0;
    }
    .footer_linkedin{
        width:100%;
        padding:20px;
    }
    .footer_banner{
        width:100%;
        max-width: inherit;
    }
    .footer_sosyalmedya{
        height:100px;
    }
    .sunumlar{
        padding:20px;
    }
    .sunumlar > ul{
        display:block;
        width:100%;
    }
    .sunumlar > ul > li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding:20px;
    }
    .videolar{
        padding:20px;
    }
    header > p{
        font-size: 14px;
        line-height: 20px;
        margin-top: 0;
        max-width: inherit;
    }
    .videolar h2{
        font-size:24px;
        margin-bottom: 20px;
    }
    .videolar p{
        font-size: 18px;
    }
    .videolar:after{
        height:30%;
    }
    .basindabiz{
        padding:20px;
    }
    .basindabiz > ul{
        display:block;
        width:100%;
    }
    .basindabiz > ul > li{
        width:100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding:20px;
    }
    .katalog{
        padding:20px;
    }
    .katalog > div{
        width:100%;
        display:block;
    }
    .katalog > div > figure{
        width:100%;
        margin-top:20px;
    }
    .katalog > div > figure > img{
        width:100%;
    }
    .katalog h2{
        font-size:36px;
    }
    .katalog p{
        margin:20px 0;
    }
    .bizeulasin1{
        padding:20px;
    }
    .bizeulasin1 > ul{
        width:100%;
        display:block;
        padding:0 80px;
    }
    .bizeulasin1 > ul > li{
        width:100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    .bizeulasin2 > ul{
        display:block;
    }
    .bizeulasin2 > ul >li{
        width:100%;
        margin-right:0;
        margin-top:0;
        margin-bottom: 20px;
    }
    .bizeulasin2 > ul > li div{
        width:100%;
        padding:20px!important;
    }
    .bizeulasin2 > ul > li span b{
        width:100%;
        padding-left:20px!important;
    }
    .bizeulasin2 > ul > li:nth-child(even) div{
        flex-direction: row;
    }
    .bizeulasin2 h3{
        font-size:24px;
    }
    .bizeulasin2 > ul > li > div > figure{
        min-width: 75px!important;
        width:75px!important;
    }
    .bizeulasin2 > ul > li > div > ul{
        width:100%;
    }
    .bizeulasin3 > ul > li{
        padding:20px;
    }
    .bizeulasin3 > ul > li > div{
        width:100%;
        display:block;
    }
    .bizeulasin3 > ul > li > div > figure{
        width:100%;
        margin-bottom: 20px;
    }
    .bizeulasin3 > ul > li > div > div{
        width:100%;
        padding:0!important;
    }
    .logolar li{
        width:50%;
        height:150px;
    }
    .logolar li a{
        height:150px;
    }
    .videolar video{
        height:Auto;
    }
    .videolar div{
        border-radius: 0;
    }
    .bizeulasin4 .bizeulasin2 > ul > li > div > figure{
        position:relative;
    }
     .bizeulasin4 .bizeulasin2 > ul > li:nth-child(even) figure img,.bizeulasin4 .bizeulasin2 > ul > li:nth-child(odd) figure img{
        clip-path: inherit;
    }
    .bizeulasin2 > ul > li:nth-child(even) figure{
        margin-right:0;
    }
    .bizeulasin5 > ul{
        display:block;
    }
    .bizeulasin5 > ul{
        display:block;
    }
    .bizeulasin5 > ul >li{
        width:100%;
        margin-right:0;
        margin-top:0;
        margin-bottom: 20px;
    }
    .bizeulasin5 > ul > li div{
        width:100%;
        padding:20px!important;
    }
    .bizeulasin5 > ul > li span b{
        width:100%;
        padding-left:20px!important;
    }
    .bizeulasin5 > ul > li:nth-child(even) div{
        flex-direction: row;
    }
    .bizeulasin5 h3{
        font-size:24px;
    }
    .bizeulasin5 > ul > li > div > figure{
        min-width: 75px!important;
        width:75px!important;
    }
    .bizeulasin5 > ul > li > div > ul{
        width:100%;
    }
    .bizeulasin5{
        padding-bottom: 0;
    }
    .gorselArsiv{
        padding:20px;
    }
    .gorselArsiv h2{
        font-size:18px;
		margin-bottom:20px;
    }
	.gorselArsiv p{
		display:none;
		margin-bottom:10px;
	}
	.gorselArsiv ul li img {
		display:none;
    margin: 0 auto 10px auto;
	}
    .gorselArsiv ul{
        display:block;
        width:100%;
    }
	.gorselArsiv a{
		max-width:110px;
	}
	
	.gorselArsiv h3{
		font-size:18px!important;
		flex:1;
	}
	
    .gorselArsiv ul li{
        width:100%;
		display:Flex;
		flex-direction:row;
        margin-right: 0;
		text-align:left;
    }
    .anasayfaBasindabiz{
        padding:20px;
        display:block;
    }
    .anasayfaBasindabiz > div{
        width:100%;
    }
    .anasayfaBasindabiz_text > div{
        width:100%;
        padding-right:0;
    }
    .anasayfaBasindabiz_text h2{
        font-size:36px;
        margin-bottom: 20px;
    }
    .anasayfaBasindabiz_haberler > div{
        padding-top: 40px;
        padding-bottom: 20px;
        width:100%;
    }
    .coskunozakademi{
        padding:20px;
        overflow: hidden;
    }
    .coskunozakademi > .orta{
        width:100%;
    }
    .coskunozakademi h2{
        font-size: 24px;
    }
    .coskunozakademi p{
        font-size: 18px;
    }
    .section{
        width:100%;
        height:200px;
    }
    .section li{
        width:80%;
        height:175px;
    }
    .section li h3{
        font-size:16px;
    }
    .left-pos {
        margin-left: -5em !important;
    }
    .right-pos {
        margin-left: 8em !important;
    }
    #prev, #next{
        display:none;
    }
    .amasayfaKurucu h2{
        font-size:36px;
    }
    .amasayfaKurucu{
        background-position: -88% center;
    }
    .videobg{
        height:100%;
        width:auto;
    }
    header #slider {
        height:100%;
		max-height:210px;
    }
    .videobg{
        z-index: 1;
    }
    .profornet-menu{
        padding:0;
    }
    .vindir {
        height: 30px;
        width: 90px;
        line-height: 30px;
        bottom: 10px;
        left: 50%;
        margin-left: -45px;
    }
    .logoArsiv{
        padding:20px;
    }
    .logoArsiv > ul{
        width:100%;
    }
    .logoArsiv > ul > li{
        width:100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    .imajArsiv{
        padding:20px;
    }
    .imajArsiv > ul{
        width:100%;
    }
    .imajArsiv > ul > li{
        width:100%;
        margin-right:0;
        margin-bottom: 20px;
    }
    .paginasyon{
        width:100%;
    }
    #video-wrapper{
        display:none!important;
    }
    .videobg, .vindir{
        display:block;
        color:#333!important;
    }


.videolist {width:100%;}
.videolist ul li {width:100%; margin-right:0;}

header .slider-text p{
	display:none;
}
.swiper-pagination {
    bottom: 10px!important;
}

    header .slider-text {
    justify-content: flex-end;
    padding-bottom: 40px;
}
.swiper-pagination-bullet{
	display:none!important;
}


.videoAlt{
	padding:20px 0 0 0;
}
.videoAlt a{
	position: relative;
    right: auto;
    top: auto;
    margin-top: 20px;
    display: block;
}
.gorselArsiv h3{
	font-size:24px;
}
.gorselARsiv-Mobil{
	display:none;
}
.imajArsiv > ul > li > figure{
	height:Auto;
	overflow:visible;
}

.vindir{display:none;}
.icmenupage header nav{padding:0; overflow-y:scroll;}
.icmenupage header nav ul{width:1080px; flex-wrap:nowrap;}
.icmenupage header nav ul li{flex:1; max-width:180px; width:180px; min-width:180px; margin:0;display: flex; align-items: center; justify-content: center; text-align: center;}
header h1{margin-bottom:0!important;}
header .slider-text span{height:40px;}
header .slider-text span a{margin:0!important;}










}












