Какой метод верен в менее отзывчивом в Magento-2?

Question

Мой вопрос: какой путь верен в magento-2, когда я использую пример-1, чем я проверяю view-source в браузере, чем я видел многократный медиа-запрос времени в файле, потому что я менял заголовок и li использовал два временных медиавопрос правильный, но путаница - это пример эффекта в SEO, не могли бы вы помочь.и когда я использую пример-2, проблема заключается в том, что я набираю несколько временных шкал и копирую иерархию вставки в каждом медиа-запросе, который видел мой пример-2

example-1

header {
    padding: 70px 50px;
    width: 100%;
    @media all and (max-width: @laptop) {
		padding: 50px 30px;
    }
    @media all and (max-width: @ipad) {
    	padding: 30px 25px;
    }
    @media all and (max-width: @mobile) {
    	padding: 15px;
    }
    ul {
    	padding: 20px;
    	li {
    		margin-bottom: 50px;
    		@media all and (max-width: @ipad) {
    			margin-bottom: 30px;
    		}
    		@media all and (max-width: @mobile) {
    			margin-bottom: 10px;
    		}
    	}    	
    }
}


example-2

@media all and (max-width: @laptop) {
	header {
		padding: 50px 30px;
	}
}
@media all and (max-width: @ipad) {
	header {
		padding: 30px 25px;
	}
	ul {
		li {
			margin-bottom: 30px;
		}
	}
}
@media all and (max-width: @mobile) {
	header {
		padding: 15px;
	}
	ul {
		li {
			margin-bottom: 10px;
		}
	}
}