Как задать css стили для определенного фрагмента кода?

iframe {
	width: 100%;
	height: 400px; /* Высота по умолчанию */
}

/* Мобильные устройства */
@media (max-width: 768px) {
	iframe {
		height: 300px;
	}
}

/* Очень маленькие экраны */
@media (max-width: 480px) {
	iframe {
		height: 250px;
	}
}

.video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {width: 100%;
max-width:100% !important; height:400px; display:block;}
@media screen and (max-width: 590px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:300px;}
}
@media screen and (max-width: 470px) {
    .video-box embed, .video-box object, .video-box video, .video-box iframe, .video-box frame, #trplayer {height:250px;}
}