@media (max-width: 768px) {
    .wrap {
        padding: 20px;
    }

    .box-four {
        top: 0 !important;
    }

    .box-one, .box-two, .box-three {
        margin-bottom: 20px;
    }

    .brands-box {
        top: -30px !important;
    }

    .hide-mobile {
        display: none;
    }

    .show-mobile {
        display: block !important;
    }

    .urun-gruplari {
        padding: 0 !important;
    }

    .nav-first li {
        float: left;
        width: 100%;
        text-align: center;
    }
}