/* RESPONSIVE CSS
-------------------------------------------------- */


/* RESPONSIVE CSS
-------------------------------------------------- */


@media (max-width: 1399.98px) {
    #yetenek ul.submenu {
        left: -32rem;
    }

    #yetenek ul.submenu .col a {
        padding: 00.5rem;
        min-height: 9rem;
    }

    #yetenek ul.submenu .col img {
        max-height: 4rem;
    }

    div#about-2 {
        left: 26rem;
    }

    div#about-3 {
        left: 0;
    }

    div#about-4 {
        left: 41rem;
    }

    div#about-5 {
        left: 37rem;
    }

    a.gallery {
        max-height: 10rem;
    }



}

@media (max-width: 1199.98px) {
    .navbar-brand img {
        width: 12rem;
    }

    a.gallery {
        max-height: 9rem;
    }

    .navbar-nav .nav-link {
        padding: 0.6rem !important;
        font-size: 0.9rem;
    }

    .top-header {
        background-size: 74% 100%;
    }

    #yetenek ul.submenu .col img {
        max-height: 3rem;
        display: none;
    }

    #yetenek ul.submenu {
        left: 0;
    }

    #yetenek ul.submenu .col .card-body {
        position: relative;
        height: auto;
    }

    #yetenek ul.submenu .row {
        display: block;
    }

    #yetenek ul.submenu .col a {
        min-height: 0;
        padding: 0;
    }

    #yetenek ul.submenu .col h5 {
        text-align: center;
        padding: 0.67rem 0 0.3rem;
    }

    div#about-4 {
        left: 0;
        top: 27rem;
    }

    div#about-2 {
        left: 35rem;
    }

    div#about-1 {
        left: 5rem;
    }

    section.about-page {
        height: 140vh;
    }

    div#about-3 {
        left: 30rem;
    }

    div#about-5 {
        left: 20rem;
        top: 58rem;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        width: 15rem;
        position: relative;
        top: 0;
    }

    .top-header {
        display: none;
    }

    .navbar-brand {
        display: block;
    }

    .navbar>.container {
        text-align: center;
        display: block;
    }

    .aboutdiv {
        left: auto !important;
        position: relative;
        display: block;
        top: auto !important;
        height: 28rem !important;
        width: 22rem !important;
        margin: auto;
    }

    section.about-page {
        height: auto;
    }

    .aboutdiv p {
        width: 9rem;
    }

    .aboutdiv h5 {}

    div#about-3 {
        height: 20rem !important;
    }

    div#about-3 img {
        left: 0;
    }

    div#about-3 h5 {
        left: 16rem;
    }

    div#about-3 p {
        left: 16rem;
    }

    div#about-4 img,
    div#about-4 h5 {
        left: 0;
    }

    div#about-4 p {
        left: 14rem;
    }

    div#about-4 {
        height: 30rem !important;
    }

    div#about-1 h5 {
        top: 0;
    }

    div#about-1 img {
        top: 2rem;
        position: absolute;
        z-index: -1;
    }

    div#about-1 p {
        top: 15rem;
    }

    div#about-1 {
        height: 25rem !important;
    }

    div#alturun div {
        text-align: center;
    }

    .footer-logo {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-brand img {
        width: 15rem;
        position: relative;
        top: 0;
    }

    .top-header {
        display: none;
    }

    .navbar-brand {
        display: block;
    }

    .navbar>.container {
        text-align: center;
        display: block;
    }

    .navbar>.container {
        display: flex;
    }

    .navbar-toggler-icon {
        background: #00a5b5;
        padding: 1.5rem;
        border-radius: 0.4rem;
    }

    .navbar-dark .navbar-toggler-icon {
        background-size: 77%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .carousel-caption {
        left: 0;
        top: 0;
        right: auto;
        text-align: center !important;
        width: 100%;
    }

    .carousel-caption h1 {
        margin-top: 3rem;
    }

    a.about3-img img {}

    .about3-img {
        top: 50%;
    }

    #yetenek ul.submenu {
        display: none !important;
    }

    a.gallery {
        max-height: fit-content;
    }

    .sidebar-blog {
        text-align: center;
    }

    .proje-galeri {
        position: relative;
        width: fit-content;
        overflow: inherit;
        padding: 0;
    }

    #projeler .proje-image {
        width: 100%;
    }

}

@media (max-width: 575.98px) {
    section.dis-cozumler {
        padding: 0;
    }

    section.blogs {
        padding: 75px 0;
    }
}





@media (min-width: 40em) {

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 3rem;
        font-size: 1.25rem;
        line-height: 1.4;
        text-shadow: 0px 0px 20px black;
    }

    .featurette-heading {
        font-size: 50px;
    }
}

@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}

footer {
    background: url("../img/1q.png");
    background-position: 50% 70%;
    background-repeat: no-repeat;
    position: relative;
}