﻿

@media screen and (min-width:701px) and (max-width:1199px) {
    .giris{
        height:Auto;
        min-height: 100vh;
        padding:20px;
    }
    .giris h1{
        font-size:24px;
    }
    .girisForm{
        width:100%;
    }
    .giris > figure > img{
        width:250px;
    }
	
	.lang {display:none;}
	
    header nav{
		z-index:222;
		
    }
    header h1{
        font-size:36px;
    }
    header > figure {
        position: relative;
        top: auto;
        margin-bottom: 30px;
    }
    header > figure > img{
        width:200px;
    }
    header{
        padding:20px;
        justify-content: space-between;
        height:570px!important;
    }
    .kurucumuz_text{
        width:100%;
        padding:20px;
    }
    .kurucumuz_text h2{
        font-size:30px;
    }
    .kurucumuz_text strong{
        font-size:24px;
        margin-bottom: 20px;
    }
    .kurucumuz_text p{
        margin-bottom: 20px;
    }
    .kurucumuz_kurucu{
        padding:20px;
    }
    .kurucumuz_kurucu > div{
        width:100%;
    }
    .kurucumuz_kurucu h3{
        font-size:36px;
    }
    .kurucumuz_kurucu strong{
        font-size:24px;
    }
    footer{
        height:auto;
        display:block;
    }
    .footer_logo{
        width:30%;
        padding:90px 0;
        float:left;
        min-height: 250px;
    }
    .footer_linkedin{
        min-height: 250px;
        width:70%;
        display: flex;
        align-items: center;
        padding:20px;
        float:left;
    }
    .footer_banner{
        width:30%;
        max-width: inherit;
        float:left;
        height:230px;
    }
    .footer_sosyalmedya{
        height:230px;
        width:70%;
        float:left;
    }
    .footer_linkedin span{
        top:40px;
    }
    .sunumlar{
        padding:20px;
    }
    .sunumlar > ul{
        width:100%;
    }
    .sunumlar > ul > li{
        width:49%;
        margin-right:2%!important;
        margin-bottom: 2%;
        padding:20px;
    }
    .sunumlar > ul > li:nth-child(2n){
        margin-right: 0!important;
    }
    .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:40%;
    }
    .basindabiz{
        padding:20px;
    }
    .basindabiz > ul{
        width:100%;
    }
    .basindabiz > ul > li{
        width:49%;
        margin-right:2%!important;
        margin-bottom: 2%;
        padding:20px;
    }
    .basindabiz > ul > li:nth-child(2n){
        margin-right: 0!important;
    }
    .katalog{
        padding:20px;
    }
    .katalog > div{
        width:100%;
    }
    .katalog > div > figure{
        width:50%;
    }
    .katalog > div > figure > img{
        width:50%;
    }
    .katalog h2{
        font-size:36px;
    }
    .katalog p{
        margin:20px 0;
    }
    .bizeulasin1{
        padding:20px;
    }
    .bizeulasin1 > ul{
        width:100%;
    }
    .bizeulasin1 > ul > li{
        width:32%;
        margin-right:2%!important;
        margin-bottom: 4%;
    }
    .bizeulasin1 > ul > li:nth-child(3n){
        margin-right:0!important;
    }
    .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;
        width:75px;
    }
    .bizeulasin2 > ul > li > div > ul{
        width:100%;
    }
    .bizeulasin3 > ul > li{
        padding:20px;
    }
    .bizeulasin3 > ul > li > div{
        width:100%;
    }
    .bizeulasin3 > ul > li > div > figure{
        width:30%;
        margin-bottom: 20px;
        padding-right: 30px;
    }
    .bizeulasin3 > ul > li > div > div{
        width:70%;
        padding:0!important;
    }
    .bizeulasin3 > ul > li:nth-child(2n) > div{
        flex-direction: row;
    }
    .logolar li{
        width:25%;
        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 > ul{
        width:100%;
    }
    .bizeulasin5{
        padding-bottom: 0;
    }
    .bizeulasin5 > ul > li:nth-child(even) figure{
        margin-right:0;
    }
    .bizeulasin5 > ul > li > div > figure > img{
        border-radius: 0;
    }
    .bizeulasin5 > ul > li > div > figure {
        margin-left: 0;
        width: 205px;
        min-width: 205px;
    }
    .gorselArsiv{
        padding:20px;
    }
    .gorselArsiv h2{
        font-size:36px;
    }
    .gorselArsiv ul{
        width:100%;
    }
    .gorselArsiv ul li{
        width:100%;
        margin-right: 0;
        padding:0;
        margin-bottom: 40px;
    }
    .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;
    }
 
    .amasayfaKurucu h2{
        font-size:36px;
    }
    .amasayfaKurucu{
        background-position:center;
    }
    .gorselArsiv h3{
        font-size:18px;
    }
    .gorselArsiv p{
        font-size:14px;
        min-height: 54px;
    }
    .gorselArsiv ul li img{
        height:80px;
    }
    .section li {
        width: 540px;
        height: 290px;
    }
    .section{
        height:300px;
    }
    .videobg{
        height:100%;
        width:auto;
    }
    header #slider {
        height: calc(100vh - 513px);
    }
    .videobg{
        z-index:2;
    }
    .profornet-menu{
        padding:0;
    }
	.katalog > div > div{
		padding-right:0;
	}
.vindir {
    height: 30px;
    width: 90px;
    line-height: 30px;
    bottom: 20px;
    left: 50%;
    margin-left: -45px;
}
.logoArsiv{
    padding:20px;
}
.logoArsiv > ul{
    width:100%;
}
.logoArsiv > ul > li{
    width:49%;
    margin-right:2%!important;
    margin-bottom: 20px;
}
.logoArsiv > ul > li:nth-child(2n){
    margin-right:0!important;
}

.imajArsiv{
    padding:20px;
}
.imajArsiv > ul{
    width:100%;
}
.imajArsiv > ul > li{
    width:49%;
    margin-right:2%!important;
    margin-bottom: 20px;
}
.imajArsiv > ul > li:nth-child(2n){
    margin-right:0!important;
}
.paginasyon{
    width:100%;
}
#video-wrapper{
    display:none!important;
}
.videobg, .vindir{
    color:#333!important;
    display:block;
}
    header .slider-text {
    justify-content: flex-end;
    padding-bottom: 40px;
}

header .slider-text{
	display:none;
}

.videoAlt{
	padding:20px 0 0 0;
}
.videoAlt a{
	position: relative;
    right: auto;
    top: auto;
    margin-top: 20px;
    display: block;
}
.videolist ul li{
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
}    
.vindir{display:none;}
header nav ul li{text-align:center;}






















}


@media screen and (min-width:450px) and (max-width:850px) {
	header #slider{
	height:435px!important;
	}
	/*.videobg{
		height:auto!important;
		width:100%!important;

	}*/
	.index, .headervideo{
		height:570px!important;
	}
}

@media screen and (min-width:380px) and (max-width:450px) {

	.videobg{
		height:auto!important;
		width:100%!important;

	}
	.index, .headervideo{
		height:690px!important;
	}
}
