Best Responsive Multi Level Html Css Dropdown Menu Code in The World

Yes. This is the best multi level dropdown menu code in the world. I'm not lying.

First of all, i'm not software engineer, programmer or webmaster.

I'm just a teacher at middle school. And I am from Turkey. I don't know english very well. So, if i write something wrong, just ignore :)

Here is my story.

I prepared a website for the students. ( fen bilimleri )

I'm sharing worksheet, lecture pdf and interactive games on the website.

When i built this website, i needed a multi level dropdown menu. I searched all over the internet.

But i couldn't find a working html css code.

All over the internet has got pop-up link ( # ) in their menu.

Most of you will not understand me.

Let me show you.

This screenshot is from w3schools. here is the link. you can see.

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_multilevel_css&stacked=h

You can find a lot of websites in the internet. All of them has got " # " pop up link in their menu.

This " # " link causes pop up in every internet browser. chrome, yahoo, bing, mozilla firefox, opera...

in computers, in mobile phones, in tablet computers, in smart boards... So visitor has difficulties while

surfing your dropdown menu...

I decided to try writing a new one...

But i am not a programmer. So it was impossible for me.

Then i found w3schools code which was okay for me!

There wasn't " # " pop up link in the dropdown menu codes.

Here is screenshot.

no pop up no multi level dropdown menu html css

As you can see there is no # pop up link on the left corner.

That dropdown menu was very cool. Unfortunately, There was a problem with it.

IT WAS NOT MULTI LEVEL.

Here is the link. You can view.

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_responsive_navbar_dropdown

I tried so hard and succeed.

I turned that html css dropdown menu to html css multilevel dropdown menu.

And now i share it for free.

It was very difficult to edit the codes.

I wrote every lines in the menu.

There is no auto code in the codes.

If you can't handle it, do not blame me.

Check this website's menu. There is "Oyun" category on the dropdown.

When you click it. You will see the multi level menu.

"If you like my dropdown menu and if you want to support me;

please COMMENT from the bottom of the page."

Multilevel Dropdown Menu Html Codes

  <div class='top-bar'>
<div class='topnav' id='myTopnav'>
  <a class='active' href='https://www.fenyurdu.com'>Ana Sayfa</a>
  
  
   
  
  
  
  
  
  
  
  <div class='dropdown'>
    <button class='dropbtn'>Oyun
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content20'>
    <button class='dropbtn2'>5.Sınıf      <i class='fa fa-caret-right'/>
      </button>
      <div class='dropdown-birincisag'>
          <button class='dropbtn2yan'>1.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag'>
           <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-ucak-oyunu.html'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-labirent-oyunu.html'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-eslestirme-oyunu.html'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-kutu-acma-oyunu.html'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-dogru-yanlis-oyunu.html'>Doğru Yanlış Oyunu</a>
        
        </div>
      </div>
      
      
      
      
      <div class='dropdown-birincisag1'>
          <button class='dropbtn2yan'>2.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag1'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      
      
      
      
      
      
      
       <div class='dropdown-birincisag2'>
          <button class='dropbtn2yan'>3.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag2'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
  <div class='dropdown-birincisag3'>
          <button class='dropbtn2yan'>4.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag3'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag4'>
          <button class='dropbtn2yan'>5.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag4'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag5'>
          <button class='dropbtn2yan'>6.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag5'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
      
      
      <div class='dropdown-birincisag6'>
          <button class='dropbtn2yan'>7.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag6'>
           <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
    
  </div> 
    
    
    
    
    
    
    
    
    
    
    <div class='dropdown-content21'>
    <button class='dropbtn2'>6.Sınıf      <i class='fa fa-caret-right'/>
      </button>
    <div class='dropdown-birincisag'>
          <button class='dropbtn2yan'>1.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag'>
                <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-ucak-oyunu.html'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-labirent-oyunu.html'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-eslestirme-oyunu.html'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-kutu-acma-oyunu.html'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-dogru-yanlis-oyunu.html'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      <div class='dropdown-birincisag1'>
          <button class='dropbtn2yan'>2.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag1'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      
      
      
      
      
      
      
       <div class='dropdown-birincisag2'>
          <button class='dropbtn2yan'>3.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag2'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
  <div class='dropdown-birincisag3'>
          <button class='dropbtn2yan'>4.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag3'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag4'>
          <button class='dropbtn2yan'>5.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag4'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag5'>
          <button class='dropbtn2yan'>6.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag5'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
      
      
      <div class='dropdown-birincisag6'>
          <button class='dropbtn2yan'>7.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag6'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>    
    
    
    </div>
    
    
    <div class='dropdown-content22'>
    <button class='dropbtn2'>7.Sınıf      <i class='fa fa-caret-right'/>
      </button>
     <div class='dropdown-birincisag'>
          <button class='dropbtn2yan'>1.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag'>
               <a href='https://www.fenyurdu.com/2023/08/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-ucak-oyunu.html'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com/2023/08/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-labirent-oyunu.html'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-eslestirme-oyunu.html'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-kutu-acma-oyunu.html'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-dogru-yanlis-oyunu.html'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      <div class='dropdown-birincisag1'>
          <button class='dropbtn2yan'>2.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag1'>
           <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      
      
      
      
      
      
      
       <div class='dropdown-birincisag2'>
          <button class='dropbtn2yan'>3.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag2'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
  <div class='dropdown-birincisag3'>
          <button class='dropbtn2yan'>4.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag3'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag4'>
          <button class='dropbtn2yan'>5.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag4'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag5'>
          <button class='dropbtn2yan'>6.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag5'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
      
      
      <div class='dropdown-birincisag6'>
          <button class='dropbtn2yan'>7.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag6'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>    
    
    
    </div>
    
    
    
    
    <div class='dropdown-content23'>
    <button class='dropbtn2'>8.Sınıf      <i class='fa fa-caret-right'/>
      </button>
    <div class='dropdown-birincisag'>
          <button class='dropbtn2yan'>1.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag'>
              <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-ucak-oyunu.html'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-labirent-oyunu.html'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-eslestirme-oyunu.html'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-kutu-acma-oyunu.html'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-dogru-yanlis-oyunu.html'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      <div class='dropdown-birincisag1'>
          <button class='dropbtn2yan'>2.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag1'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
      
      
      
      
      
      
      
      
      
       <div class='dropdown-birincisag2'>
          <button class='dropbtn2yan'>3.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag2'>
                <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>
      
      
  <div class='dropdown-birincisag3'>
          <button class='dropbtn2yan'>4.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag3'>
               <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag4'>
          <button class='dropbtn2yan'>5.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag4'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
        <div class='dropdown-birincisag5'>
          <button class='dropbtn2yan'>6.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag5'>
              <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>     
      
      
      
      <div class='dropdown-birincisag6'>
          <button class='dropbtn2yan'>7.Ünite                     <i class='fa fa-caret-right'/>  </button>    
        
       
      <div class='dropdown-ikincisag6'>
             <a href='https://www.fenyurdu.com'>Uçak Oyunu</a>
           <a href='https://www.fenyurdu.com'>Labirent Oyunu</a>
<a href='https://www.fenyurdu.com'>Eşleştirme Oyunu</a>
        <a href='https://www.fenyurdu.com'>Kutu Açma Oyunu</a>
         <a href='https://www.fenyurdu.com'>Doğru Yanlış Oyunu</a>
        </div>
      </div>    
    
    
    </div>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
      
              </div>
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <div class='dropdown'>
    <button class='dropbtn'>5.Sınıf 
      <i class='fa fa-caret-down'/>

    </button>
    <div class='dropdown-content'>
    <button class='dropbtn2'>1.Ünite Güneş, Dünya ve Ay
      <i class='fa fa-caret-right'/>

      </button>
              <div class='dropdown-sub'>
      <a href='#'>1.1 Güneş'in Yapısı ve Özellikleri Konu Anlatımı</a>
                <a href='https://www.fenyurdu.com/2022/09/gunesin-yapisi-ve-ozellikleri-calisma-kagidi.html'>1.1 Güneş'in Yapısı ve Özellikleri Çalışma Kağıdı</a>
                
      <a href='#'>1.2 Ay’ın Yapısı ve Özellikleri Konu Anlatımı</a>
                
  <a href='https://www.fenyurdu.com/2022/10/ayin-yapisi-ve-ozellikleri-calisma-kagidi.html'>1.2 Ay’ın Yapısı ve Özellikleri Çalışma Kağıdı</a>
      <a href='#'>1.3 Ay’ın Hareketleri ve Evreleri Konu Anlatımı</a> 
 <a href='https://www.fenyurdu.com/2022/10/ayin-hareketleri-ve-evreleri-calisma-kagidi.html'>1.3 Ay’ın Hareketleri ve Evreleri Çalışma Kağıdı</a>
            <a href='#'>1.4 Güneş, Dünya ve Ay Konu Anlatımı</a>
                <a href='https://www.fenyurdu.com/2022/10/gunes-dunya-ve-ay-calisma-kagidi.html'>1.4 Güneş, Dünya ve Ay Çalışma Kağıdı</a>
            
                <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-eslestirme-oyunu.html'>1.Ünite Eşleştirme Oyunu</a>
                
                <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-ucak-oyunu.html'>1.Ünite Uçak Oyunu</a>
                
                <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-kutu-acma-oyunu.html'>1.Ünite Kutu Açma Oyunu</a>
                
                <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-labirent-oyunu.html'>1.Ünite Labirent Oyunu</a>
                
                <a href='https://www.fenyurdu.com/2023/08/5-sinif-fen-bilimleri-gunes-dunya-ve-ay-dogru-yanlis-oyunu.html'>1.Ünite Doğru Yanlış Oyunu</a>
                
                <a href='#'>1.Ünite Bursluluk Soruları</a>
                

      </div></div>
 <div class='dropdown-content1'>
    <button class='dropbtn2'>2.Ünite Canlılar Dünyası       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub1'>
      <a href='#'>2.1 Canlıları Tanıyalım Konu Anlatımı</a>
      <a href='#'>2.2 Canlıları Tanıyalım 2 Konu Anlatımı</a>
       <a href='#'>2.Ünite Bursluluk Soruları</a>
      </div>
    </div>
    <div class='dropdown-content2'>
    <button class='dropbtn2'>3.Ünite Kuvvetin Ölçülmesi ve Sürtünme       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub2'>
      <a href='#'>3.1 Kuvvetin Ölçülmesi Konu Anlatımı</a>
      <a href='#'>3.2 Sürtünme Kuvveti Konu Anlatımı</a>
         <a href='#'>3.Ünite Bursluluk Soruları</a>
      </div>
    </div>
    <div class='dropdown-content3'>
    <button class='dropbtn2'>4.Ünite Madde ve Değişim      <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub3'>
      <a href='#'>4.1 Maddenin Hal Değişimi Konu Anlatımı</a>
      <a href='#'>4.2 Maddenin Ayırt Edici Özellikleri Konu Anlatımı</a>
            <a href='#'>4.3 Isı ve Sıcaklık Konu Anlatımı</a>
      <a href='#'>4.4 Isı Maddeleri Etkiler Konu Anlatımı</a>
 <a href='#'>4.Ünite Bursluluk Soruları</a>
      </div>
    </div>
    
    <div class='dropdown-content4'>
    <button class='dropbtn2'>5.Ünite  Işığın Yayılması       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub4'>
      <a href='#'>5.1 Işığın Yayılması Konu Anlatımı</a>
      <a href='#'>5.2 Işığın Yansıması Konu Anlatımı</a>
            <a href='#'>5.3 Işığın Madde ile Karşılaşması Konu Anlatımı</a>
      <a href='#'>5.4 Tam Gölge Konu Anlatımı</a>
 <a href='#'>5.Ünite Bursluluk Soruları</a>
      </div>
    </div>
    
    <div class='dropdown-content5'>
    <button class='dropbtn2'>6.Ünite İnsan ve Çevre       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub5'>
      <a href='#'>6.1 Biyoçeşitlilik Konu Anlatımı</a>
      <a href='#'>6.2 İnsan ve Çevre İlişkisi Konu Anlatımı</a>
<a href='#'>6.3 Yıkıcı Doğa Olayları Konu Anlatımı</a>
 <a href='#'>6.Ünite Bursluluk Soruları</a>


      </div>
    </div>
    <div class='dropdown-content6'>
    <button class='dropbtn2'>7.Ünite Elektrik Devre Elemanları       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub6'>
      <a href='#'>7.1 Devre Elemanlarının Gösterimi Konu Anlatımı</a>
      <a href='#'>7.2 Ampul Parlaklığını Etkileyen D. Konu Anlatımı</a>
         <a href='#'>7.Ünite Bursluluk Soruları</a>
      </div>
    </div>
    
    
    
  </div> 
 <div class='dropdown'>
    <button class='dropbtn'>6.Sınıf
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content'>
    <button class='dropbtn2'>1.Ünite Güneş Sistemi ve Tutulmalar      <i class='fa fa-caret-right'/>

      </button>
              <div class='dropdown-sub'>
      <a href='https://www.fenyurdu.com/2022/10/gunes-sistemi-konu-anlatimi.html'>1.1 Güneş Sistemi Konu Anlatımı</a>
                <a href='https://www.fenyurdu.com/2022/11/gunes-sistemi-calisma-kagidi.html'>1.1 Güneş Sistemi Çalışma Kağıdı</a>
     <a href='https://www.fenyurdu.com/2022/11/6-sinif-gunes-sistemi-test.html'>1.1 Güneş Sistemi Test Çöz</a>
               
      <a href='https://www.fenyurdu.com/2022/10/gunes-ve-ay-tutulmalari-konu-anlatimi.html'>1.2 Güneş ve Ay Tutulmaları Konu Anlatımı</a>
                
            <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-eslestirme-oyunu.html'>1.Ünite Eşleştirme Oyunu</a>    
          <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-ucak-oyunu.html'>1.Ünite Uçak Oyunu</a>       
         <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-kutu-acma-oyunu.html'>1.Ünite Kutu Açma Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-dogru-yanlis-oyunu.html'>1.Ünite Doğru Yanlış Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/09/6-sinif-fen-bilimleri-gunes-sistemi-ve-tutulmalar-labirent-oyunu.html'>1.Ünite Labirent Oyunu</a>       
                
                
      <a href='https://www.fenyurdu.com/2022/09/6-sinif-1-unite-gunes-sistemi-ve-tutulmalar-bursluluk-sorulari.html'>1.Ünite Bursluluk Soruları</a>

      </div></div>
 <div class='dropdown-content1'>
    <button class='dropbtn2'>2.Ünite Vücudumuzdaki Sistemler       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub1'>
      <a href='https://www.fenyurdu.com/2021/12/6-sinif-2-unite-1-konu-destek-ve-hareket-sistemi-ozet-konu-anlatimi.html'>2.1 Destek ve Hareket Sistemi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/02/6-sinif-2-unite-konu-sindirim-sistemi-ozet-konu-anlatimi.html'>2.2 Sindirim Sistemi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/02/6-sinif-2-unite-3-konu-dolasim-sistemi-ozet-konu-anlatimi.html'>2.3 Dolaşım Sistemi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/02/6-sinif-2-unite-4-konu-solunum-sistemi-ozet-konu-anlatimi.html'>2.4 Solunum Sistemi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/02/6-sinif-2-unite-5-konu-bosaltim-sistemi-ozet-konu-anlatimi.html'>2.5 Boşaltım Sistemi Konu Anlatımı</a>
              <a href='https://www.fenyurdu.com/2022/09/6-sinif-2-unite-vucudumuzdaki-sistemler-bursluluk-sorulari.html'>2.Ünite Bursluluk Soruları</a>

        
        
        
      </div>
    </div>
    <div class='dropdown-content2'>
    <button class='dropbtn2'>3.Ünite Kuvvet ve Hareket       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub2'>
      <a href='https://www.fenyurdu.com/2022/02/6-sinif-3-unite-1-konu-bileske-kuvvet-ozet-konu-anlatimi.html'>3.1 Bileşke Kuvvet Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/03/6-sinif-3-unite-2-konu-sabit-suratli-hareket-ozet-konu-anlatimi.html'>3.2 Sabit Süratli Hareket Konu Anlatımı</a>
              <a href='https://www.fenyurdu.com/2022/09/6-sinif-3-unite-kuvvet-ve-hareket-bursluluk-sorulari.html'>3.Ünite Bursluluk Soruları Konu Anlatımı</a>

      </div>
    </div>
    <div class='dropdown-content3'>
    <button class='dropbtn2'>4.Ünite Madde ve Isı       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub3'>
      <a href='https://www.fenyurdu.com/2022/03/6-sinif-4-unite-1-konu-maddenin-tanecikli-yapisi-ozet-konu-anlatimi.html'>4.1 Maddenin Tanecikli Yapısı Konu Anlatımı</a>
      <a href='#'>4.2 Yoğunluk Konu Anlatımı</a>
            <a href='#'>4.3 Madde ve Isı Konu Anlatımı</a>
      <a href='#'>4.4 Yakıtlar Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/03/6-sinif-fen-bilgisi-4-unite-madde-ve-isi-2021-2018-bursluluk-sorulari.html'>4.Ünite Bursluluk Soruları</a>

        
        
      </div>
    </div>
    
    <div class='dropdown-content4'>
    <button class='dropbtn2'>5.Ünite Ses ve Özellikleri       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub4'>
      <a href='#'>5.1 Sesin Yayılması Konu Anlatımı</a>
      <a href='#'>5.2 Sesin Farklı Ortamlarda Farklı D. Konu Anlatımı</a>
            <a href='#'>5.3 Sesin Sürati Konu Anlatımı</a>
      <a href='#'>5.4 Sesin Maddeyle Etkileşmesi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/03/6-sinif-fen-bilgisi-5-unite-ses-ve-ozellikleri-2021-2010-bursluluk-sorulari.html'>5.Ünite Bursluluk Soruları</a>

      </div>
    </div>
    
    <div class='dropdown-content5'>
    <button class='dropbtn2'>6.Ünite Vücudumuzdaki Sistemler ve Sağlığı       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub5'>
      <a href='#'>6.1 Denetleyici ve Düzenleyici Sistemler Konu Anlatımı</a>
      <a href='#'>6.2 Duyu Organları Konu Anlatımı</a>
<a href='#'>6.3 Sistemlerin Sağlığı Konu Anlatımı</a>
        <a href='https://www.fenyurdu.com/2022/03/6-sinif-fen-bilgisi-6-unite-vucudumuzdaki-sistemler-ve-sagligi-2021-2002-bursluluk-sorulari.html'>6.Ünite Bursluluk Soruları</a>




      </div>
    </div>
    <div class='dropdown-content6'>
    <button class='dropbtn2'>7.Ünite Elektriğin İletimi       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub6'>
      <a href='#'>7.1 İletken ve Yalıtkan Maddeler Konu Anlatımı</a>
      <a href='#'>7.2 Elektriksel Direnç ve Bağlı Olduğu F. Konu Anlatımı</a>
              <a href='https://www.fenyurdu.com/2022/03/6-sinif-fen-bilgisi-7-unite-elektrigin-iletimi-2021-2007-bursluluk-sorulari.html'>7.Ünite Bursluluk Soruları</a>

        
        
        
        
      </div>
    </div></div>
 
 <div class='dropdown'>
    <button class='dropbtn'>7.Sınıf
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content'>
    <button class='dropbtn2'>1.Ünite Güneş Sistemi ve Ötesi      <i class='fa fa-caret-right'/>

      </button>
              <div class='dropdown-sub'>
      <a href='https://www.fenyurdu.com/2022/12/7-sinif-uzay-arastirmalari-konu-anlatimi.html'>1.1 Uzay Araştırmaları Konu Anlatımı</a>
                      <a href='https://www.fenyurdu.com/2022/09/uzay-arastirmalari-calisma-kagidi.html'>1.1 Uzay Araştırmaları Çalışma Kağıdı</a>
                                      <a href='https://www.fenyurdu.com/2022/09/7-sinif-uzay-arastirmalari-test.html'>1.1 Uzay Araştırmaları Test Çöz</a>

                
      <a href='https://www.fenyurdu.com/2022/12/7-sinif-gunes-sistemi-ve-otesi-gok-cisimleri-konu-anlatimi.html'>1.2 Gök Cisimleri Konu Anlatımı</a>
                <a href='https://www.fenyurdu.com/2022/09/gunes-sistemi-ve-otesi-gok-cisimleri-calisma-kagidi.html'>1.2 Gök Cisimleri Çalışma Kağıdı</a>
                <a href='https://www.fenyurdu.com/2022/09/7-sinif-gok-cisimleri-test.html'>1.2 Gök Cisimleri Test Çöz</a>
                                
<a href='https://www.fenyurdu.com/2022/09/7-sinif-gunes-sistemi-ve-otesi-test.html'>1.Ünite Tarama Testi</a>  
                
                
       <a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-eslestirme-oyunu.html'>1.Ünite Eşleştirme Oyunu</a>    
          <a href='https://www.fenyurdu.com/2023/08/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-ucak-oyunu.html'>1.Ünite Uçak Oyunu</a>       
          <a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-kutu-acma-oyunu.html'>1.Ünite Kutu Açma Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/09/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-dogru-yanlis-oyunu.html'>1.Ünite Doğru Yanlış Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/08/7-sinif-fen-bilimleri-gunes-sistemi-ve-otesi-labirent-oyunu.html'>1.Ünite Labirent Oyunu</a>         
                
                
                
                
                
      <a href='https://www.fenyurdu.com/2022/09/7-sinif-1-unite-gunes-sistemi-ve-otesi-bursluluk-sorulari.html'>1.Ünite Bursluluk Soruları</a>           
                
      </div></div>
 <div class='dropdown-content1'>
    <button class='dropbtn2'>2.Ünite Hücre ve Bölünmeler       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub1'>
      <a href='https://www.fenyurdu.com/2022/12/7-sinif-hucre-konu-anlatimi.html'>2.1 Hücre Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/12/7-sinif-mitoz-bolunme-konu-anlatimi.html'>2.2 Mitoz Konu Anlatımı</a>
            <a href='#'>2.3 Mayoz Konu Anlatımı</a>
                    <a href='https://www.fenyurdu.com/2022/09/7-sinif-2-unite-hucre-ve-bolunmeler-bursluluk-sorulari.html'>2.Ünite Bursluluk Soruları</a>


      </div>
    </div>
    <div class='dropdown-content2'>
    <button class='dropbtn2'>3.Ünite Kütle ve Enerji       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub2'>
      <a href='#'>3.1 Kütle ve Ağırlık İlişkisi Konu Anlatımı</a>
      <a href='#'>3.2 Kuvvet, İş ve Enerji İlişkisi Konu Anlatımı</a>
            <a href='#'>3.3 Enerji Dönüşümü Konu Anlatımı</a>
            <a href='https://www.fenyurdu.com/2022/09/7-sinif-3-unite-kutle-ve-enerji-bursluluk-sorulari.html'>3.Ünite Bursluluk Soruları</a>

      
      </div>
    </div>
    <div class='dropdown-content3'>
    <button class='dropbtn2'>4.Ünite Saf Madde ve Karışımlar       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub3'>
      <a href='#'>4.1 Maddenin Tanecikli Yapısı Konu Anlatımı</a>
      <a href='#'>4.2 Saf Maddeler Konu Anlatımı</a>
            <a href='#'>4.3 Karışımlar Konu Anlatımı</a>
      <a href='#'>4.4 Karışımların Ayrılması Konu Anlatımı</a>
      <a href='#'>4.4 Evsel Atıklar ve Geri Dönüşüm Konu Anlatımı</a>

      </div>
    </div>
    
    <div class='dropdown-content4'>
    <button class='dropbtn2'>5.Ünite Işığın Madde ile Etkileşimi       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub4'>
      <a href='#'>5.1 Işığın Soğurulması Konu Anlatımı</a>
      <a href='#'>5.2 Aynalar Konu Anlatımı</a>
            <a href='#'>5.3 Işığın Kırılması ve Mercekler Konu Anlatımı</a>

      </div>
    </div>
    
    <div class='dropdown-content5'>
    <button class='dropbtn2'>6.Ünite Canlılarda Üreme,Büyüme,Gelişme       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub5'>
      <a href='#'>6.1 İnsanda Üreme, Büyüme ve Gelişme Konu Anlatımı</a>
      <a href='#'>6.2 Bitki ve Hayvanlarda Ü. B. Gelişme Konu Anlatımı</a>



      </div>
    </div>
    <div class='dropdown-content6'>
    <button class='dropbtn2'>7.Ünite Elektrik Devreleri       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub6'>
      <a href='#'>7.1 Ampullerin Bağlanma Şekilleri Konu Anlatımı</a>
      </div>
    </div></div>
  
  
  <div class='dropdown'>
    <button class='dropbtn'>8.Sınıf
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content'>
    <button class='dropbtn2'>1.Ünite Mevsimler ve İklim      <i class='fa fa-caret-right'/>

      </button>
              <div class='dropdown-sub'>
      <a href='https://www.fenyurdu.com/2022/09/mevsimlerin-olusumu-konu-anlatimi.html'>1.1 Mevsimlerin Oluşumu Konu Anlatımı</a>
                      <a href='https://www.fenyurdu.com/2022/09/mevsimlerin-olusumu-calisma-kagidi.html'>1.1 Mevsimlerin Oluşumu Çalışma Kağıdı</a>
               
<a href='https://www.fenyurdu.com/2022/09/8-sinif-mevsimlerin-olusumu-test.html'>1.1 Mevsimlerin Oluşumu Test Çöz</a>

<a href='https://www.fenyurdu.com/2022/10/mevsimlerin-olusumu-meb-ornek-sorular.html'>1.1 Mevsimlerin Oluşumu Meb Örnek Sorular</a>                
                
      <a href='https://www.fenyurdu.com/2022/09/iklim-ve-hava-olaylari-konu-anlatimi.html'>1.2 İklim ve Hava Olayları Konu Anlatımı</a>
                      <a href='https://www.fenyurdu.com/2022/09/iklim-ve-hava-olaylari-calisma-kagidi.html'>1.2 İklim ve Hava Olayları Çalışma Kağıdı</a>
                      
                                      <a href='https://www.fenyurdu.com/2022/09/8-sinif-iklim-ve-hava-olaylari-test.html'>1.2 İklim ve Hava Olayları Test Çöz</a>
                                     

                  <a href='https://www.fenyurdu.com/2022/10/iklim-ve-hava-hareketleri-meb-ornek-sorular.html'>1.2 İklim ve Hava Olayları Meb Örnek Sorular</a>
                <a href='https://www.fenyurdu.com/2022/10/8-sinif-mevsimler-ve-iklim-test.html'>1.Ünite Tarama Testi</a>
                
                
                  <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-eslestirme-oyunu.html'>1.Ünite Eşleştirme Oyunu</a>    
          <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-ucak-oyunu.html'>1.Ünite Uçak Oyunu</a>       
          <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-kutu-acma-oyunu.html'>1.Ünite Kutu Açma Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-dogru-yanlis-oyunu.html'>1.Ünite Doğru Yanlış Oyunu</a>        
          <a href='https://www.fenyurdu.com/2023/08/8-sinif-fen-bilimleri-mevsimler-ve-iklim-labirent-oyunu.html'>1.Ünite Labirent Oyunu</a> 
                
                
                
                
                
                
                
                
                
                
                
                      <a href='https://www.fenyurdu.com/2022/09/8-sinif-1-unite-mevsimler-ve-iklim-bursluluk-sorulari.html'>1.Ünite Bursluluk Soruları</a>

      </div></div>
 <div class='dropdown-content1'>
    <button class='dropbtn2'>2.Ünite DNA ve Genetik Kod       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub1'>
      <a href='https://www.fenyurdu.com/2022/09/dna-ve-genetik-kod-konu-anlatimi.html'>2.1 DNA ve Genetik Kod Konu Anlatımı</a>
     <a href='https://www.fenyurdu.com/2022/10/dna-ve-genetik-kod-calisma-kagidi.html'>2.1 DNA ve Genetik Kod Çalışma Kağıdı</a>   
    <a href='https://www.fenyurdu.com/2022/10/8-sinif-dna-ve-genetik-kod-test.html'>2.1 DNA ve Genetik Kod Test Çöz</a>      
        
        
      <a href='https://www.fenyurdu.com/2022/09/kalitim-konu-anlatimi.html'>2.2 Kalıtım Konu Anlatımı</a>
        <a href='https://www.fenyurdu.com/2022/10/kalitim-calisma-kagidi.html'>2.2 Kalıtım Çalışma Kağıdı</a>
              <a href='https://www.fenyurdu.com/2022/10/8-sinif-kalitim-test.html'>2.2 Kalıtım Test Çöz</a>
  
            <a href='https://www.fenyurdu.com/2022/09/mutasyon-ve-modifikasyon-konu-anlatimi.html'>2.3 Mutasyon ve Modifikasyon Konu Anlatımı</a>
            <a href='https://www.fenyurdu.com/2022/09/adaptasyon-konu-anlatimi.html'>2.4 Adaptasyon Konu Anlatımı</a>
                    <a href='https://www.fenyurdu.com/2022/10/mutasyon-modifikasyon-ve-adaptasyon-calisma-kagidi.html'>Mutasyon M. ve Adaptasyon Çalışma Kağıdı</a>
                    <a href='https://www.fenyurdu.com/2022/10/8-sinif-mutasyon-modifikasyon-ve-adaptasyon-test.html'>Mutasyon M. ve Adaptasyon Test Çöz</a>

            <a href='https://www.fenyurdu.com/2022/09/biyoteknoloji-konu-anlatimi.html'>2.5 Biyoteknoloji Konu Anlatımı</a>
                    <a href='https://www.fenyurdu.com/2022/10/biyoteknoloji-calisma-kagidi.html'>2.5 Biyoteknoloji Çalışma Kağıdı</a>
                    <a href='https://www.fenyurdu.com/2022/10/8-sinif-biyoteknoloji-test.html'>2.5 Biyoteknoloji Test Çöz</a>
            <a href='https://www.fenyurdu.com/2022/11/8-sinif-dna-ve-genetik-kod-test.html'>2.Ünite Tarama Testi</a>

            <a href='https://www.fenyurdu.com/2022/09/8-sinif-2-unite-dna-ve-genetik-kod-bursluluk-sorulari.html'>2.Ünite Bursluluk Soruları Konu Anlatımı</a>

      </div>
    </div>
    <div class='dropdown-content2'>
    <button class='dropbtn2'>3.Ünite Basınç       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub2'>
      <a href='https://www.fenyurdu.com/2022/09/kati-basinci-konu-anlatimi.html'>3.1 Katı Basıncı Konu Anlatımı</a>
              <a href='https://www.fenyurdu.com/2022/10/sivi-basinci-konu-anlatimi.html'>3.2 Sıvı Basıncı Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/acik-hava-basinci-konu-anlatimi.html'>3.3 Açık Hava Basıncı Konu Anlatımı</a>

      <a href='#'>3.Ünite Bursluluk Soruları</a>
           

      
      </div>
    </div>
    <div class='dropdown-content3'>
    <button class='dropbtn2'>4.Ünite Madde ve Endüstri       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub3'>
      <a href='https://www.fenyurdu.com/2022/10/periyodik-sistem-konu-anlatimi.html'>4.1 Periyodik Sistem Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/fiziksel-ve-kimyasal-degisimler-konu-anlatimi.html'>4.2 Fiziksel ve Kimyasal Değişimler Konu Anlatımı</a>
            <a href='https://www.fenyurdu.com/2022/10/kimyasal-tepkimeler-konu-anlatimi.html'>4.3 Kimyasal Tepkimeler Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/asitler-ve-bazlar-konu-anlatimi.html'>4.4 Asitler ve Bazlar Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/maddenin-isi-ile-etkilesimi-konu-anlatimi.html'>4.5 Maddenin Isı ile Etkileşimi Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/turkiyede-kimya-endustrisi-konu-anlatimi.html'>4.6 Türkiye'de Kimya Endüstrisi Konu Anlatımı</a>
      <a href='#'>4.Ünite Bursluluk Soruları</a>

        
        
      </div>
    </div>
    
    <div class='dropdown-content4'>
    <button class='dropbtn2'>5.Ünite Basit Makineler       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub4'>
      <a href='https://www.fenyurdu.com/2022/10/makaralar-konu-anlatimi.html'>5.1 Makaralar Konu Anlatımı</a>
        <a href='https://www.fenyurdu.com/2022/10/kaldiraclar-konu-anlatimi.html'>5.2 Kaldıraçlar Konu Anlatımı</a>
        <a href='https://www.fenyurdu.com/2022/10/disliler-egik-duzlem-vida-cikrik-ve-kasnaklar-konu-anlatimi.html'>5.3,4 D. E.D Vida, Çıkrık ve Kasnaklar Konu Anlatımı</a>
      <a href='#'>5.Ünite Bursluluk Soruları</a>

      </div>
    </div>
    
    <div class='dropdown-content5'>
    <button class='dropbtn2'>6.Ünite Enerji Dönüşümleri ve Çevre Bilimi       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub5'>
      <a href='https://www.fenyurdu.com/2022/10/besin-zinciri-ve-enerji-akisi-konu-anlatimi.html'>6.1 Besin Zinciri ve Enerji Akışı Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/enerji-donusumleri-konu-anlatimi.html'>6.2 Enerji Dönüşümleri Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/madde-donguleri-ve-cevre-sorunlari-konu-anlatimi.html'>6.3 Madde Döngüleri ve Çevre Sorunları Konu Anlatımı</a>
      <a href='https://www.fenyurdu.com/2022/10/surdurulebilir-kalkinma-konu-anlatimi.html'>6.4 Sürdürülebilir Kalkınma Konu Anlatımı</a>
      <a href='#'>6.Ünite Bursluluk Soruları</a>



      </div>
    </div>
    <div class='dropdown-content6'>
    <button class='dropbtn2'>7.Ünite Elektrik Yükleri ve Elektrik Enerjisi       <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub6'>
      <a href='https://www.fenyurdu.com/2022/10/elektrik-yukleri-ve-elektriklenme-konu-anlatimi.html'>7.1 Elektrik Yükleri ve Elektriklenme Konu Anlatımı</a>
              <a href='https://www.fenyurdu.com/2022/10/elektrik-yuklu-cisimler-konu-anlatimi.html'>7.2 Elektrik Yüklü Cisimler Konu Anlatımı</a>

              <a href='https://www.fenyurdu.com/2022/10/elektrik-enerjisinin-donusumu-konu-anlatimi.html'>7.3 Elektrik Enerjisinin Dönüşümü Konu Anlatımı</a>
              <a href='#'>7.Ünite Bursluluk Soruları</a>

      </div>
    </div></div>
  
  <div class='dropdown'>
    <button class='dropbtn'>Meb Testleri
      <i class='fa fa-caret-down'/>
    </button>
    <div class='dropdown-content10'>
    <button class='dropbtn2'>Kazanım Kavrama Testleri      <i class='fa fa-caret-right'/>

      </button>
              <div class='dropdown-sub10'>
      <a href='https://www.fenyurdu.com/2021/11/meb-5-sinif-fen-bilimleri-kazanim-testleri-2021-2022.html'>5.Sınıf</a>
            <a href='https://www.fenyurdu.com/2021/11/meb-6-sinif-fen-bilimleri-kazanim-testleri-2021-2022.html'>6.Sınıf</a>
            <a href='https://www.fenyurdu.com/2022/01/meb-7-sinif-fen-bilimleri-kazanim-testleri-2021-2022.html'>7.Sınıf</a>
            <a href='https://www.fenyurdu.com/2021/11/meb-8-sinif-fen-bilimleri-kazanim-testleri-2021-2022.html'>8.Sınıf</a>




      </div></div>
 <div class='dropdown-content11'>
    <button class='dropbtn2'>Beceri Temelli Testler      <i class='fa fa-caret-right'/>
 
    </button>
      <div class='dropdown-sub11'>
      <a href='https://www.fenyurdu.com/2021/11/meb-5-sinif-beceri-temelli-testler-2021-2022.html'>5.Sınıf</a>
      <a href='https://www.fenyurdu.com/2021/11/meb-6-sinif-beceri-temelli-testler-2021-2022.html'>6.Sınıf</a>
            <a href='https://www.fenyurdu.com/2021/11/meb-7-sinif-beceri-temelli-testler-2021-2022.html'>7.Sınıf</a>
            <a href='#'>8.Sınıf</a>

      
      </div>
    </div>
    <div class='dropdown-content12'>
    <button class='dropbtn2'>Çalışma Fasikülleri      <i class='fa fa-caret-right'/>

    </button>
      <div class='dropdown-sub12'>
      <a href='https://www.fenyurdu.com/2021/11/meb-5-sinif-beceri-temelli-testler-2021-2022.html'>5.Sınıf</a>
      <a href='https://www.fenyurdu.com/2021/11/meb-6-sinif-beceri-temelli-testler-2021-2022.html'>6.Sınıf</a>
            <a href='https://www.fenyurdu.com/2021/11/meb-7-sinif-beceri-temelli-testler-2021-2022.html'>7.Sınıf</a>
            <a href='#'>8.Sınıf</a>

      </div>
    </div>
   
  </div> 
  
  
  
  
  
  
  


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <a class='icon' href='javascript:void(0);' onclick='myFunction()' style='font-size:15px;'>☰</a></div>

Multilevel Dropdown Menu Css Codes

  
  
body {margin:0;font-family:Arial}
.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {

    overflow: hidden;
  float: left;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}


.dropdown-birincisag .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}

.dropdown-birincisag1 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}
.dropdown-birincisag2 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}



.dropdown-birincisag3 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}


.dropdown-birincisag4 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}




.dropdown-birincisag5 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}

.dropdown-birincisag6 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}



.dropdown-birincisag7 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}




.dropdown-birincisag8 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}





.dropdown-birincisag9 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}



.dropdown-birincisag10 .dropbtn2yan {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}


.dropdown-content .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}
.dropdown-content1 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

}
.dropdown-content2 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
.dropdown-content3 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
.dropdown-content4 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
.dropdown-content5 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
.dropdown-content6 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
  
.dropdown-content7 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  
  text-align: left;

  }












.dropdown-content8 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }
.dropdown-content9 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  
.dropdown-content10 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content11 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content12 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content13 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 220px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content14 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content15 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content16 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content17 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content18 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content19 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content20 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content21 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content22 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content23 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content24 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content25 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content26 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content27 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content28 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content29 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  

.dropdown-content30 .dropbtn2 {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 5px 5px;
  background-color: #4d4d4d;
  font-family: inherit;
  margin: 0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  text-align: left;

  }  











.dropdown-birincisag {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
  

    }

   .dropdown-birincisag1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 2em
  

    }


.dropdown-birincisag2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 4em
  

    }
.dropdown-birincisag3 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 6em
  

    }

.dropdown-birincisag4 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 8em
  

    }



.dropdown-birincisag5 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 10em
  

    }
.dropdown-birincisag6 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 12em
  

    }
.dropdown-birincisag7 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 14em
  

    }
.dropdown-birincisag8 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 16em
  

    }
.dropdown-birincisag9 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
 min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 18em
  

    }
.dropdown-birincisag10 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
 min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 20em
  

    }







  .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
  

    }
    
    .dropdown-content1 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 2em
  

    }
  
    .dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 4em
  

    }



.dropdown-content3 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 6em    

}
.dropdown-content4 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 8em
    }
.dropdown-content5 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 10em
    }
.dropdown-content6 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 12em
    }
.dropdown-content7 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 14em

    }

.dropdown-content8 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 16em
    }
.dropdown-content9 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
margin-top: 18em
    }
    
    
    .dropdown-content10 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

    }
    
    
    .dropdown-content11 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 2em
    }
    
    
    .dropdown-content12 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 4em
    }
    
    
    .dropdown-content13 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 6em
    }
    
    
    .dropdown-content14 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 8em
    }
    
    
    .dropdown-content15 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 10em
    }
    
    
.dropdown-content16 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 12em

    }    

.dropdown-content17 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 14em
    }
.dropdown-content18 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 16em
    }
.dropdown-content19 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 18em
    }

.dropdown-content20 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
    }

.dropdown-content21 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 2em
    }

    .dropdown-content22 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 4em
    }

.dropdown-content23 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 6em
    }

.dropdown-content24 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 8em
    }



.dropdown-content25 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 10em
    }



.dropdown-content26 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 12em
    }


.dropdown-content27 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 14em
    }

.dropdown-content28 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 16em
    }




.dropdown-content29 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 18em
    }



.dropdown-content30 {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
margin-top: 20em
    }





.dropdown-ikincisag {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}

.dropdown-ikincisag1 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag2 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag3 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag4 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag5 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag6 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag7 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag8 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag9 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-ikincisag10 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}

.dropdown-birincisag {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag1 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag2 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag3 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag4 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag5 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag6 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag7 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag8 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag9 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-birincisag10 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}

.dropdown-sub {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}

.dropdown-sub1 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
        margin-left: 100%;
top: 0;
   float: none;

}
.dropdown-sub2 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
        top: 0;

}

.dropdown-sub3 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;
font-size: 17px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-sub4 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub5 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub6 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub7 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub8 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub9 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub10 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub11 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub12 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
   min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub13 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}.dropdown-sub14 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub15 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
   min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}
.dropdown-sub16 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
   min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}




.dropdown-sub17 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}


.dropdown-sub18 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}


.dropdown-sub19 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}


.dropdown-sub20 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}


.dropdown-sub21 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub22 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub23 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}


.dropdown-sub24 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub25 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub26 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}

.dropdown-sub27 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}
.dropdown-sub28 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}
.dropdown-sub29 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}
.dropdown-sub30 {
  display: none;
  position: absolute;
  background-color: #4d4d4d;
    min-width: 360px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
   float: none;
        margin-left: 100%;
top: 0;

}
.dropdown-birincisag a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag1 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}

.dropdown-birincisag2 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag3 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag4 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag5 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag6 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag7 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag8 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag9 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-birincisag10 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-content1 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-content2 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-content3 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content4 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content5 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-content6 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}
.dropdown-content7 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content8 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}



.dropdown-content9 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content10 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content11 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content12 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content13 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content14 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content15 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}

.dropdown-content16 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}

.dropdown-content17 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content18 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}

.dropdown-content19 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content20 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content21 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}

.dropdown-content22 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content23 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content24 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content25 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content26 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content27 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content28 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content29 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}


.dropdown-content30 a {
  float: none;
  color: white;
  padding: 5px 5px;
  text-decoration: none;
  display: block;
  text-align: left;
font-size: 14px;    
  border: none;
  outline: none;
  font-family: inherit;
}




















.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-birincisag1:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-birincisag2:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-birincisag3:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-birincisag4:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag5:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag6:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag7:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag8:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag9:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-birincisag10:hover .dropbtn2yan {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-content1:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-content2:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}
.topnav a:hover, .dropdown-content3:hover .dropbtn2 {
  background-color: #f34e4e;
 color: white;
}


.topnav a:hover, .dropdown-content4:hover .dropbtn2 {
  background-color: #f34e4e;
 color: white;
}



.topnav a:hover, .dropdown-content5:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content6:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content7:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content8:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content9:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content10:hover .dropbtn2 {
  background-color: #f34e4e;
 color: white;
}



.topnav a:hover, .dropdown-content11:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content12:hover .dropbtn2 {
  background-color: #f34e4e;
color: white;
}



.topnav a:hover, .dropdown-content13:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content14:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content15:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}

.topnav a:hover, .dropdown-content16:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}



.topnav a:hover, .dropdown-content17:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content18:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content19:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content20:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content21:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content22:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content23:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content24:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content25:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content26:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content27:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content28:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content29:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}


.topnav a:hover, .dropdown-content30:hover .dropbtn2 {
  background-color: #f34e4e;
  color: white;
}














.dropdown-birincisag a:hover {
  background-color: #f34e4e;
  color: white;
}

.dropdown-birincisag1 a:hover {
  background-color: #f34e4e;
  color: white;
}


.dropdown-birincisag2 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag3 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag4 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag5 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag6 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag7 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag8 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag9 a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-birincisag10 a:hover {
  background-color: #f34e4e;
  color: white;
}

.dropdown-content a:hover {
  background-color: #f34e4e;
  color: white;
}
.dropdown-content1 a:hover {
   background-color: #f34e4e;
  color: white;
}
.dropdown-content2 a:hover {
   background-color: #f34e4e;
  color: white;
}
.dropdown-content3 a:hover {
   background-color: #f34e4e;
  color: white;
}



.dropdown-content4 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content5 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content6 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content7 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content8 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content9 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content10 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content11 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content12 a:hover {
   background-color: #f34e4e;
  color: white;
}


.dropdown-content13 a:hover {
  background-color: #f34e4e;
  color: white;
}


.dropdown-content14 a:hover {
 background-color: #f34e4e;
  color: white;
}


.dropdown-content15 a:hover {
   background-color: #f34e4e;
  color: white;
}



.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropdown-content1 {
  display: block;
}
.dropdown:hover .dropdown-content2 {
  display: block;
}



.dropdown:hover .dropdown-content3 {
  display: block;
}




.dropdown:hover .dropdown-content4 {
  display: block;
}




.dropdown:hover .dropdown-content5 {
  display: block;
}




.dropdown:hover .dropdown-content6 {
  display: block;
}




.dropdown:hover .dropdown-content7 {
  display: block;
}




.dropdown:hover .dropdown-content8 {
  display: block;
}




.dropdown:hover .dropdown-content9 {
  display: block;
}




.dropdown:hover .dropdown-content10 {
  display: block;
}




.dropdown:hover .dropdown-content11 {
  display: block;
}




.dropdown:hover .dropdown-content12 {
  display: block;
}




.dropdown:hover .dropdown-content13 {
  display: block;
}




.dropdown:hover .dropdown-content14 {
  display: block;
}




.dropdown:hover .dropdown-content15 {
  display: block;
}

.dropdown:hover .dropdown-content16 {
  display: block;
}

.dropdown:hover .dropdown-content17 {
  display: block;
}


.dropdown:hover .dropdown-content18 {
  display: block;
}


.dropdown:hover .dropdown-content19 {
  display: block;
}


.dropdown:hover .dropdown-content20 {
  display: block;
}


.dropdown:hover .dropdown-content21 {
  display: block;
}


.dropdown:hover .dropdown-content22 {
  display: block;
}


.dropdown:hover .dropdown-content23 {
  display: block;
}


.dropdown:hover .dropdown-content24 {
  display: block;
}


.dropdown:hover .dropdown-content25 {
  display: block;
}


.dropdown:hover .dropdown-content26 {
  display: block;
}


.dropdown:hover .dropdown-content27 {
  display: block;
}


.dropdown:hover .dropdown-content28 {
  display: block;
}


.dropdown:hover .dropdown-content29 {
  display: block;
}


.dropdown:hover .dropdown-content30 {
  display: block;
}



.dropdown-content:hover .dropdown-sub {
  display: block;
}



.dropdown-content20:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content20:hover .dropdown-birincisag10 {
  display: block;
}











.dropdown-content21:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content21:hover .dropdown-birincisag10 {
  display: block;
}







.dropdown-content22:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content22:hover .dropdown-birincisag10 {
  display: block;
}




.dropdown-content23:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content23:hover .dropdown-birincisag10 {
  display: block;
}





.dropdown-content24:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content24:hover .dropdown-birincisag10 {
  display: block;
}





.dropdown-content25:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content25:hover .dropdown-birincisag10 {
  display: block;
}









.dropdown-content26:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content26:hover .dropdown-birincisag10 {
  display: block;
}






.dropdown-content27:hover .dropdown-birincisag {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag1 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag2 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag3 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag4 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag5 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag6 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag7 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag8 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag9 {
  display: block;
}
.dropdown-content27:hover .dropdown-birincisag10 {
  display: block;
}




















.dropdown-birincisag:hover .dropdown-ikincisag {
  display: block;
}
.dropdown-birincisag1:hover .dropdown-ikincisag1 {
  display: block;
}

.dropdown-birincisag2:hover .dropdown-ikincisag2 {
  display: block;
}


.dropdown-birincisag3:hover .dropdown-ikincisag3 {
  display: block;
}
.dropdown-birincisag4:hover .dropdown-ikincisag4 {
  display: block;
}
.dropdown-birincisag5:hover .dropdown-ikincisag5 {
  display: block;
}

.dropdown-birincisag6:hover .dropdown-ikincisag6 {
  display: block;
}

.dropdown-birincisag7:hover .dropdown-ikincisag7 {
  display: block;
}

.dropdown-birincisag8:hover .dropdown-ikincisag8 {
  display: block;
}

.dropdown-birincisag9:hover .dropdown-ikincisag9 {
  display: block;
}

.dropdown-birincisag10:hover .dropdown-ikincisag10 {
  display: block;
}








.dropdown-content1:hover .dropdown-sub1 {
  display: block;
}
.dropdown-content2:hover .dropdown-sub2 {
  display: block;
}
.dropdown-content3:hover .dropdown-sub3 {
  display: block;
}

.dropdown-content4:hover .dropdown-sub4 {
  display: block;
}


.dropdown-content5:hover .dropdown-sub5 {
  display: block;
}


.dropdown-content6:hover .dropdown-sub6 {
  display: block;
}


.dropdown-content7:hover .dropdown-sub7 {
  display: block;
}


.dropdown-content8:hover .dropdown-sub8 {
  display: block;
}


.dropdown-content9:hover .dropdown-sub9 {
  display: block;
}


.dropdown-content10:hover .dropdown-sub10 {
  display: block;
}


.dropdown-content11:hover .dropdown-sub11 {
  display: block;
}


.dropdown-content12:hover .dropdown-sub12 {
  display: block;
}


.dropdown-content13:hover .dropdown-sub13 {
  display: block;
}


.dropdown-content14:hover .dropdown-sub14 {
  display: block;
}


.dropdown-content15:hover .dropdown-sub15 {
  display: block;
}









@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative; margin-top: 0px}
    .topnav.responsive .dropdown-content1 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content2 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content3 {position: relative; margin-top: 0px}


.topnav.responsive .dropdown-content4 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content5 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content6 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content7 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content8 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content9 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content10 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content11 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content12 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content13 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content14 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content15 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content16 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content17 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content18 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content19 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content20 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content21 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content22 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content23 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content24 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content25 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content26 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content27 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content28 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content29 {position: relative; margin-top: 0px}
  .topnav.responsive .dropdown-content30 {position: relative; margin-top: 0px}














.topnav.responsive .dropdown-birincisag {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag1 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag2 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag3 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag4 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag5 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag6 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag7 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag8 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag9 {position: relative;  margin-top: 0px;}
.topnav.responsive .dropdown-birincisag10 {position: relative;  margin-top: 0px;}

.topnav.responsive .dropdown-birincisag {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag1 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag2 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag3 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag4 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag5 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag6 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag7 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag8 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag9 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-birincisag10 {position: relative;  margin-left: 0px;}



.topnav.responsive .dropdown-ikincisag {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag1 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag2 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag3 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag4 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag5 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag6 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag7 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag8 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag9 {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-ikincisag10 {position: relative;  margin-left: 0px;}











.topnav.responsive .dropdown-sub {position: relative;  margin-left: 0px;}
.topnav.responsive .dropdown-sub1 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub2 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub3 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub4 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub5 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub6 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub7 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub8 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub9 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub10 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub11 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub12 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub13 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub14 {position: relative; margin-left: 0px;}
.topnav.responsive .dropdown-sub15 {position: relative; margin-left: 0px;}



  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  .topnav.responsive .dropdown-content .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  .topnav.responsive .dropdown-content1 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  .topnav.responsive .dropdown-content2 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
   .topnav.responsive .dropdown-content3 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  
    
   .topnav.responsive .dropdown-content4 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content5 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content6 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content7 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content8 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content9 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content10 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content11 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content12 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content13 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content14 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }
  
    
   .topnav.responsive .dropdown-content15 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }

 .topnav.responsive .dropdown-content16 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content17 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content18 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content19 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content20 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content21 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content22 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content23 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content24 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content25 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content26 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content27 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content28 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content29 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-content30 .dropbtn2 {
    display: block;
    width: 100%;
    text-align: left;
  }



.topnav.responsive .dropdown-birincisag .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }

.topnav.responsive .dropdown-birincisag1 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag2 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag3 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag4 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag5 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag6 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag7 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag8 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag9 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }


.topnav.responsive .dropdown-birincisag10 .dropbtn2yan {
    display: block;
    width: 100%;
    text-align: left;
  }

Multilevel Dropdown Menu Code before </body>

<script>
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}
</script>

Best Responsive Multi Level Html Css Dropdown Menu Code in The World

Fenci Hoca

Yorum Gönder

Top Post Ad

Below Post Ad

Ads Area

Footer Copyright

Contact form