.recommends {
    padding-top: 29px;
    margin-bottom: 100px;
}

.recommends .section-title {
    margin-bottom: 32px;
}

.recommends .breadcrumbs {
    margin-bottom: 50px;
}

.recommends-content {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 40px;
}

@media (max-width: 1024px) {
    .recommends-content {
        flex-flow: column nowrap;
        row-gap: 34px;
    }
}

@media (max-width: 800px) {
    .recommends {
        padding-top: 110px;
    }
}

@media (max-width: 768px) {
    .recommends {
        padding-top: 35px;
    }
}

@media (max-width: 525px ) {
    .recommends {
        padding-top: 20px;
        margin-bottom: 80px;
    }

    .recommends .section-title {
        margin-bottom: 20px;
    }

    .recommends .breadcrumbs {
        margin-bottom: 40px;
    }

    .recommends-content {
        row-gap: 24px;
    }
}