.container-list{
width: 100%;
  padding: 0 32px;
}

@media (max-width: 640px) {
  .container-list {
    padding: 0 16px;
  }
}

.main-content{
margin-top: 60px;
margin-bottom: 32px;
}

/* ____________________________________________Основное содержимое_________________________________________ */

/* Сетка модулей */
.modules-grid {
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 15px;
}


/* Карточка модуля */
.module-card {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}


/* Изображение модуля */
.module-image {
  width: 100%;
  height: 100%;
}

.module-image--desktop{
display: flex;
}

.module-image--mobile{
display: none;
}

@media (max-width: 520px) {
  .container-list {
    justify-content: space-between;
  }
  .nav-login_course {
    width: unset;
  }
}

@media (max-width: 640px) {
    .main-content{
        margin-top: 33px;
        margin-bottom: 21px;
    }
    .module-image--desktop{
display: none;
}

.module-image--mobile{
display: flex;
}
}

@media (min-width: 641px) {
  .modules-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

@media (min-width: 1025px) {
  .modules-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1281px) {
  .modules-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}