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

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

@media only screen and (max-width: 600px) {
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: var(--black);
        width: 100%;
        /* height: 20rem; */
        overflow-y: scroll;
        left: 0;
        right: 0;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 10;
        padding: 1.2rem;
        color: var(--white);
        border-radius: 10px;
        border: 1px solid var(--black);
    }

    .nav-pills {
        flex-direction: row;
    }

    .nav-pills .nav-link {
        width: auto;
        text-align: center;
    }

    .counter-container {
        margin: 10px 0px;
    }

    .navbar {
        padding: 10px;
    }

    .navbar img {
        width: 16rem;
    }

    .navbar-collapse {
        margin-top: 10px;
    }

    .navbar-nav {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }


    .navbar-toggler {
        flex-grow: 1;
        display: flex;
        justify-content: center;
        margin: 16px 0px;
    }

    .navbar-nav .nav-item {
        margin: 10px 0;
    }

    .navbar-nav .nav-link {
        margin: 5px 0;
        padding: 10px 0;
    }

    .navbar-brand {
        margin: 0px;
    }

    .navbar .navbar-brand img {
        margin: 0px 20px;
    }

    .dropdown-menu {
        width: 100%;
        position: static;
        float: none;
        background-color: #fff;
    }

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

    .btn-primary {
        width: 90%;
        margin: 10px auto;
        padding: 10px;
    }

    .footer-section {
        background-size: 20rem;
        background-position: right 54px top 30rem;
    }

    .gallery-item {
        padding: 15px;
    }

    .navpills-section {
        padding: 20px 0px !important;
    }

    .second-footer {
        padding: 4rem 0 !important;
        background-size: 20%;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
    }

}

@media only screen and (width: 540px) {}