Подскажите, пожалуйста, почему данный селектор применяется именно ко второму элементу списка, а не ко всем дочерним элементам родительского элемента .main-menu?
.main-menu > li:hover .sub-menu {
display: block;
А что, у других элементов списка тоже есть свои подменю, чтобы они выпадали при наведении? Этот селектор действует на ВСЕ элементы первого списка: добавьте аналогичное подменю первому элементу, например, и, когда доделаете всё, убедитесь в моих словах