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

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

@media only screen and (max-width: 600px) {
    
    .navbar {
        padding: 20px;
        /* background-color: var(--white); */
    }

    .navbar-toggler {
        justify-content: end;
        border-color: var(--white);
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: var(--white);
        padding: 0.8rem 0.6rem;
        border-radius: 2px;
    }

    .autho {
        width: 60%;
    }

    .credit-line {
        display: flex;
        gap: 20px;
        flex-direction: column;
        text-align: center;
    }

    .logo-header {
        text-align: center;
    }
    
    .logo-header img {
        width: 50% !important;
    }
    .header-contact {
        display: none !important;
    }

    /* .mobile-content {
        display: block !important;
    }

    .system-content {
        display: none !important;
    } */

    .page-header .title {
        text-align: center;
        border-left: 0px;
    }

    .page-header .breadcrumb {
        justify-content: center;
    }

    /*  */
    .about-section {
        padding: 50px 0px;
        background-image: linear-gradient(340deg, var(--white), var(--u-light-gray));
    }

    /*  */
    .counter {
        padding: 40px 0px;
    }

    .counter .col-md-4{
        margin-bottom: 20px;
    }

    /*  */

    .second-footer {
        padding: 9rem 0;
        background-image: url(../images/logomok.jpg);
        background-size: 100%;
        background-attachment: scroll;
        background-repeat: no-repeat;
    }

    /*  */

    .contact-brochure {
        background-image: url(../images/powerlinkicon-footer.webp);
        background-repeat: no-repeat;
        background-size: 24%;
        background-position: 0px 10.9rem;
        text-align: center;
    }

    .contact-brochure .col-md-4{
        margin-top: 20px;
        text-align: center !important;
    }

    footer h5{
        margin-top: 20px;
    }

    /*  */

    .img-responsive{
        text-align: center;
    }

    .img-responsive img{
        width: 50% !important;
    }

    /*  */
    .contact-container .col-md-4{
        margin-bottom: 60px;
    }
}

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