@media only screen and (max-width: 576px) {
    .logo-header {
        width: 100px;
        position: static;
    }

    .background-header {
        width: 70%;
    }

    .nav-link-item {
        color: #239e97;
    }

    .italic {
        font-size: 1rem;
    }

    .slider-subtitle {
        font-size: 1.5rem;
    }

    .slider-title {
        font-size: 3rem;
    }

    .relative-slider-img {
        position: static;
    }

    .background-col::before {
        right: -0.1rem;
    }

    .outline-btn {
        width: 100px;
    }

    #cevaplar {
        margin-top: 5rem;
    }

    .blur-title {
        font-size: 1.5rem;
    }

    header {
        background-color: #662483;
    }


    .white-nav {
        color: #46ADA7;
    }

}

@media only screen and (max-width: 768px) {
    .logo-header {
        width: 100px;
        position: static;
    }

    .background-header {
        width: 70%;
    }

    .nav-link-item {
        color: #239e97;
    }

    .italic {
        font-size: 1rem;
    }

    .slider-subtitle {
        font-size: 1.5rem;
    }

    .slider-title {
        font-size: 3rem;
    }

    .background-col::before {
        left: -0.1rem;
        width: auto;
    }

    .outline-btn {
        width: 100px;
    }

    #cevaplar {
        margin-top: 5rem;
    }

    .blur-title {
        font-size: 1.5rem;
    }

    .harita {
        margin-top: 5rem;
    }

    header {
        background-color: #662483;
    }


    .white-nav .nav-link {
        color: #46ADA7;
    }

    .carousel-caption {
        width: 90%;
    }


    .circle-content {
        position: relative;
        bottom: 8.5rem;
    }

    .circle-content img {
        max-width: 50px;
    }

}

@media only screen and (max-width: 992px) {
    .logo-header {
        width: 100px;
        position: static;
    }

    .background-header {
        width: 70%;
    }

    .nav-link-item {
        color: #239e97;
    }

    .italic {
        font-size: 1rem;
    }

    .slider-subtitle {
        font-size: 1.5rem;
    }

    .slider-title {
        font-size: 3rem;
    }

    .relative-slider-img {
        position: static;
    }

    .background-col::before {
        right: -0.1rem;
    }

    .outline-btn {
        width: 100px;
    }

    #cevaplar {
        margin-top: 5rem;
    }

    .blur-title {
        font-size: 1.5rem;
    }

    .harita {
        margin-top: 10rem;
    }

    header {
        background-color: #662483;
    }

    .white-nav .nav-link {
        color: #46ADA7;
    }


}

@media only screen and (max-width: 1200px) {
    .position-circle-1 {
        left: 24rem;
        bottom: 26rem;
    }

    .circle-content {
        position: relative;
        bottom: 8.5rem;
    }

    .circle-content img {
        max-width: 50px;
    }

    .position-circle-2 {
        left: 27rem;
        bottom: 24rem;
    }

    .position-circle-3 {
        left: 21rem;
        bottom: 7rem;
    }

    .position-circle-4 {
        left: 8rem;
        bottom: 13rem;
    }

    .position-circle-5 {
        bottom: 29rem;
        left: -2rem;
    }

    .position-circle-6 {
        left: 3rem;
        bottom: 45rem;
    }

    .position-circle-7 {
        left: 13rem;
        bottom: 54rem;
    }

   .position-circle-8 {
        left: 24rem;
        bottom: 58rem;
    }

       .position-circle-9 {
        left: 28rem;
        bottom: 57rem;
    }
    
    .dc {
    right: 1rem;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {

    .position-circle-1 {
        left: 30rem;
        bottom: 30rem;
    }

    .position-circle-2 {
        left: 33.5rem;
        bottom: 26rem;
    }

    .position-circle-3 {
        left: 28rem;
        bottom: 9rem;
    }

    .position-circle-4 {}

    .position-circle-5 {}

    .position-circle-6 {
        left: 5rem;
        bottom: 49rem;
    }

    .position-circle-7 {
        left: 17rem;
        bottom: 60rem;
    }

   .position-circle-8 {
        left: 30rem;
        bottom: 62rem;
    }
   .position-circle-9 {
        left: 33rem;
        bottom: 60rem;
    }

}

@media only screen and (max-width: 992px) {


    .circle-content {
        position: relative;
        bottom: 10.5rem;
    }

    .circle-content img {
        max-width: 75px;
    }

}

@media only screen and (max-width: 768px) {
.dc, .ac {
    width: 14rem;
    font-size: 1rem;
    right: 0;
    top: -38rem;
}

.dc p, .ac p {
    font-size: 1rem;
}

.ac {
    left: 0;
}

    .circle-content {
        position: relative;
        bottom: 8.5rem;
    }

    .circle-content img {
        max-width: 50px;
    }

}


@media only screen and (max-width: 576px) {

    .circle-content {
        position: relative;
        bottom: 6.5rem;
        padding: 1.2rem 0;
    }

    .circle-content img {
        max-width: 51px;
    }

    .circle-content .circle-title {
        display: none !important;
    }

    .slider-sub-title {
        font-size: 3rem;
    }
}