@media (max-width: 1366px) {
    .imageAlani {height: 400px;}
}
@media (max-width: 1200px) {

}
@media (max-width: 991px) {

}
@media (max-width: 768px) {
    .menu-frame .menu {display: none;}
    .menu-frame .diller {float: right; padding: 2px 5px 5px 5px; margin: 10px 0 10px 0;border-radius: 28px;border: 1px solid #1bc4de;}

    .header .search {float: left;position: relative;margin-top: 12px;width: 100%;}
    .header .search input {width: 100%; height: 38px; background: #ededed; border:none; border-radius: 6px; padding-left: 6px; outline: none; font-size: 11px;}
    .logo {text-align: center;}
    .duyurular .duyuru-line {margin: 15px 0; float: left; border-top: 1px dashed #777; border-bottom: 1px dashed #777; padding: 20px; font-size: 12px;}
    .referanslar .owl-nav {display: none;}

    .tel-menu {display: block;}
    .tel-menu img {margin: 10px 0 0 0;cursor: pointer;}
    .tel-menu .open-menu {position: absolute;top: 49px;left: 0;z-index: 999;background: #fff;padding: 15px;box-shadow: 0px 2px 2px 0px #868686; display: none;}
    .tel-menu .open-menu ul {}
    .tel-menu .open-menu li {list-style: none;width: 100%;float: left;}
    .tel-menu .open-menu li a {display: block;width: 100%;float: left;padding: 7px 5px;border-bottom: 1px solid #f1f1f1;}
    .tel-menu .open-menu li a:hover {background: #1bc4de; color: #fff;}
}