@media(min-width:300px) {
    body{font-size:14px}
.Logo{width:60%}
#Slogan{margin-top:20px;}
#Slogan div div a{padding:5px}
#Slogan div b{font-size:20px; margin-bottom:5px; height:auto}
#Slogan div i{margin-top:5px; font-size:14px}
#Egitmenler .Egitmen img {max-width:40%;}
#Hakkimizda h3{font-size:20px; margin:10px 0;}
.AnasayfaBaslik{font-size:24px; margin-bottom:10px}
#AnasayfaSizdenGelenler #Sag b{font-size:20px}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 110px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:50px 15px;}
#AnasayfaSizdenGelenler #Sol b{font-size:18px; margin-bottom:20px;}
#AnasayfaSizdenGelenler #Sol i{font-size:14px; margin-bottom:20px}
#AnasayfaSizdenGelenler #Sag .Yorum{padding:3% 5%; background:none; background-color:#AB1D2B}
#Footer .AltMenu { margin-left:0; }
#Footer .AltMenu a{ float:none; width:100%; margin:0 2% 5px 0; display:block}
.Menuler{background-color:#FFF; padding:10px; margin:15px 0 10px 0; -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.4);}
.nav > li > a{margin:0 0 10px 0; }
#BannerIcSayfa{width:100%}
#IcSayfaHizliMenu{font-size: 14px; width:100%; padding: 10px 5px 10px 10px; background:none #f2f8fa; position:relative; color:#777; float:left}
#IcSayfaHizliMenu h1{display:block; font-size:16px; margin-bottom:5px}
#BannerIcSayfa img{display:none; visibility:hidden}
#BannerIcSayfa .container{padding:0}
#EgitimTakvimi #DetayUst .col-sm-6{padding:0}
#EgitimTakvimi .BasvuruYap{right:8%; top:33%;}
#Kutuphane #Ara input[type=text]{width:50%; float:left;padding:10px;}
#Kutuphane #Ara a{width:25%; padding:12px;}
.form-control{margin-bottom:5px}
#Ust .nav li ul {position:relative; min-width:100%; top:0; margin-top:0;}
#Ust .nav li ul a{text-align:center}

#Top{font-size:10px;}
.PP0{padding:0}
.MM0{margin:0}
}
@media(min-width:767px) {
#Ust .nav li ul {position:absolute; min-width:180px; margin-top:17px; top:17px}
#Ust .nav li ul a{text-align:left}
#Kutuphane #Ara input[type=text]{width:30%; float:left;padding:10px;}
#Kutuphane #Ara a{width:15%; padding:12px;}
#EgitimTakvimi #DetayUst .col-sm-6{padding:0 15px}
#BannerIcSayfa .container{padding:0 15px}
#BannerIcSayfa img{display:block; visibility:visible}
.Menuler{background-color:transparent; padding:0; margin:60px 0 0 0; -webkit-box-shadow: none;-moz-box-shadow:none; box-shadow: none;}
#Footer .AltMenu a{ float:left; width:48%; margin:0 2% 5px 0}
#AnasayfaSizdenGelenler #Sag .Yorum{background:url(/Images/Site/YorumBG.jpg) no-repeat left bottom; background-size:cover }
    .Logo{width:100%}
input, textarea, select{color:#000; font: 12px 'Poppins', sans-serif;}
    .form-control{font-size:12px; margin:0}
    body{font-size:12px}
.Menuler{ margin-top:15px; margin-right:0}
.nav > li > a{margin:0 1px 5px 1px; }
#Ust .nav li ul {margin-top:3px}

#Slogan div div a{padding:5px}
#Slogan div b{font-size:14px; margin-bottom:5px; height:40px}
#Slogan div i{margin-top:5px; font-size:12px}
#Hakkimizda h3{font-size:20px; margin:10px 0;}
.AnasayfaBaslik{font-size:20px; margin-bottom:10px}
#Kitaplar .AnasayfaKitap b{font-size:12px;}
#AnasayfaSizdenGelenler #Sag b{font-size:24px}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 90px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:50px 15px;}
#AnasayfaSizdenGelenler #Sol b{font-size:18px; margin-bottom:20px;}
#AnasayfaSizdenGelenler #Sol i{font-size:14px; margin-bottom:20px}
#Egitmenler .Egitmen .Cerceve{padding:5px; margin-top:30px;}
#Footer{font-size:12px; padding:20px 0; margin:3% 0 -4px 0;}
#IcSayfaHizliMenu{font-size: 11px; width:70%;  bottom: 3%; padding: 2px 5px 3px 30px}
#IcSayfaHizliMenu{background:url(/Images/Site/SolBaslik.png) no-repeat left center; position:absolute; bottom:5%;}

#IcSayfaHizliMenu .container{ padding:3px 10px;}
#IcSayfaHizliMenu h1{display:block; font-size:15px; margin-bottom:5px}
#EgitimTakvimi .BasvuruYap{right:6%; top:35%;}
#EgitimTakvimi #DetayUst h2{font-size:16px; padding:5px 20px; margin-bottom:20px; }
#EgitimTakvimi .AltBaslik{font-size:16px; margin-bottom:10px;  padding:5px 20px;}
#Egitmenler .Egitmen i{font-size:11px;}
.Menuler a{font-size:11px;}
#Kutuphane .Baslik{padding:10px 0; font-size:14px}
#Slogan{margin-top:-70px; }
#OnBasvuruFormu b{font-size:16px; margin-bottom:10px}
#Top .TelefonMail div{ margin-right:5px}
#Top .SosyalMedya a{margin:0 2px 0 0}
#Egitmenler .Egitmen img {max-width:60%;}
#Panel #Hata{ font-size:14px; margin-top:10px}
#Footer img{ max-width:30%}
#Top .SosyalMedya{ margin-right:05px; margin-top:3px; }

.UstIletisim{margin-left:10px}
}
@media(min-width:991px) {
    .PP0{padding-left:15px; padding-right:15px}
.MM0{margin-left:15px; margin-right:15px}
.UstIletisim{margin-left:25px}
    #Top .SosyalMedya{margin-right:15px; margin-top:5px; }
#Top{font-size:13px;}
#Kutuphane #Ara input[type=text]{width:30%; float:left;padding:10px;}
#Kutuphane #Ara a{width:10%; padding:12px;}
#Footer img{ max-width:40%}
#Egitmenler .Egitmen img {max-width:80%;}
#Top .SosyalMedya a{;margin:0 5px 0 0}
    #Top .TelefonMail div{ margin-right:25px}
    #Footer .AltMenu { margin-left:10%}
    .form-control{font-size:13px}
input, textarea, select{font: 13px 'Poppins', sans-serif;}
body{font-size:13px}
.Logo{width:auto;}
.Menuler{ margin-top:15px; margin-right:0}
.nav > li > a{margin:30px 0 5px 4px; }
#Ust .nav li ul {margin-top:3px}

#Slogan div div a{padding:4px}
#Slogan div b{font-size:16px; margin-bottom:10px; height:35px}
#Slogan div i{margin-top:10px; font-size:12px}
#Hakkimizda h3{font-size:26px; margin:10px 0;}
.AnasayfaBaslik{font-size:24px; margin-bottom:10px}
#Kitaplar .AnasayfaKitap b{font-size:12px;}
#AnasayfaSizdenGelenler #Sag b{font-size:16px}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 80px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:50px 5px;}
#AnasayfaSizdenGelenler #Sol b{font-size:14px; margin-bottom:20px;}
#AnasayfaSizdenGelenler #Sol i{font-size:13px; margin-bottom:20px}
#Egitmenler .Egitmen .Cerceve{padding:10px; margin-top:30px;}
#Footer{font-size:12px; padding:20px 0; margin:3% 0 -4px 0;}
#IcSayfaHizliMenu{font-size: 12px; width:70%;  bottom: 3%; padding: 10px 5px 10px 30px}
#IcSayfaHizliMenu .container{ padding:5px 10px;}
#IcSayfaHizliMenu h1{display:block; font-size:15px; margin-bottom:10px}
#EgitimTakvimi .BasvuruYap{right:6%; top:25%;}
#EgitimTakvimi #DetayUst h2{font-size:16px; padding:5px 20px; margin-bottom:20px; }
#EgitimTakvimi .AltBaslik{font-size:16px; margin-bottom:10px;  padding:5px 20px;}
#Egitmenler .Egitmen i{font-size:11px;}
.Menuler a{font-size:13px;}
#Kutuphane .Baslik{padding:10px 0; font-size:14px}
#Slogan{margin-top:-70px; }
    #OnBasvuruFormu b{font-size:18px; margin-bottom:10px}
#Panel #Hata{ font-size:16px; margin-top:10px}
#BannerIcSayfa{ margin:70px 0 30px 0; }
.navbar-default{height:70px}
#Banner{ margin-top:70px}
}
@media(min-width:1200px) {
input, textarea, select{font: 14px 'Poppins', sans-serif;}
    .form-control{font-size:14px}
#Kutuphane .Baslik{padding:10px 0; font-size:16px}
.Menuler a{font-size:14px;}
body{font-size:13px}
.Logo{width:100%;}
.Menuler{ margin-top:15px; margin-right:0}
.nav > li > a{margin:35px 0px 5px 25px; }
#Ust .nav li ul {margin-top:3px}

#Slogan div div a{padding:10px}
#Slogan div b{font-size:16px; margin-bottom:10px; height:40px}
#Slogan div i{margin-top:10px; font-size:12px}
#Hakkimizda h3{font-size:30px; margin:20px 0;}
.AnasayfaBaslik{font-size:24px; margin-bottom:10px}
#Kitaplar .AnasayfaKitap b{font-size:14px;}
#AnasayfaSizdenGelenler #Sag b{font-size:20px}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 100px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:50px 10px;}
#AnasayfaSizdenGelenler #Sol b{font-size:16px; margin-bottom:20px;}
#AnasayfaSizdenGelenler #Sol i{font-size:16px; margin-bottom:20px}
#Egitmenler .Egitmen .Cerceve{padding:10px; margin-top:30px;}
#Footer{font-size:12px; padding:20px 0; margin:3% 0 -4px 0;}
#IcSayfaHizliMenu{font-size: 14px; width:70%;  bottom: 5%; padding: 10px 5px 10px 30px; bottom:5%}
#IcSayfaHizliMenu .container{ padding:5px 10px;}
#IcSayfaHizliMenu h1{display:block; font-size:18px; margin-bottom:10px}
#EgitimTakvimi .BasvuruYap{right:6%; top:33%;}
#EgitimTakvimi #DetayUst h2{font-size:16px; padding:5px 20px; margin-bottom:20px; }
#EgitimTakvimi .AltBaslik{font-size:16px; margin-bottom:10px;  padding:5px 20px;}
#Egitmenler .Egitmen i{font-size:12px;}
#Slogan{margin-top:-80px; }
    #OnBasvuruFormu b{font-size:18px; margin-bottom:10px}
    
#Panel #Hata{ font-size:16px; margin-top:10px}

    #BannerIcSayfa{ margin:80px 0 30px 0; }
.navbar-default{height:80px}
#Banner{ margin-top:80px}
}
@media(min-width:1400px) {
    
#Banner{ margin-top:100px}
    #BannerIcSayfa{ margin:100px 0 40px 0; }
.navbar-default{height:100px}
    .form-control{font-size:14px}
input, textarea, select{font: 14px 'Poppins', sans-serif;}
#Kutuphane .Baslik{padding:10px 0; font-size:18px}
.Logo{width:90%;}
.Menuler{ margin-top:60px; margin-right:0}
#Ust .nav li ul {margin-top:17px}

body{font-size:14px}
.nav > li > a{margin:0 0 20px 35px; }
#Slogan div div a{padding:15px}
#Slogan div b{font-size:18px; margin-bottom:10px; height:45px}
#Slogan div i{margin-top:15px; font-size:14px}
#Hakkimizda h3{font-size:40px; margin:20px 0;}
.AnasayfaBaslik{font-size:30px; margin-bottom:15px}
#Kitaplar .AnasayfaKitap b{font-size:16px;}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 120px}
#AnasayfaSizdenGelenler #Sag b{font-size:24px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:50px 10px;}
#AnasayfaSizdenGelenler #Sol b{font-size:20px; margin-bottom:20px;}
#AnasayfaSizdenGelenler #Sol i{font-size:20px; margin-bottom:20px}
#Egitmenler .Egitmen .Cerceve{padding:10px; margin-top:30px;}
#Footer{font-size:14px; padding:20px 0; margin:3% 0 -4px 0;}
#IcSayfaHizliMenu{font-size: 15px; width:70%;  bottom: 5%; padding: 10px 5px 10px 40px; bottom:5%}
#IcSayfaHizliMenu .container{ padding:10px 20px;}
#IcSayfaHizliMenu h1{display:block; font-size:24px; margin-bottom:10px}
#EgitimTakvimi .BasvuruYap{right:7%; top:38%;}
#EgitimTakvimi #DetayUst h2{font-size:18px; padding:10px 30px; margin-bottom:20px; }
#EgitimTakvimi .AltBaslik{font-size:18px; margin-bottom:10px;  padding:5px 30px;}
#Egitmenler .Egitmen i{font-size:13px;}
#Slogan{margin-top:-90px; }
#Panel #Hata{ font-size:18px; margin-top:15px}

    .modal-dialog {
        width: 60%
    }
}
@media(min-width:1600px) {
    #OnBasvuruFormu b{font-size:20px; margin-bottom:15px}
    
input, textarea, select{font: 14px 'Poppins', sans-serif;}
    .form-control{font-size:14px}
#Kutuphane .Baslik{padding:10px 0; font-size:20px}
body{font-size:14px}
.nav > li > a{margin:0 0px 20px 66px}
#Slogan div div a{padding:9px}
#AnasayfaSizdenGelenler #Sag b{font-size:26px}
#AnasayfaSizdenGelenler #Sol{padding:0 0 30px 135px}
#AnasayfaSizdenGelenler #Sol .Beyaz{padding:70px 20px;}
#AnasayfaSizdenGelenler #Sol b{font-size:28px; margin-bottom:30px;}
#AnasayfaSizdenGelenler #Sol i{font-size:28px; margin-bottom:30px}
#Egitmenler .Egitmen .Cerceve{padding:15px; margin-top:30px;}
#EgitimTakvimi .BasvuruYap{right:5%; top:37%;}
#EgitimTakvimi #DetayUst h2{font-size:20px; padding:10px 30px; margin-bottom:20px; }
#EgitimTakvimi .AltBaslik{font-size:20px; margin-bottom:10px;  padding:5px 30px;}
#Egitmenler .Egitmen i{font-size:14px;}
#Slogan{margin-top:-100px; }
#Panel #Hata{ font-size:20px; margin-top:15px}

}

@media(min-width:1700px) {
    .modal-dialog {
        width: 40%
    }
    #EgitimTakvimi .BasvuruYap{ right:12%; top:38%;}
}
@media(min-width:2000px) {
    #EgitimTakvimi .BasvuruYap {
        right: 27%;
        top: 28%;
    }
}