@media(min-width:350px) and (max-width:480.98px) {

    .social-area,
    .red-area {
        display: none;
    }

    .info-area a {
        font-size: .8rem;
    }

    .donation-btn a {
        padding: .675rem;
    }

    .navbar-brand img {
        width: 9rem;
    }

    .blue-area {
        width: 100%;
    }

    .navbar-toggler {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler span {
        filter: brightness(.2) invert(1);
    }

    .slider-area .splide__slide img {
        height: 12.5rem;
    }

    .df-area {
        margin-top: 2rem;
    }

    .don-btn {
        bottom: 1rem;
    }

    .title-areas h2 {
        font-size: 1.9rem;
    }

    .title-areas p {
        font-size: .85rem;
    }

    .project-area {
        padding: 1rem 0;
        margin-top: 2rem;
    }

    .project-area .col-lg-6.mt-5 {
        margin-top: 0 !important;
    }

    .project-area .col-lg-6:last-child {
        margin-top: 2rem;
    }

    .news-area {
        margin-top: 2rem;
    }

    .sub-footer {
        display: grid;
        border-radius: 0;
        margin: 1rem 0;
        text-align: center;
    }

    .designer-tag a {
        text-align: center;
    }

    .id-footer img {
        width: 14rem;
    }

    footer {
        padding-top: 2rem;
    }

    .mar-menu {
        margin-bottom: 11rem;
    }

    .sub-menu {
        padding: .1rem 1rem;
    }
}

@media(min-width:481px) and (max-width:575.98px) {

    .social-area,
    .red-area {
        display: none;
    }

    .info-area {
        width: 100%;
    }

    .navbar-brand img {
        width: 9rem;
    }

    .blue-area {
        width: 100%;
    }

    .navbar-toggler {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler span {
        filter: brightness(.2) invert(1);
    }

    .slider-area .splide__slide img {
        height: 17rem;
    }

    .df-area {
        margin-top: 2rem;
    }

    .don-btn {
        bottom: 1rem;
    }

    .title-areas h2 {
        font-size: 1.9rem;
    }

    .title-areas p {
        font-size: .85rem;
    }

    .project-area {
        padding: 1rem 0;
        margin-top: 2rem;
    }

    .project-area .col-lg-6.mt-5 {
        margin-top: 0 !important;
    }

    .project-area .col-lg-6:last-child {
        margin-top: 2rem;
    }

    .news-area {
        margin-top: 2rem;
    }

    .sub-footer {
        display: grid;
        border-radius: 0;
        margin: 1rem 0;
        text-align: center;
    }

    .designer-tag a {
        text-align: center;
    }

    .id-footer img {
        width: 14rem;
    }

    footer {
        padding-top: 2rem;
    }

    .mar-menu {
        margin-bottom: 11rem;
    }

    .sub-menu {
        padding: .1rem 1rem;
    }
}

@media(min-width:576px) and (max-width:767.98px) {

    .social-area,
    .red-area {
        display: none;
    }

    .info-area {
        width: 100%;
    }

    .navbar-brand img {
        width: 9rem;
    }

    .blue-area {
        width: 100%;
    }

    .navbar-toggler {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler span {
        filter: brightness(.2) invert(1);
    }

    .slider-area .splide__slide img {
        height: 17rem;
    }

    .df-area {
        margin-top: 2rem;
    }

    .don-btn {
        bottom: 1rem;
    }

    .title-areas h2 {
        font-size: 1.9rem;
    }

    .title-areas p {
        font-size: .85rem;
    }

    .project-area {
        padding: 1rem 0;
        margin-top: 2rem;
    }

    .project-area .col-lg-6.mt-5 {
        margin-top: 0 !important;
    }

    .project-area .col-lg-6:last-child {
        margin-top: 2rem;
    }

    .news-area {
        margin-top: 2rem;
    }



    .designer-tag a {
        text-align: center;
    }

    .id-footer img {
        width: 14rem;
    }

    footer {
        padding-top: 2rem;
    }

    .mar-menu {
        margin-bottom: 11rem;
    }

    .sub-menu {
        padding: .1rem 1rem;
    }
}

@media(min-width:768px) and (max-width:991.98px) {

    .red-area {
        display: none;
    }

    .navbar-brand img {
        width: 9rem;
    }

    .blue-area {
        width: 100%;
    }

    .navbar-toggler {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .navbar-toggler span {
        filter: brightness(.2) invert(1);
    }

    .slider-area .splide__slide img {
        height: 22rem;
    }

    .df-area {
        margin-top: 2rem;
    }

    .don-btn {
        bottom: 1rem;
    }

    .title-areas h2 {
        font-size: 2.4rem;
    }

    .title-areas p {
        font-size: .85rem;
    }

    .project-area {
        padding: 1rem 0;
        margin-top: 2rem;
    }

    .project-area .col-lg-6.mt-5 {
        margin-top: 0 !important;
    }

    .project-area .col-lg-6:last-child {
        margin-top: 2rem;
    }

    .news-area {
        margin-top: 2rem;
    }

    .designer-tag a {
        text-align: center;
    }

    .id-footer img {
        width: 14rem;
    }

    footer {
        padding-top: 2rem;
    }

    .mar-menu {
        margin-bottom: 11rem;
    }

    .sub-menu {
        padding: .1rem 1rem;
    }

    .faaliyet-area .col-lg-4 {
        width: 50%;
    }

    footer .col-lg-3 {
        width: 50%;
        margin-bottom: 1rem;
    }

    footer .col-lg-1 {
        display: none;
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    .slider-area .col-lg-9 {
        width: 60%;
    }

    .slider-area .col-lg-3 {
        width: 40%;
    }

    .slider-area .splide__slide img {
        height: 20rem;
    }

    .df-area {
        padding-bottom: 5rem;
    }

    .don-btn {
        bottom: 1rem;
    }

    footer .col-lg-1 {
        display: none;
    }

    footer .col-lg-3 {
        width: 33.3333%;
    }
}

@media(min-width:1200px) and (max-width:1399.98px) {
    .slider-area .col-lg-9 {
        width: 100%;
    }

    .slider-area .col-lg-9 img {
        height: 38rem;
    }

    .slider-area .col-lg-3 {
        width: 100%;
        margin-top: 1.5rem;
    }

    .df-area {
        margin-bottom: 4rem;
    }

    .df-area .don-btn {
        bottom: 2rem;
    }
}