/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (orientation: portrait) {
    .menum a{padding: 0 5px;}
    footer h5{margin: 20px 0;}
    .index_slider .owl-dots{display: none;}

  }
  @media all and (max-width: 768px){
    .web{display: none;}
    .mobile{display: block;}
    .baslik h2{font-size: 24px;}
    .baslik span{font-size: 20px;}
    .program_item{margin-bottom: 15px;}
    .program_img{width: 90%; left: 10%;}
    .aktivite_img{margin-bottom: 25px;}
    .dahiler h2{margin-top: 25px; line-height: 25px; text-align: center;}
    .ic_head{height: 30vh;}
    .aside{margin-bottom: 50px;}
  
    .logo img{height: 50px;}
      .menum a{padding: 0 5px;}

      #nav-icon {
   display: block;
 }
 .menum{flex-wrap: wrap;}
 .nav { width:100%; height:auto; float:left; margin:auto; padding:15px 0; display:table;  position:relative;  display:none; right:0;  background-color: #fff;  }
.nav ul {float:left;margin:auto;width:100%;padding:25px; }
.nav ul li { float:none; margin:0; text-align:left;}
.nav ul li a { font-size:14px; padding:8px 0; text-align:left; display:block; font-weight:600; border:none; color:#111; clear: both;  }
.nav ul li ul { position:relative; border:none; padding:0; left:0;}
.nav ul li ul li a {   font-weight:400; background:none; padding:5px 10px; border-bottom:none; clear:both;}
.nav ul li ul li a:hover { background:none; color:#2e3192;}
.nav ul li a:hover, nav ul li a.active, nav ul li a:focus {color:#2e3192;}
.nav ul li a.active { border-bottom:none;}

.nav ul li ul li ul{     left: 0;    padding:0; margin-left:10px;   top: 0;    border-left:none;     }
.nav ul li ul li ul li {    padding: 0;    top: 0;    border-left: none;    width: 100%; margin:0;}

    }
    @media all and (max-width: 1366px){.nav ul li a{font-size:13px;}}

