/*========================= PHONE MEDIA QUERES 576px =========================*/
@media (max-width:576px) {

    /***** HOME ********************************************/
    .wrapper {
        width: 100%;
        margin: 0;
    }

    .carousel-inner,
    .carousel-item img {
        height: 400px;
    }

    /***** NAVBAR ********************************************/
    .navbar-toggler {
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        border: none;
        color: #dc3545;
        border-radius: 0;
    }

    .navbar-brand {
        background: #ffc107 url('../images/logo2.jpg');
        text-align: center;
        display: block;
        background-size: 100% 100px;
        height: 100px;
        width: 100%;
    }

    .navbar-light .navbar-toggler {
        float: right !important;
        outline: none;
    }

    .nav-link {
        display: block;
        text-align: left !important;
        background: transparent;
        color: #333 !important;
        list-style-type: none;
        border-top: solid 1px #333;
        margin-bottom: 5px;
        width: 100% !important;
    }

    .nav-item {
        background-image: none!important;
    }

    .nav-link.active {
        color: #dc3545 !important;

    }

    .dropdown-item {
        display: block;
        text-align: left;
        width: 100%;
        margin-bottom: 5px;
    }

    .dropdown-menu {
        background: none;
    }

    /***** BREADCRUMB ********************************************/

    .breadcrumb-item {
        text-align: center;
    }

    .breadcrumb {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: 10px 20px;
        text-align: center;
    }

    /***** ABOUT ********************************************/
    #about h1 {
        font-size: 28px;
    }

    #about p {
        text-align: justify;
        display: block;
    }

    /***** FOOTER ********************************************/

    .footer p {
        text-align: center;
    }

    .footer .img-fluid {
        text-align: center;
        display: block;
        margin: 5px auto;
    }

    .copyright span {
        width: 100%;
        display: block;
    }

    /***** DİSPLAY NONE ********************************************/
    .top-bar,
    .carousel-indicators,
    .gototop {
        display: none !important;
    }

    /* MEDIA QUERES 576px END */
}

/*========================= TABLET MEDIA QUERES 768px =========================*/
@media (max-width: 768px) {

    /* MEDIA QUERES 768px END */
}

/*========================= MASAÜSTÜ MEDIA QUERES 992px =========================*/
@media (max-width: 992px) {

    /* MEDIA QUERES 992px END */
}

/*========================= TV MEDIA QUERES 1200px =========================*/
@media (max-width: 1200px) {


    /* MEDIA QUERES 1200px END */
}