@media (min-width:481px) and (max-width:768px) {

  @import "elements";
  #mobile-nav {display: block !important;}
  #mobile-menu-icon{display: block; position: absolute; right:0; top:18px; height:25px;
    path{fill: lighten(#133F78, 0%);}
  }
  #main-nav, #mobile-main-nav {top:0 !important;}
  #search-form{float:none; top:0; position: inherit; margin-left:12px;
    label{top:2px;}
  }
  #q{ background: #FFF; width:75%; box-shadow:none; height:25px; }
  #search-button{right:10px; top:8px;}
  .headline { width:100%; }
  #announcements{display: none !important;}
  #announcements-mobile{display: block; border-radius: 5px; min-height:150px; background:#FFF; margin:0 10px 20px 10px;
    h2.title{margin-bottom: 10px; padding: 0 0 5px; border-bottom: 1px solid #d3d8e0; color: #082c5c; font-weight: 600; font-size: 22px; text-transform: uppercase;}
    #all-announcements{position:absolute; right:13px; bottom:13px; font-size: 15px; padding:10px; color: #fff; text-decoration: none; border-radius: 3px; float: right; .gradient(#7a7a7a,#5f5f5f,#6b6b6b);}
    ul{margin:0; padding:0;
      li{list-style: none; margin:0; padding:0;
        &::before{display: none;}
        a{text-decoration: none; color:#494949; font-size:14px;
          span.date{display: block; color:#a3a3a3; font-size:12px;}
        }
      }
    }
  }

  .invisible { visibility: hidden; }

  #breadcrumb{display: none;}
  #content{padding-top:20px;
    img{max-width: 100%; height: auto !important;}
  }

  #tabbet-nav li{width:100%;}

  #masthead{width:100%; height:60px; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    #logo{font-size:14px; left:10px; top:12px; color:#003465; width:45%;}
    #head2{display: none;}
    #main-nav, #mobile-main-nav {display: none;}
    .head-top{display: none;}

  }

  #mastfoot{
    .footer-content{width:100%; max-width: 360px;
      table tr td{display: none; padding: 0 !important;
        &:last-child{display: block; width:100%; text-align: center;}
      }
    }
    .copyright{width:100%; height:75px; left:0; padding: 0 !important; margin-left:0; background: #14335e url(../images/footer-back.png) repeat-x 0% 50%;
      p:first-child{padding-top:50px !important; display: block; text-align: center;}
      .affiliate{top:0; left:0; text-align: center;}
    }
  }

  object {display: none;}
  .jqfancyzoombox {width: 90% !important;}




  #slider {display: none !important;}
  .slider-mobile {display: none !important;}
  .slider-tablet {height:auto; display: block !important;}

  #wrapper { background-image:none !important;
    #page-header {
      .headline-content {position: relative; left: 30px;}
    }
    #content { width: 100%;
      #sidebar {width: 97%; padding: 15px 0 0 0;
        .panel-box {display: none;}
        .panel-title {display: none;}
      }
      #main {width: 97%; min-height:inherit !important;
        .article.dropshadowed.group {
          h1 {line-height: 1;}
        }
        #page-medias {display: none;}
        .article {min-height:inherit !important; border-radius: 5px !important;
          .project-group > a {width:98%;}
        }
      }

      ul#project-map {
        li.project-preview {width:30.4%;
          .description {height: 100px; }
          .image { height: 35px;
            img {left: 0; margin-left: 0; }
          }
        }
      }
    }
  }

  #homepage {
    #wrapper { background-image:none !important;
      #content { width: 100%;
        #main {width: 98%; float:left; margin: 0 10px 20px 12px;
          #latest-press {width:335px;
            .pressnews-scroll .record {width: 330px;}
          }
        }
      }
    }
  }


  #footer-nav { width: 100% !important; left: 0 !important;; margin-left: 0 !important;; height:240px !important; float: none !important; margin-top:40px;
    p a { width:32% !important;  height: 100px; line-height:1.2; padding: 0 !important; margin:1px; background-position: bottom center !important; text-align: center; color: #082c5c; font-size: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
      &.kurumsal { background-position: center 40px !important; border-right: none; }
      &.duyurular {border-right: none; border-bottom: none;}
      &.ucusokulu, &.edergi {border-bottom: none;}
    }


  } // @footer-nav


  #banner-fade { width:100%;
    .bx-wrapper { margin: 0 auto;
      .bx-viewport {left:0;}
      .bx-controls.bx-has-pager.bx-has-controls-direction {height: 60px;}
      .bx-pager {bottom: -95px;  white-space: nowrap; padding-left: 32px; padding-right: 32px; box-sizing: border-box;
        a {display: block; }
      }
      .bxslider li {width:100%; }
      .bx-pager.bx-custom-pager {background-color: #6a7c96; width: 100%; height:60px; overflow-x:auto; text-align:center; position:relative; z-index:99; }
      .bx-controls-direction { position:relative; display:block; height:60px; bottom:62px;}
    }
  }

  .slider_content { position: absolute; top: 130px; left: 10px; }
  .bx-pager-item { height: 100%; white-space: nowrap; display: inline-block; float: none;
    a { width: 85px; height: 100%; background: #61728c url(../images/slider-nav-seperator.png) left no-repeat;  text-decoration: none; }
    .icon { background-size: contain; display: block; width: 100%; height: 70%; background: no-repeat center;}
    .title {color: #fff;}
  }

  .slider_content.anka {top: 180px; left: 20px;}
  .slider_content.atak {top: 120px; left: 20px;}
  .slider_content.hurkus { top: 110px; left: 30px;}
  .slider_content.turna {top: 110px; left: 20px;}
  .slider_content.simsek {top: 130px; left: 10px;}
  .simsek .slide-title {color:#2E2E2C;}
  .slider_content.gokturk {top: 120px; left: 30px;}
  .gokturk p, .gokturk a {color:#fff !important;}
  .slider_content.a400m { top: 120px; left: 20px;}
  .ari, .erciyes { top: 130px; left: 10px;}


  .slide-description { color: #121212; font-size: 20px; line-height: 1.3; }
  .slide-title {  font-size: 40px; color: #043562; line-height:1;}
  .slider-more-detail {text-decoration: none; font-size:15px; color:#38414F !important; }

  .anka-thumb .icon{ background-image: url(../images/slider-icon-anka-normal.png); }
  .atak-thumb .icon{ background-image: url(../images/slider-icon-atakt129-normal.png); }
  .hurkus-thumb .icon{ background-image: url(../images/slider-icon-hurkus-normal.png); }
  .turna-thumb .icon{ background-image: url(../images/slider-icon-turna-normal.png); }
  .simsek-thumb .icon{ background-image: url(../images/slider-icon-simsek-normal.png); }
  .gokturk-thumb .icon{ background-image: url(../images/slider-icon-gokturk-normal.png); }
  .a400m-thumb .icon{ background-image: url(../images/slider-icon-a400m-normal.png); }
  .ari-thumb .icon{ background-image: url(../images/slider-icon-t38-normal.png); }
  .erciyes-thumb .icon{ background-image: url(../images/slider-icon-c130-normal.png); }


  a.active { background:#38689e; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2b466c), color-stop(1, #38689e));
    .anka-thumb .icon{ background-image: url(../images/slider-icon-anka-active.png); }
    .atak-thumb .icon{ background-image: url(../images/slider-icon-atakt129-active.png); }
    .hurkus-thumb .icon{ background-image: url(../images/slider-icon-hurkus-active.png); }
    .turna-thumb .icon{ background-image: url(../images/slider-icon-turna-active.png); }
    .simsek-thumb .icon{ background-image: url(../images/slider-icon-simsek-active.png); }
    .gokturk-thumb .icon{ background-image: url(../images/slider-icon-gokturk-active.png); }
    .a400m-thumb .icon{ background-image: url(../images/slider-icon-a400m-active.png); }
    .ari-thumb .icon{ background-image: url(../images/slider-icon-t38-active.png); }
    .erciyes-thumb .icon{ background-image: url(../images/slider-icon-c130-active.png); }
  }


  .page-pair-279 {
    .headline-title { position: relative; top: 140px; left: 30px;}
  }

  .page-pair-176 {
    .headline-title {position: relative; top: -80px; left: 30px;}
  }

  .page-pair-185 {
    .headline-title { position: relative; top:10px; left:15px;}
    .header-img {background-position: 54% !important;}
  }

  .page-pair-195 {
    .headline-content { width: 400px; position: relative; top: 40px;left: 30px;
      br {display: none;}
    }
  }

  .page-pair-197 {
    .header-img {background-position: 43% !important;}
  }

  .page-pair-201 {
    .headline-content { top:120px;}
  }

  .page-pair-199, .page-pair-317 {
    .header-img {background-position: 54% !important;}
  }

  .page-pair-318 {
    .header-img {background-position: 55% !important;}
  }

  .page-pair-512 {
    .header-img {background-position: 84% !important;}
  }

  .page-pair-239 {
    .header-img {background-position: 58% !important;}
  }

  .page-pair-229 {
    .header-img {background-position: 27% !important;}
  }

  .page-pair-175 {
    .headline-content { width: 270px;
      .headline-title {font-size: 18px;}
      p br {display: none;}
    }
  }

  .page-pair-187 {
    .header-img {background-position: 60% !important;}
  }


} // @media-780