html, body {font-family:PT Sans,Calibri,sans-serif;font-size:1em;margin:0;padding:0;width:100%;height:100%;line-height:1.5em;text-align:center;color:#1B1B1B;}
table {font-family:PT Sans,Calibri,sans-serif;font-size:1em;color:#1B1B1B;}
select {font-family:PT Sans,Calibri,sans-serif;}
button {font-family:PT Sans,Calibri,sans-serif;}
input {font-family:PT Sans,Calibri,sans-serif;}

/*header css sprite*/
.aday-girisi, .firma-girisi
{ display: inline-block; background: url('../images/header.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.aday-girisi { background-position: -0px -0px; width: 24px; height: 24px; }
.firma-girisi { background-position: -0px -24px; width: 24px; height: 24px; }

/*nasıl çalışır css sprite*/
.is-eleman-bulun, .is-eleman-ilanlari, .ucretsiz-uye-olun
{ display: inline-block; background: url('../images/nasil-calisir.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.is-eleman-bulun { background-position: -0px -0px; width: 128px; height: 128px; }
.is-eleman-ilanlari { background-position: -0px -128px; width: 128px; height: 128px; }
.ucretsiz-uye-olun { background-position: -0px -256px; width: 128px; height: 128px; }
Your HTML

/*footer css sprite*/
.facebook, .instagram, .oib, .twitter, .youtube {display:inline-block;background:url('../images/footer.png') no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;}
.oib{background-position:-0px -0px;width:50px;height:50px;}
.facebook{background-position:-0px -50px;width:30px;height:30px;}
.instagram{background-position:-0px -80px;width:30px;height:30px;}
.twitter{background-position:-0px -110px;width:30px;height:30px;}
.youtube{background-position:-0px -140px;width:30px;height:30px;}


/*Desktop and Laptops*/
@media screen and (min-width:1060px) {	
/*nav*/
nav {width:100%;height:120px;line-height:120px;position:relative;float:left;}
#nav {max-width:1250px;min-width:1060px;position:relative;margin:auto;}
#nav-logo {width:190px;position:relative;float:left;padding:0 10px 0 0;}
#nav-sag {width:100px;position:relative;float:right;padding:0;text-align:right;font-size:0.9em;}
.nav-sag {height:120px;line-height:15px;padding-top:10px;position:relative;text-align:center;background:#f7f7f7;}
.nav {position:relative;float:left;font-size:0.9em;text-align:center;transition:all .2s ease-in-out;color:#000;padding-left:10px;padding-right:10px;font-weight:bold;}
.nav:hover {background:#02416c;color:#FFF;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}

/*nav kurumsal login*/
#nav-sag-kurumsal-login {width:100px;position:relative;float:right;background:#f7f7f7;}

.buton-nav {font-size:0.9em;width:100px;line-height:40px;}

/*nav mobile*/
#nav-mobile {display:none;}

/*header*/
header {width:100%;min-width:1060px;padding-top:50px;padding-bottom:330px;position:relative;float:left;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}
#header-ust {width:100%;position:relative;margin:auto;color:#FFF;padding:30px 0 30px 0;}
#header-ust h1 {font-size:2em;color:#000;}
#header-ust h2 {font-size:1.4em;color:#000;}
.header-sol {width:800px;position:relative;float:left;text-align:left;padding-left:100px;}

.buton-eleman-is-ariyorum {font-size:1em;width:180px;line-height:40px;}
.hizli-ilan-arama-motoru {width:550px;height:50px;position:relative;margin:auto;border-radius:10px;font-size:1.1em;}
.buton-ilan-ara {font-size:1.1em;width:100px;line-height:50px;}

/*Sayfayı Bölen Kutular*/
.kutu-metin {padding:5px;}
.height-is-bul {height:90px;}
.height-is-bul-baslik {height:20px;}
.height-is-rehberi-index {height:110px;}
.height-is-rehberi-index-baslik {height:20px;}
.height-is-ariyorum {height:110px;}
.height-is-ariyorum-baslik {height:20px;}
.height-kurslar {height:50px;}
.height-kurslar-baslik {height:50px;}
.height-sizden-gelenler {height:170px;font-size:0.9em;}
.height-sizden-gelenler-baslik {height:40px;}
.height-belgeler {height:90px;}

/*Başlık*/
#baslik {width:100%;height:40px;line-height:40px;min-width:1060px;position:relative;background:#d4d4d4;padding:0;}
#baslik-kurumsal {width:100%;height:40px;line-height:40px;min-width:1060px;position:relative;background:#d4d4d4;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#000;}
} /*Desktop and Laptops kapanışı*/

/*Tablets and New Smartphones*/
@media screen and (min-width:814px) and (max-width:1059px) {
/*nav*/
nav {width:100%;height:90px;line-height:90px;position:relative;float:left;}
#nav {max-width:1059px;min-width:814px;position:relative;margin:auto;}
#nav-logo {width:140px;position:relative;float:left;padding:0 10px 0 0;}
#nav-sag {width:50px;position:relative;float:right;padding:0;text-align:right;font-size:0.8em;}
.nav-sag {height:90px;line-height:15px;font-size:0.8em;position:relative;text-align:center;background:#f7f7f7;}
.nav {position:relative;float:left;font-size:0.8em;text-align:center;transition:all .2s ease-in-out;color:#000;padding-left:5px;padding-right:5px;font-weight:bold;}
.nav:hover {background:#02416c;color:#FFF;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}

/*nav kurumsal login*/
#nav-sag-kurumsal-login {width:60px;position:relative;float:right;background:#f7f7f7;}

.buton-nav {font-size:0.7em;width:60px;line-height:30px;font-weight:bold;}

/*nav mobile*/
#nav-mobile {display:none;}

/*header*/
header {width:100%;min-width:814px;padding-top:30px;padding-bottom:160px;position:relative;float:left;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}
#header-ust {width:100%;position:relative;margin:auto;color:#FFF;padding:20px 0 20px 0;}
#header-ust h1 {font-size:1.4em;color:#000;}
#header-ust h2 {font-size:1.2em;color:#000;}
.header-sol {width:500px;position:relative;float:left;text-align:left;padding-left:50px;}

.buton-eleman-is-ariyorum {font-size:0.9em;width:160px;line-height:40px;}
.hizli-ilan-arama-motoru {width:350px;height:50px;position:relative;margin:auto;border-radius:10px;font-size:1.1em;}
.buton-ilan-ara {font-size:1em;width:100px;line-height:50px;}

/*Sayfayı Bölen Kutular*/
.kutu-metin {padding:5px;font-size:0.9em;}
.height-is-bul {height:130px;}
.height-is-bul-baslik {height:20px;}
.height-is-rehberi-index {height:130px;}
.height-is-rehberi-index-baslik {height:20px;}
.height-is-ariyorum {height:140px;}
.height-is-ariyorum-baslik {height:20px;}
.height-kurslar {height:60px;}
.height-kurslar-baslik {height:50px;}
.height-sizden-gelenler {height:220px;font-size:0.9em;}
.height-sizden-gelenler-baslik {height:40px;}
.height-belgeler {height:110px;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:814px;position:relative;background:#d4d4d4;padding:0;}
#baslik-kurumsal {width:100%;height:30px;line-height:30px;min-width:814px;position:relative;background:#d4d4d4;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#000;}
} /*Tablets and New Smartphones Kapanışı*/

/*New Smartphones and Mini Tablets (640px-719px) (üst menüyü düzgün bölmek için 813px'den kestik)*/
@media screen and (min-width:640px) and (max-width:813px) {
/* nav */
nav {display:none;}

/* nav-mobile */
#nav-mobile {max-width:813px;min-width:640px;height:90px;position:relative;margin:auto;background:#FFF;}
#nav-mobile-logo {width:170px;line-height:90px;position:relative;float:left;text-align:left;padding-left:20px;}
#nav-mobile-menu {width:100%;height:40px;line-height:40px;position:relative;float:left;background:#02416c;}
#nav-mobile-sag {line-height:90px;position:relative;float:right;text-align:right;padding-right:20px;font-size:0.8em;}
.nav-mobile-menu {position:relative;float:left;font-size:1em;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.nav-mobile-menu:hover {background:#000;color:#FFF;}
.buyuk{width:22%;}
.orta{width:19%;}
.kucuk{width:19%;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}
.nav-mobile-sag-ikon {line-height:12px;float:left;padding-top:20px;padding-right:20px;padding-left:20px;text-align:center;color:#000;font-weight:bold;}

/*header*/
header {width:100%;min-width:640px;padding-top:10px;padding-bottom:110px;position:relative;float:left;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}
#header-ust {width:100%;position:relative;margin:auto;text-align:left;color:#FFF;padding:10px 0 10px 0;}
#header-ust h1 {font-size:1.2em;color:#000;}
#header-ust h2 {font-size:1em;color:#000;}
.header-sol {width:450px;position:relative;float:left;padding-left:40px;}

.buton-eleman-is-ariyorum {font-size:0.9em;width:150px;line-height:40px;}
.buton-hizli-ara {font-size:0.8em;width:90px;line-height:20px;}
.hizli-ilan-arama-motoru {width:350px;height:40px;position:relative;margin:auto;border-radius:10px;font-size:1em;}
.buton-ilan-ara {font-size:1em;width:80px;line-height:40px;}

/*Sayfayı Bölen Kutular*/
.kutu-metin {padding:5px;}
.height-is-bul {height:40px;}
.height-is-bul-baslik {height:20px;}
.height-is-rehberi-index {height:160px;font-size:0.9em;}
.height-is-rehberi-index-baslik {height:40px;}
.height-is-ariyorum {height:200px;}
.height-is-ariyorum-baslik {height:30px;}
.height-kurslar {height:80px;}
.height-kurslar-baslik {height:90px;}
.height-sizden-gelenler {height:290px;font-size:0.9em;}
.height-sizden-gelenler-baslik {height:40px;}
.height-belgeler {height:130px;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:640px;position:relative;background:#d4d4d4;padding:0;}
#baslik-kurumsal {width:100%;height:30px;line-height:30px;min-width:640px;position:relative;background:#d4d4d4;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#000;}
#baslik-cizgi {width:100%;height:1px;min-width:640px;position:relative;background:#d4d4d4;}
} /*New Smartphones and Mini Tablets Kapanışı*/

/*Old Smartphones (320px-479px) & New Smartphones (480px-639px)*/
@media screen and (max-width:639px) {
/* nav */
nav {display:none;}

/* nav-mobile */
#nav-mobile {max-width:639px;min-width:320px;height:80px;position:relative;margin:auto;background:#FFF;}
#nav-mobile-logo {width:150px;line-height:80px;position:relative;float:left;text-align:left;padding-left:5px;}
#nav-mobile-sag {line-height:80px;position:relative;float:right;text-align:right;font-size:0.7em;}
#nav-mobile-menu {width:100%;height:30px;line-height:30px;position:relative;float:left;background:#02416c;}
.nav-mobile-menu {position:relative;float:left;text-align:center;transition:all .2s ease-in-out;color:#FFF;}
.nav-mobile-menu:hover {background:#000;color:#FFF;}
.buyuk{width:30%;font-size:0.75em;}
.orta{width:20%;font-size:0.75em;}
.kucuk{width:14%;font-size:0.75em;}
.border-left {border-left:1px solid #e9eaed;}
.border-right {border-right:1px solid #e9eaed;}
.nav-mobile-sag-ikon {line-height:10px;float:left;padding-top:20px;padding-right:5px;padding-left:5px;text-align:center;color:#000;font-weight:bold;}

/*header*/
header {width:100%;min-width:320px;padding-top:20px;padding-bottom:200px;position:relative;float:left;background:url(../images/header-bg-kucuk.jpg) no-repeat;background-size:cover;}
#header-container {width:100%;height:100%;position:relative;margin:auto;}
#header-ust {width:100%;position:relative;float:left;text-align:left;color:#FFF;padding:20px 0 30px 0;}
#header-ust h1 {font-size:1.2em;color:#000;}
#header-ust h2 {font-size:1em;color:#000;}
.header-sol {width:320px;position:relative;float:left;padding-left:20px;}

.buton-eleman-is-ariyorum {font-size:0.8em;width:130px;line-height:40px;}
.buton-hizli-ara {font-size:0.75em;width:30px;line-height:20px;}
.hizli-ilan-arama-motoru {width:220px;height:40px;position:relative;margin:auto;border-radius:10px;font-size:0.9em;}
.buton-ilan-ara {font-size:0.9em;width:80px;line-height:40px;}

/*Sayfayı Bölen Kutular*/
.kutu-metin {padding:5px;}
.height-is-bul {height:60px;}
.height-is-bul-baslik {height:20px;}
.height-is-rehberi-index {height:90px;}
.height-is-rehberi-index-baslik {height:20px;}
.height-is-ariyorum {height:120px;}
.height-is-ariyorum-baslik {height:20px;}
.height-belgeler {height:100px;}

/*Başlık*/
#baslik {width:100%;height:30px;line-height:30px;min-width:320px;position:relative;background:#d4d4d4;padding:0;}
#baslik-kurumsal {width:100%;height:30px;line-height:30px;min-width:320px;position:relative;background:#d4d4d4;padding:0;}
#baslik-container {width:88%;position:relative;margin:auto;text-align:left;color:#000;}
#baslik-cizgi {width:100%;height:1px;min-width:320px;position:relative;background:#d4d4d4;}
} /*Old Smartphones & New Smartphones Kapanışı*/

.renk1 {background:#02416c;}
.renk2 {background:#ff6e01;}
.acik_renk1 {background:#e8eff9;}
.tablo_renk1 {background:#02416c;}
.renk1-font {color:#02416c;}
.renk2-font {color:#ff6e01;}

.gri {background:#e9eaed;}
.acik_gri {background:#fbfbfb;}
.koyu_gri {background:#dddada;}
.tablo_gri {background:#e9eaed;}

/*Butonlar*/
.buton-renk1 {border:2px solid black;cursor:pointer;border-radius:5px;border-color:#02416c;color:#ffffff;background-color:#02416c;margin:auto;text-align:center;display:inline-block;}
.buton-renk1:hover {background:#02416c;color:#02416c;background-color:#ffffff;}

.buton-renk2 {border:2px solid black;cursor:pointer;border-radius:5px;border-color:#ff6e01;color:#ffffff;background-color:#ff6e01;margin:auto;text-align:center;display:inline-block;}
.buton-renk2:hover {background:#ff6e01;color:#ff6e01;background-color:#ffffff;}

.buton-beyaz {border:2px solid black;cursor:pointer;border-radius:5px;border-color:#02416c;color:#02416c;background-color:#ffffff;margin:auto;text-align:center;display:inline-block;}
.buton-beyaz:hover {background:#02416c;color:#ffffff;background-color:#02416c;}

.ekle_cikar_buton {width:65px;font-size:14px;background-color:#ff6e01;color:#fff;}

/* sık sorulan sorular */
.accordion {
  background-color: #f0f0f0;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #F9F9F9;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}