html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block
}

blockquote, q {
    quotes: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

* {
    box-sizing: border-box !important
}

textarea {
    color: #000
}

    textarea::-moz-placeholder {
        color: #000
    }

    textarea:-ms-input-placeholder {
        color: #000
    }

    textarea::placeholder {
        color: #000
    }

b, strong {
    font-weight: bolder
}

input, select, textarea, button, label {
    outline: none !important;
    border: 0
}

a:hover {
    text-decoration: none
}

button, select, textarea {
    -webkit-appearance: none
}

button {
    border: none;
    cursor: pointer;
    background: none;
    padding: 0
}

img {
    max-width: 100%;
    display: block;
    height: auto;
    object-fit: contain;
    -o-object-fit:contain
}

ul {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

select {
    min-width: 100px;
    height: 40px;
    padding-left: 15px;
    border: 1px solid #dfdfdf;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 15px 15px;
    background-color: #fff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMTJjMC02LjYyNy01LjM3My0xMi0xMi0xMnMtMTIgNS4zNzMtMTIgMTIgNS4zNzMgMTIgMTIgMTIgMTItNS4zNzMgMTItMTJ6bS0xOC4wMDUtMS41NjhsMS40MTUtMS40MTQgNC41OSA0LjU3NCA0LjU3OS00LjU3NCAxLjQxNiAxLjQxNC01Ljk5NSA1Ljk4OC02LjAwNS01Ljk4OHoiLz48L3N2Zz4=")
}

    input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea {
        font-size: 16px !important
    }

body {
    font-family: "Montserrat",sans-serif
}

h1, h2, h3, h4 {
    font-family: "Montserrat Alternates",sans-serif
}

.header {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    transition: all .3s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px
}

    .header:hover {
        transition: all .3s ease
    }

    .header button {
        width: 200px;
        transition: all .3s ease;
        padding: 8px 16px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #fff;
        font-weight: 500;
        letter-spacing: .3em
    }

        .header button:hover {
            transition: all .3s ease
        }

        .header button img {
            margin-right: 10px;
            width: 24px;
            transition: all .3s ease
        }

            .header button img:hover {
                transition: all .3s ease
            }

        .header button:hover {
            color: #ab815a
        }

            .header button:hover img {
                filter: invert(54%) sepia(46%) saturate(359%) hue-rotate(348deg) brightness(90%) contrast(91%)
            }

.header__sosyal-medya {
    width: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end
}

    .header__sosyal-medya a {
        width: 40px;
        height: 40px;
        margin: 0 4px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        transition: all .3s ease
    }

        .header__sosyal-medya a:hover {
            transition: all .3s ease
        }

            .header__sosyal-medya a:hover img {
                transition: all .3s ease;
                filter: invert(54%) sepia(46%) saturate(359%) hue-rotate(348deg) brightness(90%) contrast(91%)
            }

                .header__sosyal-medya a:hover img:hover {
                    transition: all .3s ease
                }

.header-dark {
    margin-bottom: 150px;
    background: rgba(255,255,255,.9) !important
}

    .header-dark button {
        color: #000
    }

.header figure img {
    width: 237px
}

.menuasagida {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
    background: rgba(0,0,0,.8)
}

.videobg {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: center
}

    .videobg video {
        position: absolute;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%
    }

    .videobg:after {
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        background: rgba(0,0,0,.5);
        content: ""
    }

    .videobg:before {
        position: absolute;
        z-index: 3;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        background: url(../../assets/img/cloud.svg);
        background-repeat: no-repeat;
        content: "";
        transform: scale(1.5);
        transform-origin: top center;
        background-size: 100%
    }

    .videobg h1 {
        color: #fff;
        font-size: 48px;
        letter-spacing: .3em;
        z-index: 4;
        padding-bottom: 160px;
        text-align: center
    }

@media(min-width: 1120px)and (max-width: 1399px) {
    .videobg h1 {
        font-size: 40px
    }
}

.videobg img {
    position: absolute;
    z-index: 3;
    bottom: 28px
}

.yeic {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media(min-width: 10px)and (max-width: 1399px) {
    .yeic {
        width: 100%
    }
}

@media(min-width: 1110px)and (max-width: 1399px) {
    .yeic {
        padding: 60px
    }
}

.yeic > span {
    font-size: 24px;
    letter-spacing: .3em;
    margin-bottom: 12px;
}

.yeic > h2 {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 60px
}

@media(min-width: 1120px)and (max-width: 1399px) {
    .yeic > h2 {
        font-size: 48px
    }
}

.yeic .swiper {
    width: 100%;
    padding-bottom: 60px
}

.yeic .swiper-pagination-bullet-active {
    background: #000
}

.yeic__govde {
    width: 100%
}

    .yeic__govde ul {
        display: flex;
        flex-direction: row;
        width: 100%
    }

        .yeic__govde ul li {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            flex: 1
        }

            .yeic__govde ul li:nth-child(2) {
                flex-direction: column-reverse
            }

                .yeic__govde ul li:nth-child(2) div:after {
                    position: absolute;
                    content: "";
                    border-left: 30px solid rgba(0,0,0,0);
                    border-right: 30px solid rgba(0,0,0,0);
                    border-top: 30px solid #fff;
                    left: 50%;
                    margin-left: -30px;
                    bottom: -30px;
                    top: auto;
                    border-bottom: none
                }

                .yeic__govde ul li figure {
                    width: 100%;
                    height: 390px;
                    overflow: hidden
                }

                    .yeic__govde ul li figure img {
                        width: 100%;
                        min-height: 180px;
                        object-fit: cover;
                        -o-object-fit: cover;
                    }

                @media(min-width: 1110px) {
                    .yeic__govde ul li figure img {
                        height: 398px;
                    }

                }

                  .yeic__govde ul li div {
                      width: 100%;
                      /*  padding: 60px;*/
                      padding-left: 25px;
                      padding-right: 25px;
                      display: flex;
                      flex-direction: column;
                      /* align-items: flex-start;*/
                      align-items: center;
                      justify-content: center;
                      height: 390px;
                      position: relative
                  }
                  
                .yeic__govde ul li div:after {
                    position: absolute;
                    content: "";
                    border-left: 30px solid rgba(0,0,0,0);
                    border-right: 30px solid rgba(0,0,0,0);
                    border-bottom: 30px solid #fff;
                    left: 50%;
                    margin-left: -30px;
                    top: -30px
                }

                .yeic__govde ul li div p {
                    line-height: 20px;
                    letter-spacing: .1em;
                    color: #767676;
                    font-size: 14px
                }

                .yeic__govde ul li div h3 a {
                    font-weight: 700;
                    font-size: 36px;
                    margin: 28px 0;
                    display: block;
                    color: #000;
                    transition: all .3s ease
                }

                    .yeic__govde ul li div h3 a:hover {
                        transition: all .3s ease
                    }

                    .yeic__govde ul li div h3 a:hover {
                        color: #ab815a
                    }

.yeic .swiper-button-next, .yeic .swiper-button-prev {
    color: #000
}

.tumu-btn {
    width: 400px;
    height: 64px;
    border: 1px solid #000;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    color: #000;
    margin: 28px auto 0 auto;
    font-family: "Montserrat Alternates",sans-serif;
    font-weight: 500;
    transition: all .3s ease
}

    .tumu-btn:hover {
        transition: all .3s ease
    }

    .tumu-btn:hover {
        background: #ab815a;
        border: 1px solid #ab815a;
        color: #fff
    }

.eglen {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media(min-width: 10px)and (max-width: 1399px) {
    .eglen {
        width: 100%
    }
}

@media(min-width: 1120px)and (max-width: 1399px) {
    .eglen {
        padding: 60px
    }
}

.eglen > span {
    font-size: 24px;
    letter-spacing: .3em;
    margin-bottom: 12px
}

.eglen > h2 {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 60px
}

@media(min-width: 1120px)and (max-width: 1399px) {
    .eglen > h2 {
        font-size: 48px
    }
}

.eglen ul {
    width: 100%;
    display: flex;
    margin-bottom: 20px
}

    .eglen ul li {
        flex: 1;
        margin-right: 36px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

        .eglen ul li:last-child {
            margin: 0
        }

        .eglen ul li figure {
            width: 100%
        }

        .eglen ul li img {
            width: 100%;
            border-top-left-radius: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 0
        }

        .eglen ul li h3 {
            margin: 40px 0 12px 0
        }

            .eglen ul li h3 a {
                font-size: 36px;
                font-weight: 700;
                color: #000;
                transition: all .3s ease
            }

                .eglen ul li h3 a:hover {
                    transition: all .3s ease
                }

                .eglen ul li h3 a:hover {
                    color: #ab815a
                }

        .eglen ul li time {
            font-size: 20px;
            margin-bottom: 8px;
            font-weight: 500;
            font-family: "Montserrat Alternates",sans-serif
        }

        .eglen ul li p {
            line-height: 20px;
            letter-spacing: .1em;
            color: #767676;
            font-size: 14px
        }

.coworking {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    padding: 120px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media(min-width: 10px)and (max-width: 1399px) {
    .coworking {
        width: 100%
    }
}

@media(min-width: 1120px)and (max-width: 1399px) {
    .coworking {
        padding: 60px
    }

        .coworking li {
            margin-right: 60px !important
        }

        .coworking figure {
            width: 100% !important
        }
}

.coworking ul {
    display: flex;
    flex-direction: row
}

    .coworking ul li {
        flex: 1;
        margin-right: 160px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

        .coworking ul li:last-child {
            margin-right: 0
        }

        .coworking ul li > span {
            font-size: 24px;
            letter-spacing: .3em;
            margin-bottom: 12px
        }

        .coworking ul li > h3 {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px
        }

            .coworking ul li > h3 a {
                color: #000;
                transition: all .3s ease
            }

                .coworking ul li > h3 a:hover {
                    transition: all .3s ease
                }

                .coworking ul li > h3 a:hover {
                    color: #ab815a
                }

        .coworking ul li p {
            line-height: 20px;
            letter-spacing: .1em;
            color: #767676;
            font-size: 14px
        }

        .coworking ul li figure {
            margin-top: 28px;
            width: 80%;
            position: relative;
            height: 400px
        }

            .coworking ul li figure img {
                position: absolute;
                border-radius: 50%;
                border: 10px solid #fff
            }

                .coworking ul li figure img:nth-child(1) {
                    width: 380px;
                    z-index: 2;
                    left: 0;
                    bottom: 0
                }

                .coworking ul li figure img:nth-child(2) {
                    width: 224px;
                    z-index: 3;
                    right: 40px;
                    bottom: 0
                }

                .coworking ul li figure img:nth-child(3) {
                    width: 224px;
                    z-index: 1;
                    right: 30px;
                    top: 0
                }

.footer {
    width: 100%;
    background: #000;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media(min-width: 1120px)and (max-width: 1399px) {
    .footer {
        padding: 60px
    }

        .footer li:nth-child(1) {
            flex: 2 !important;
            margin-left: 0
        }
}

.footer__menu {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

@media(min-width: 10px)and (max-width: 1399px) {
    .footer__menu {
        width: 100%
    }
}

.footer__menu li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 20px;
    flex: 1
}

    .footer__menu li:nth-child(1) {
        flex: 2
    }

    .footer__menu li:last-child {
        flex: 0
    }

    .footer__menu li span {
        font-size: 14px;
        color: #fff;
        font-weight: bold
    }

    .footer__menu li a {
        font-size: 14px;
        color: #fff;
        margin-top: 8px;
        white-space: nowrap
    }

        .footer__menu li a:hover {
            color: #ab815a
        }

.footer__sosyal-medya {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end
}

@media(min-width: 10px)and (max-width: 1399px) {
    .footer__sosyal-medya {
        width: 100%
    }
}

.footer__sosyal-medya a {
    width: 40px;
    height: 40px;
    margin: 0 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all .3s ease
}

    .footer__sosyal-medya a:hover {
        transition: all .3s ease
    }

        .footer__sosyal-medya a:hover img {
            transition: all .3s ease;
            filter: invert(54%) sepia(46%) saturate(359%) hue-rotate(348deg) brightness(90%) contrast(91%)
        }

            .footer__sosyal-medya a:hover img:hover {
                transition: all .3s ease
            }

.menu {
    width: 100%;
    display: none;
    position: fixed;
    z-index: 12;
    padding: 120px 0;
    background-color: #fff;
    background-image: url(../../assets/img/menubg.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 340px;
    top: 0;
    left: 0
}

    .menu ul {
        margin-left: auto;
        margin-right: auto;
        width: 1440px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start
    }

@media(min-width: 10px)and (max-width: 1399px) {
    .menu ul {
        width: 100%
    }
}

.menu ul li {
    flex: 1;
    margin-right: 92px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

    .menu ul li:last-child {
        margin: 0
    }

    .menu ul li strong {
        font-size: 36px;
        font-weight: 700;
        font-family: "Montserrat Alternates",sans-serif;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .menu ul li a {
        font-weight: bold;
        color: #000;
        font-size: 17px;
        margin-bottom: 19px;
        transition: all .3s ease
    }

        .menu ul li a:hover {
            transition: all .3s ease
        }

        .menu ul li a:hover {
            color: #ab815a
        }

    .menu ul li img {
        display: none
    }

.menu__kapat {
    width: 52px;
    height: 52px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #ab815a;
    border-radius: 52px;
    position: absolute;
    right: 40px;
    top: 40px;
    transition: all .3s ease
}

    .menu__kapat:hover {
        transition: all .3s ease
    }

    .menu__kapat:hover {
        background: #000
    }

@media(min-width: 1120px)and (max-width: 1399px) {
    .menu {
        padding: 120px 60px
    }
}

.overlay {
    z-index: 11;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8)
}

.swiper-pagination-bullet-active {
    background: #000 !important
}

.breadcrumb {
    margin-top: 150px;
    width: 100%
}

.breadcrumb__menu {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #ab815a
}

    .breadcrumb__menu ul {
        display: flex;
        flex-direction: row;
        margin-left: auto;
        margin-right: auto;
        width: 1440px
    }

@media(min-width: 10px)and (max-width: 1399px) {
    .breadcrumb__menu ul {
        width: 100%
    }
    .menu ul li a{
        font-size:13px
    }
}

.breadcrumb__menu ul li {
    transition: all .3s ease;
    border-right: 1px solid #fff
}

    .breadcrumb__menu ul li:hover {
        transition: all .3s ease
    }

    .breadcrumb__menu ul li a {
        height: 80px;
        line-height: 80px;
        color: #fff;
        padding: 0 32px;
        font-size: 16px;
        display: block;
        white-space:nowrap;
         
    }

    .breadcrumb__menu ul li:hover {
        background: #fff
    }

        .breadcrumb__menu ul li:hover a {
            color: #000
        }

.breadcrumb__menu ul .secili {
    background: #fff
}

    .breadcrumb__menu ul .secili a {
        color: #000
    }

.breadcrumb__menu ul:last-child {
    border: 0
}

.breadcrumb__filtre {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 80px
}

@media(min-width: 10px)and (max-width: 1399px) {
    .breadcrumb__filtre {
        width: 100%
    }
}

.breadcrumb__filtre__butonlar {
    display: flex;
    flex-direction: row
}

    .breadcrumb__filtre__butonlar button {
        width: 127px;
        text-align: center;
        line-height: 46px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 2px;
        margin: 0 2px;
        font-size: 18px;
        transition: all .3s ease
    }

        .breadcrumb__filtre__butonlar button:hover {
            transition: all .3s ease
        }

        .breadcrumb__filtre__butonlar button:hover {
            background: #ab815a;
            color: #fff
        }

    .breadcrumb__filtre__butonlar .secili {
        background: #ab815a;
        color: #fff
    }

@media(min-width: 1110px)and (max-width: 1399px) {
    .breadcrumb__filtre {
        padding: 0 60px
    }
}

.breadcrumb .swiper-slide {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.liste {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media(min-width: 10px)and (max-width: 1399px) {
    .liste {
        width: 100%
    }
}

.liste li {
    margin-right: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: calc(25% - 30px)
}

    .liste li:nth-child(4n) {
        margin-right: 0
    }

    .liste li figure img {
        border-top-left-radius: 20px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 0
    }

    .liste li h3 {
        margin: 20px 0 4px 0
    }

        .liste li h3 a {
            font-size: 36px;
            font-weight: 700;
            color: #000;
            transition: all .3s ease
        }

            .liste li h3 a:hover {
                transition: all .3s ease
            }

            .liste li h3 a:hover {
                color: #ab815a
            }

    .liste li time {
        font-size: 20px;
        margin-bottom: 8px;
        font-weight: 500;
        font-family: "Montserrat Alternates",sans-serif
    }

    .liste li > a {
        color: #ab815a;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        transition: all .3s ease
    }

        .liste li > a:hover {
            transition: all .3s ease
        }

        .liste li > a img {
            transition: all .3s ease
        }

            .liste li > a img:hover {
                transition: all .3s ease
            }

        .liste li > a:hover {
            text-decoration: underline
        }

            .liste li > a:hover img {
                margin-left: 10px
            }

@media(min-width: 1110px)and (max-width: 1399px) {
    .liste {
        padding: 0 60px
    }

        .liste h3 a {
            font-size: 24px !important
        }
}

.detay {
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px 0 80px 0
}

@media(min-width: 10px)and (max-width: 1399px) {
    .detay {
        width: 100%
    }
}

.detay__aciklama {
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
}

    .detay__aciklama > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 60px
    }

        .detay__aciklama > div h1 {
            color: #ab815a;
            font-size: 72px;
            font-weight: bold;
            margin-bottom: 12px
        }

        .detay__aciklama > div p {
            line-height: 36px;
            font-size: 24px;
            letter-spacing: .2px
        }

        .detay__aciklama > div strong {
            margin: 40px 0 20px 0;
            font-size: 32px;
            font-family: "Montserrat Alternates",sans-serif
        }

        .detay__aciklama > div h2 {
            font-size: 32px;
            margin-bottom: 20px;
            font-weight: 500
        }

        .detay__aciklama > div ul {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            margin-bottom: 40px
        }

            .detay__aciklama > div ul li {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                font-size: 16px;
                padding: 10px 0
            }

                .detay__aciklama > div ul li b {
                    min-width: 250px
                }

                .detay__aciklama > div ul li a {
                    color: #000;
                    transition: all .3s ease
                }

                    .detay__aciklama > div ul li a:hover {
                        transition: all .3s ease
                    }

                    .detay__aciklama > div ul li a:hover {
                        text-decoration: underline
                    }

    .detay__aciklama figure {
        min-width: 450px;
        max-width: 450px
    }

        .detay__aciklama figure img {
            border-top-left-radius: 20px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 20px;
            border-bottom-left-radius: 0
        }

@media(max-width: 599px) {
    .header {
        height: 100px;
        padding: 0 20px;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .header__sosyal-medya {
        display: none
    }

    .header figure img {
        width: 140px
    }

    .header button {
        width: auto
    }

    .videobg {
        height: 70vh
    }

        .videobg:before {
            display: none
        }

        .videobg h1 {
            font-size: 32px;
            padding-bottom: 40px
        }

        .videobg img {
            display: none
        }

    .yeic {
        padding: 40px 20px
    }

        .yeic h2 {
            font-size: 30px;
            margin-bottom: 40px
        }

        .yeic span {
            font-size: 16px
        }

        .yeic ul {
            flex-direction: column
        }

            .yeic ul li {
                flex-direction: row !important
            }

                .yeic ul li:nth-child(2) {
                    flex-direction: row-reverse !important
                }

                .yeic ul li figure {
                    width: 50%;
                    height: auto
                }

                .yeic ul li div {
                    width: 50%;
                    height: auto;
                    padding: 0 28px 0 20px
                }

                    .yeic ul li div img {
                        height: 50px;
                        margin-top: 20px;
                    }

                    .yeic ul li div h3 a {
                        font-size: 14px;
                        margin: 12px 0;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden
                    }

                    .yeic ul li div p {
                        font-size: 11px;
                        line-height: 16px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden
                    }

    .tumu-btn {
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 18px
    }

    .eglen {
        padding: 40px 20px
    }

        .eglen h2 {
            font-size: 30px;
            margin-bottom: 40px
        }

        .eglen span {
            font-size: 16px
        }

        .eglen ul {
            flex-direction: column
        }

            .eglen ul li {
                margin-right: 0;
                margin-bottom: 20px
            }

                .eglen ul li h3 {
                    margin: 20px 0 12px 0
                }

                    .eglen ul li h3 a {
                        font-size: 20px
                    }

                .eglen ul li time {
                    font-size: 16px
                }

                .eglen ul li p {
                    font-size: 11px
                }

    .coworking {
        padding: 40px 20px
    }

        .coworking ul {
            flex-direction: column
        }

            .coworking ul li {
                width: 100%;
                margin-right: 0;
                margin-bottom: 40px
            }

                .coworking ul li span {
                    font-size: 16px
                }

                .coworking ul li h3 {
                    font-size: 20px
                }

                .coworking ul li p {
                    font-size: 12px
                }

                .coworking ul li figure {
                    width: 100%;
                    height: 300px
                }

                    .coworking ul li figure img:nth-child(1) {
                        width: 70%
                    }

                    .coworking ul li figure img:nth-child(2) {
                        width: 50%;
                        right: 0
                    }

                    .coworking ul li figure img:nth-child(3) {
                        width: 50%
                    }

    .footer {
        padding: 20px;
        justify-content: center;
        align-items: center
    }

    .footer__menu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

        .footer__menu li {
            width: 100%;
            margin: 0;
            flex: inherit !important
        }

            .footer__menu li a {
                display: none
            }

            .footer__menu li figure {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center
            }

                .footer__menu li figure a {
                    display: block
                }

                .footer__menu li figure img {
                    height: 60px
                }

            .footer__menu li span {
                display: none
            }

    .footer__sosyal-medya {
        justify-content: center;
        align-items: center;
        margin-top: 40px
    }

    .menu {
        padding: 80px 0 40px 0;
        height: 100vh;
        overflow-y: auto;
        background-image: none
    }

    .menu__kapat {
        right: 20px;
        top: 20px;
        width: 40px;
        height: 40px
    }

    .menu ul {
        flex-direction: column
    }

        .menu ul li {
            width: 100%;
            margin-right: 0;
            height: 44px;
            max-height: 44px;
            overflow: hidden;
            margin-bottom: 12px;
            position: relative;
            transition: all .3s ease;
            padding: 0 40px
        }

            .menu ul li:hover {
                transition: all .3s ease
            }

            .menu ul li strong {
                width: 100%;
                font-size: 24px
            }

            .menu ul li img {
                width: 28px;
                height: 28px;
                position: absolute;
                right: 20px;
                top: 10px;
                display: block;
                pointer-events: none
            }

    .menu .menu-ul-acik img {
        transform: rotate(180deg)
    }

    .breadcrumb {
        margin-top: 100px
    }

    .breadcrumb__menu {
        height: 46px
    }

        .breadcrumb__menu nav {
            overflow: hidden;
            justify-content: flex-start;
            align-items: flex-start
        }

            .breadcrumb__menu nav ul {
                overflow-x: auto
            }

                .breadcrumb__menu nav ul li a {
                    height: 46px;
                    line-height: 46px;
                    font-size: 12px;
                    padding: 0 20px
                }

    .breadcrumb__filtre {
        height: auto;
        padding: 20px 18px 20px 20px
    }

        .breadcrumb__filtre select {
            height: 46px
        }

        .breadcrumb__filtre button {
            width: auto;
            padding: 0 10px;
            font-size: 11px
        }

    .liste {
        padding: 0 20px 20px 20px
    }

        .liste li {
            width: calc(49% - 10px);
            margin-right: 20px !important
        }

            .liste li:nth-child(2n) {
                margin-right: 0 !important
            }

            .liste li h3 a {
                font-size: 18px
            }

            .liste li time {
                font-size: 12px
            }

            .liste li > a {
                font-size: 11px
            }

                .liste li > a img {
                    width: 16px;
                    height: 16px
                }

    .detay {
        padding: 0 20px 40px 0
    }

    .detay__aciklama {
        flex-direction: column-reverse;
        margin-top: 40px
    }

        .detay__aciklama > div {
            width: 100%;
            padding: 0
        }

            .detay__aciklama > div h1 {
                font-size: 24px;
                margin-top: 20px
            }

            .detay__aciklama > div p {
                font-size: 14px;
                line-height: 20px
            }

            .detay__aciklama > div strong {
                font-size: 20px
            }

            .detay__aciklama > div h2 {
                font-size: 18px;
                margin-top: 40px
            }

            .detay__aciklama > div ul {
                margin-bottom: 0;
                flex-direction: column
            }

                .detay__aciklama > div ul li {
                    align-items: flex-start;
                    justify-content: flex-start;
                    flex-direction: column
                }

                .detay__aciklama > div ul b {
                    min-width: inherit;
                    margin-bottom: 4px;
                    font-size: 13px
                }

        .detay__aciklama figure {
            min-width: inherit;
            max-width: inherit
        }
}

@media(min-width: 600px)and (max-width: 1100px) {
    .header {
        height: 100px;
        padding: 0 20px;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .header__sosyal-medya {
        display: none
    }

    .header figure img {
        width: 140px
    }

    .header button {
        width: auto
    }

    .videobg {
        height: 70vh
    }

        .videobg:before {
            display: none
        }

        .videobg h1 {
            font-size: 32px;
            padding-bottom: 40px
        }

        .videobg img {
            display: none
        }

    .yeic {
        padding: 40px 20px
    }

        .yeic h2 {
            font-size: 30px;
            margin-bottom: 40px
        }

        .yeic span {
            font-size: 16px
        }

        .yeic ul {
            flex-direction: column
        }

            .yeic ul li {
                flex-direction: row !important
            }

                .yeic ul li:nth-child(2) {
                    flex-direction: row-reverse !important
                }

                .yeic ul li figure {
                    width: 50%;
                    height: auto
                }

                .yeic ul li div {
                    width: 50%;
                    height: auto;
                    padding: 0 28px 0 20px
                }

                    .yeic ul li div img {
                        height: 50px;
                        margin-top:12px
                    }

                    .yeic ul li div h3 a {
                        font-size: 14px;
                        margin: 12px 0;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden
                    }

                    .yeic ul li div p {
                        font-size: 11px;
                        line-height: 16px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden
                    }

    .tumu-btn {
        width: 100%;
        height: 44px;
        line-height: 44px;
        font-size: 18px
    }

    .eglen {
        padding: 40px 20px
    }

        .eglen h2 {
            font-size: 30px;
            margin-bottom: 40px
        }

        .eglen span {
            font-size: 16px
        }

        .eglen ul li {
            margin-right: 20px
        }

            .eglen ul li h3 {
                margin: 20px 0 12px 0
            }

                .eglen ul li h3 a {
                    font-size: 20px
                }

            .eglen ul li time {
                font-size: 16px
            }

            .eglen ul li p {
                font-size: 11px
            }

    .coworking {
        padding: 40px 20px
    }

        .coworking ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 40px
        }

            .coworking ul li span {
                font-size: 16px
            }

            .coworking ul li h3 {
                font-size: 20px
            }

            .coworking ul li p {
                font-size: 12px
            }

            .coworking ul li figure {
                width: 100%;
                height: 300px
            }

                .coworking ul li figure img:nth-child(1) {
                    width: 234px
                }

                .coworking ul li figure img:nth-child(2) {
                    width: 167px;
                    right: 0
                }

                .coworking ul li figure img:nth-child(3) {
                    width: 167px
                }

    .footer {
        padding: 20px;
        justify-content: center;
        align-items: center
    }

    .footer__menu {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center
    }

        .footer__menu li {
            width: 100%;
            margin: 0;
            flex: inherit !important
        }

            .footer__menu li a {
                display: none
            }

            .footer__menu li figure {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: center
            }

                .footer__menu li figure a {
                    display: block
                }

                .footer__menu li figure img {
                    height: 60px
                }

            .footer__menu li span {
                display: none
            }

    .footer__sosyal-medya {
        justify-content: center;
        align-items: center;
        margin-top: 40px
    }

    .menu {
        padding: 80px 0 40px 0;
        height: 100vh;
        overflow-y: auto;
        background-image: none
    }

    .menu__kapat {
        right: 20px;
        top: 20px;
        width: 40px;
        height: 40px
    }

    .menu ul {
        flex-direction: column
    }

        .menu ul li {
            width: 100%;
            margin-right: 0;
            height: 44px;
            max-height: 44px;
            overflow: hidden;
            margin-bottom: 12px;
            position: relative;
            transition: all .3s ease;
            padding: 0 40px
        }

            .menu ul li:hover {
                transition: all .3s ease
            }

            .menu ul li strong {
                width: 100%;
                font-size: 24px
            }

            .menu ul li img {
                width: 28px;
                height: 28px;
                position: absolute;
                right: 20px;
                top: 10px;
                display: block;
                pointer-events: none
            }

    .menu .menu-ul-acik img {
        transform: rotate(180deg)
    }

    .breadcrumb {
        margin-top: 100px
    }

    .breadcrumb__menu {
        height: 46px
    }

        .breadcrumb__menu nav {
            overflow: hidden;
            justify-content: flex-start;
            align-items: flex-start
        }

            .breadcrumb__menu nav ul {
                overflow-x: auto
            }

                .breadcrumb__menu nav ul li a {
                    height: 46px;
                    line-height: 46px;
                    font-size: 12px;
                    padding: 0 20px
                }

    .breadcrumb__filtre {
        height: auto;
        padding: 20px 18px 20px 20px
    }

        .breadcrumb__filtre select {
            height: 46px
        }

        .breadcrumb__filtre button {
            width: auto;
            padding: 0 10px;
            font-size: 11px
        }

    .liste {
        padding: 0 20px 20px 20px
    }

        .liste li {
            width: calc(49% - 10px);
            margin-right: 20px !important
        }

            .liste li:nth-child(2n) {
                margin-right: 0 !important
            }

            .liste li h3 a {
                font-size: 18px
            }

            .liste li time {
                font-size: 12px
            }

            .liste li > a {
                font-size: 11px
            }

                .liste li > a img {
                    width: 16px;
                    height: 16px
                }

    .detay {
        padding: 0 20px
    }

    .detay__aciklama {
        flex-direction: column-reverse;
        margin-top: 40px
    }

        .detay__aciklama > div {
            padding: 0;
            width: 100%
        }

            .detay__aciklama > div h1 {
                font-size: 24px;
                margin-top: 20px
            }

            .detay__aciklama > div p {
                font-size: 14px;
                line-height: 20px
            }

            .detay__aciklama > div strong {
                font-size: 20px
            }

            .detay__aciklama > div h2 {
                font-size: 18px;
                margin-top: 40px
            }

            .detay__aciklama > div ul {
                margin-bottom: 0;
                flex-direction: column
            }

                .detay__aciklama > div ul li {
                    align-items: flex-start;
                    justify-content: flex-start;
                    flex-direction: column
                }

                .detay__aciklama > div ul b {
                    min-width: inherit;
                    margin-bottom: 4px;
                    font-size: 13px
                }

        .detay__aciklama figure {
            min-width: inherit;
            max-width: inherit
        }
}
/*# sourceMappingURL=global.min.css.map */