Адаптировать ширину в мобильной версии

[Ernik 0]

Здравствуйте, установил модуль яндекс карт, в нем сама карта выводится в popup окне, стиль окна определяется в css

	.modal-wrapper {
		width: 700px;
		position: relative;
		background: #ffffff;
		padding: 20px 10px 10px 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
		box-shadow: 0 0 10px rgba(0,0,0,.5);
	}

т.е. насколько я понял ширина фиксированная и имеет 700px.

 

Как ограничить ширину окна для мобильных устройств?

Тема не в том разделе создалась, прошу перенести тему

[Ernik 0]

Вопрос решил сам используя тег @media и два стиля под разное разрешение экрана.