@media (max-width:350px) {
    .hide {
        top: 0;
        left: 0;
    }
}

@media (max-width:748px) {
    .list 
{
    text-align: center;
}
}
@media (max-width:868px) {
    .about-content 
    {
        text-align: center;
    }
    .groub-photo
    {
        margin: auto;
    }
    .hum {
        display: flex;
    }

    .nav-menu,
    .nav-btn {
        display: none;
    }

    .nav-bar {
        padding: 5px;
    }

    .nav-img {
        width: 150px;
    }
}

@media (min-width:640px) {
    .sm-100 {
        width: 100%;
    }

    .sm-50 {
        width: 50%;
    }

    .sm-33 {
        width: 33.3333%;
    }

    .sm-25 {
        width: 25%;
    }

    .sm-20 {
        width: 20%;
    }

    .sm-16 {
        width: 16.6666%;
    }
}

@media (min-width:768px) {
    .services {
        transform: translateY(10%);
    }

    .md-100 {
        width: 100%;
    }

    .md-50 {
        width: 50%;
    }

    .md-33 {
        width: 33.3333%;
    }

    .md-25 {
        width: 25%;
    }

    .md-20 {
        width: 20%;
    }

    .md-16 {
        width: 16.6666%;
    }
}

@media (min-width:1024px) {
    .services {
        transform: translateY(20%);
    }

    .lg-100 {
        width: 100%;
    }

    .lg-50 {
        width: 50%;
    }

    .lg-33 {
        width: 33.3333%;
    }

    .lg-25 {
        width: 25%;
    }

    .lg-20 {
        width: 20%;
    }

    .lg-16 {
        width: 16.6666%;
    }
}

@media (min-width:1280px) {

    .services {
        transform: translateY(30%);
    }

    .xl-100 {
        width: 100%;
    }

    .xl-50 {
        width: 50%;
    }

    .xl-33 {
        width: 33.3333%;
    }

    .xl-25 {
        width: 25%;
    }

    .xl-20 {
        width: 20%;
    }

    .xl-16 {
        width: 16.6666%;
    }
}

@media (min-width:1536px) {
    .xxl-100 {
        width: 100%;
    }

    .xxl-50 {
        width: 50%;
    }

    .xxl-33 {
        width: 33.3333%;
    }

    .xxl-25 {
        width: 25%;
    }

    .xxl-20 {
        width: 20%;
    }

    .xxl-16 {
        width: 16.6666%;
    }
}