@media (min-width:2300px) and (max-width:3000px) {
}

@media (min-width:1800px) and (max-width:2299px) {
}

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

@media (max-width:320px) {
    .slide-text {
        top: 25% !important;
    }

    .okullistebutton a {
        font-size: 10px !important;
    }

    .navbar img {
        width: 70px !important;
    }

    .navbar-toggle {
        margin-top: 16px;
        margin-bottom: 18px;
    }

    #anasayfahaberSlider .owl-nav {
        top: -65px;
    }

    .baslikorta h3 {
        font-size: 20px;
        margin-top: 5px;
    }

    .etkinlikalanlaridetay {
        display: none;
    }

    .navbar li {
        padding: 0 !important;
    }

    .headermenu ul li {
        margin-right: 5px !important;
        margin-bottom: 5px;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }
}

@media (max-width:767px) {
    .loading img {
        max-width: 100%;
        display: block
    }
    .etkinlikalanlaridetay{
        display:none
    }
    
    .navbar img {
        width: 70px;
        margin-top: -10px;
    }

    .navbar-toggle {
        margin-top: 20px;
    }

    #bootstrap-touch-slider {
        height: auto !important;
        margin-top: 55px !important;
    }

    .okullarlistedetail {
        margin-bottom: 20px;
    }

    .okullistetext h2 {
        font-size: 15px;
    }

    .okullistebutton a {
        top: 10px !important;
        font-size: 13px !important;
        margin: 0 auto;
        width: 90%;
        border: none !important;
    }

    .slide-text > h1 {
        font-size: 25px !important;
            line-height: 1.1;
    }

    .slide-text > a.btn-primary {
        padding: 1px 22px 1px 10px !important;
    }

    .sitebaslik h3 {
        font-size: 15px;
        top: 12px !important;
    }

    .okullarliste {
        top: -5px !important;
    }

    .sitebaslik span {
        padding: 10px !important;
    }

    .baslikorta h3 {
        width: 70% !important;
    }

    .basariback {
        display: none !important;
    }

    .etkinlikalanbaslik h4 i {
        font-size: 15px !important;
    }

    .etkinlikalanbaslik h2 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .etkinlikdetay {
        margin-left: 50px !important;
    }

    .etkinlikdetayaciklama {
        margin: 30px 0 40px !important;
    }

    .etkinlikalanicerik p {
        margin-bottom: 35px;
    }

    .abonemail {
        display: none;
    }

    .grid-item:before {
        left: 0 !important;
    }

    .grid-item span {
        opacity: 1 !important;
    }

    .footer {
        padding: 50px 0 !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #000;
        height: 100vh;
        max-height: 100vh;
        border-color: transparent;
    }

    .headermenu ul li {
        width: 100%;
        margin-top: -14px;
    }

    .navbar-collapse {
        padding-left: 10px;
    }

    .navbar .main-menu > li {
        width: 100%;
    }

        .navbar .main-menu > li > .bsub.sub-menu {
            left: 0 !important;
            z-index: 5;
        }

        .navbar .main-menu > li:hover > .sub-menu {
            background: rgb(0, 0, 0) !important;
        }

        .navbar .main-menu > li > .asub.sub-menu {
            left: 0 !important;
            z-index: 5;
        }

        .navbar .main-menu > li > .csub.sub-menu {
            left: 0 !important;
            z-index: 5;
        }

        .navbar .main-menu > li > .esub.sub-menu {
            left: 0 !important;
            z-index: 5;
        }

        .navbar .main-menu > li > .fsub.sub-menu {
            left: 0 !important;
            z-index: 5;
        }

        .navbar .main-menu > li:after {
            bottom: 0 !important;
        }

    .navbar-default {
        background-color: #000 !important;
        min-height: 78px;
    }

    .etkinlikdetayaciklama p {
        max-height: 180px !important;
        height: 180px !important;
    }

    .dropnav.navbar img {
        width: 70px !important;
        margin-top: -10px !important;
    }

    .detailpagetittle .col-md-6 {
        width: 100%;
    }

    .detailpagetittle h4 {
        float: none !important;
        text-align: center !important;
    }

    .detailpagetittle h5 {
        text-align: center !important;
    }

    .detailpagetittle {
        padding-bottom: 10px !important;
    }

    .detaybaslik {
        padding: 60px 0;
    }

    .yorumliste {
        left: 0px;
        top: -13px;
    }

    .yorumlistead, .yorumlisteson {
        font-size: 15px;
    }

    .kurumsalalan h4 {
        font-size: 13px;
        padding: 10px;
    }

    .haber.col-md-12 .habertext p {
        overflow: scroll;
        font-size: 13px;
        margin-top: 15px;
        text-indent: 0;
    }

    .kurumsalalan .haberbaslik h4 {
        padding: 5px 0;
        font-size: 13px !important;
        text-indent: 0 !important;
    }

    .dropbtn {
        padding: 5px 25px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .haberlistealan span {
        display: none;
    }

    .haberliste {
        margin-top: -10px;
    }

    .haber.col-md-3 .haberbaslik h4 {
        height: 40px;
    }

    .haber.col-md-3 .habertarih {
        right: 90px;
        top: -28px;
    }

    .haber.col-md-3 .habertext p {
        margin-top: 0;
    }

    .haber.col-md-3 .haberbuttor a {
        margin-top: 0;
    }

    #etkinlikAlanlari .habergorsel {
        width: 100% !important;
    }

    #etkinlikAlanlari .yorumliste {
        top: 2px;
    }

    #etkinlikAlanlari .haberbaslik h4 {
        text-align: center;
        margin-bottom: 35px;
    }

    #accordian {
        margin-top: 50px;
    }

    .adresalan h3 {
        margin-bottom: 35px;
        text-align: left;
        margin-left: 0px;
    }

    .adresalan p {
        margin-left: 0px;
        text-align: left;
        margin-bottom: 10px;
    }

    .harita {
        margin-top: 30px;
    }

    .navbar-nav {
        margin: 7.5px 15px !important;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin: 0;
    }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 2000px) {
}


@media (max-width:1024px) and (max-height:1366px) {
}

@media (max-width:768px) and (max-height:1024px) {
    .navbar li a {
        font-size: 13px;
    }

    .navbar li {
        padding: 5px 0;
    }

    .navbar img {
        width: 80px !important;
    }

    .dropnav.navbar li {
        margin: 5px 0px !important;
    }

    .navbar-right {
        margin-right: 0;
    }

    #bootstrap-touch-slider {
        height: auto;
    }

    .okullarlistedetail {
        margin-bottom: 20px;
    }

    .okullistetext h2 {
        font-size: 15px;
    }

    .okullistebutton a {
        top: 10px !important;
        font-size: 15px;
        margin: 0 auto;
        width: 90%;
        border: none !important;
    }

    .slide-text > h1 {
        font-size: 20px !important;
        line-height: 1.1;
    }

    .slide-text > a.btn-primary {
        padding: 1px 22px 1px 10px !important;
    }

    .sitebaslik h3 {
        font-size: 15px;
        top: 12px !important;
    }

    .okullarliste {
        top: -5px !important;
    }

    .sitebaslik span {
        padding: 10px !important;
    }

    .baslikorta h3 {
        width: 70% !important;
    }

    .basariback {
        display: none !important;
    }

    .etkinlikalanbaslik h4 i {
        font-size: 15px !important;
    }

    .etkinlikalanbaslik h2 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .etkinlikdetay {
        margin: 0 auto;
        display: block;
        margin-right: 0;
        margin-left: auto;
    }

    .etkinlikdetayaciklama {
        margin: 30px 0 40px !important;
    }

    .etkinlikalanicerik p {
        margin-bottom: 35px;
    }

    .abonemail {
        display: none;
    }

    .grid-item:before {
        left: 0 !important;
    }

    .grid-item span {
        opacity: 1 !important;
    }

    .footer {
        padding: 50px 0 !important;
    }

    .grid li:nth-child(3) {
        margin-bottom: 15px;
    }

    .dropnav.navbar img {
        width: 70px !important;
    }

    .detailpagetittle .col-md-6 {
        width: 100%;
    }

    .detailpagetittle h4 {
        float: none !important;
        text-align: center !important;
    }

    .detailpagetittle h5 {
        text-align: center !important;
    }

    .detailpagetittle {
        padding-bottom: 10px !important;
    }

    .detaybaslik {
        padding: 60px 0;
    }

    .yorumliste {
        left: 0px;
        top: -13px;
    }

    .yorumlistead, .yorumlisteson {
        font-size: 15px;
    }

    .kurumsalalan h4 {
        font-size: 13px;
        padding: 10px;
    }

    .haber.col-md-12 .habertext p {
        overflow: scroll;
        font-size: 13px;
        margin-top: 15px;
        text-indent: 0;
    }

    .kurumsalalan .haberbaslik h4 {
        padding: 5px 0;
        font-size: 13px !important;
        text-indent: 0 !important;
    }

    .dropbtn {
        padding: 5px 25px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .haberlistealan span {
        display: none;
    }

    .haberliste {
        margin-top: -10px;
    }

    .haber.col-md-3 .haberbaslik h4 {
        height: 40px;
    }

    .haber.col-md-3 .habertarih {
        right: 90px;
        top: -28px;
    }

    .haber.col-md-3 .habertext p {
        margin-top: 0;
    }

    .haber.col-md-3 .haberbuttor a {
        margin-top: 0;
    }

    #etkinlikAlanlari .habergorsel {
        width: 100% !important;
    }

    #etkinlikAlanlari .yorumliste {
        top: 2px;
    }

    #etkinlikAlanlari .haberbaslik h4 {
        text-align: center;
        margin-bottom: 35px;
    }

    #accordian {
        margin-top: 50px;
    }

    .adresalan h3 {
        margin-bottom: 35px;
        text-align: left;
        margin-left: 0px;
    }

    .adresalan p {
        margin-left: 0px;
        text-align: left;
        margin-bottom: 10px;
    }

    .harita {
        margin-top: 30px;
    }
}

@media (max-width:1024px) and (max-height:1366px) {
    #bootstrap-touch-slider:before
    {
        height:15vh
    }
    #bootstrap-touch-slider {
        height: auto;
    }

    .etkinlikdetay {
        margin-left: 70px;
    }

    .navbar li {
        padding: 10px 0;
    }

    .haber.col-md-3 .haberbaslik h4 {
        font-size: 16px;
        height: 58px;
        text-indent: 0;
        max-width: 80%;
    }

    .haber.col-md-3 .habertarih {
        right: 0;
        top: -25px;
    }

    .haber.col-md-3 .habertext p {
        text-indent: 0;
        max-height: 75px !important;
        min-height: 75px !important;
    }

    .haber.col-md-12 .haberbuttor a {
        margin-top: 0;
    }

    .haber.col-md-3 .haberbuttor a {
        width: 100%;
        text-align: center;
    }

    .haber.col-md-12 .habertext p {
        max-height: 98px;
        min-height: 98px;
        text-indent: 5px;
    }

    .haber.col-md-3 .haberaciklama {
        height: 260.75px;
    }
}
@media (max-width:480px) {
        .slide-text {
        top: 10% !important;
    }
}
@media (max-width:800px) and (max-height:1280px) {
    .bs-slider .bs-slider-overlay{
        background-repeat:repeat
    }
    .nav > li > a {
        padding: 10px 10px !important;
    }

    .navbar img {
        width: 80px;
    }

    .grid li:nth-child(3) {
        margin-bottom: 15px;
    }

    .slide-text {
        top: 25%;
        padding: 10px;
    }

    .etkinlikdetay {
        margin-left: auto;
        display: block;
        margin-right: 0;
    }

    .beforealan:before {
        top: -125px;
    }

    .dropnav.navbar li {
        margin: 5px 1px !important;
    }

    .haber.col-md-12 .habertarih .haberyil {
        font-size: 20px;
    }

    .haber.col-md-12 .habertarih .habergun {
        right: 5px;
        font-size: 20px;
    }

    .haber.col-md-12 .habertarih .haberay {
        right: 30px;
        font-size: 20px;
    }

    .haber.col-md-12 .habertarih {
        right: -20px;
    }

    .haber.col-md-12 .haberbaslik h4 {
        font-size: 18px;
        text-indent: 6px;
    }

    .haber.col-md-3 .habertarih .haberyil {
        right: 5px;
        top: -80px;
    }

    .haberlistealan span {
        margin-top: -55px;
    }

    .haberliste {
        margin-top: 50px;
    }

    #accordian {
        margin-top: 50px;
    }

    .sonhaberler {
        margin-top: 50px;
    }

    .okullarlistedetail {
        margin-bottom: 20px;
    }

    .okullistetext h2 {
        font-size: 15px;
    }

    .okullistebutton a {
        top: 10px !important;
        font-size: 15px;
        margin: 0 auto;
        width: 90%;
        border: none !important;
    }

    .grid-item:before {
        left: 0 !important;
    }

    .grid-item span {
        opacity: 1 !important;
    }
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }