div.feedback_form select {
	display: block;
	margin: 0 0 15px 0;
	width: 440px;
}
/* стили необходимые для работы скрипта */
div.feedback_form select.srReplacedSelect {
	width: 1px;
	position: absolute;
	left: -999em;
}

div.feedback_form ul.srList {
	list-style:none;
	padding:0;

	/* лучше всего техника работает 
	   для элементов фиксированной ширины
	   хотя при некоторых дополнителных
	   требованиях к изображению и небольшом
	   изменение стилей ее можно применять
	   и для резиновых select`ов */
	width: 440px;
	margin: 0 0 15px 0;

	/* поскольку используется техника
	   Sliding Doors элемент хорошо переносит
	   масштабирование шрифтов, для этого
	   его высоту нужно задать в em */
	height:38px;
	background:url(sel_bg.png) right center no-repeat #c2eaf4;
}

div.feedback_form ul.srList li {
	display:none;
	padding:10px 45px 10px 15px;
	width:380px;
	cursor:pointer;
	height:18px;
	font-size:18px;
	line-height:18px;
	font-family: 'MyriadPro-Light';
	background:url(sel_bg.png) right center no-repeat #c2eaf4;
}

div.feedback_form ul.srList li.srHoverLi {
	background-color:#96c5e6;
}

udiv.feedback_form ul.srBlur {
	background:url(sel_bg.png) right center no-repeat #c2eaf4;
}

div.feedback_form ul.srFocus, div.feedback_form ul.srHoverUl {
	/* чтобы при наведении мышки
	   или получении фокуса элемент
	   не оставался на некоторое время без фона,
	   и для ускорения загрузки, совмещаем
	   два фоновых изображения в одном и изменяем его
	   подвигая на 300 пикслей влево */
	background:url(sel_bg.png) right center no-repeat #c2eaf4;
}

div.feedback_form ul.srBlur li.srSelectedLi {
	display:block;
}

div.feedback_form ul.srFocus li.srSelectedLi, div.feedback_form ul.srHoverUl li.srSelectedLi {
	display:block;
}

div.feedback_form ul.srExpanded li.srSelectedLi { 
	display:block;
}

div.feedback_form ul.srExpanded {
	position:relative;
	/* при разворачивании списка,
	   нужно выдвинуть его на первый
	   план, иначе другие элементы будут
	   перекрывать опции */
	z-index:1000;
}

div.feedback_form ul.srExpanded li {
	display:block;
	width:410px;
	cursor:pointer;
	padding:10px 15px;
	background: #c2eaf4;
	height:18px;
	font-size:18px;
	line-height:18px;
	font-family: 'MyriadPro-Light';
}










@media screen and (max-width:1199px) and (min-width:768px) {



	div.feedback_form select {
		display: block;
		margin: 0 0 15px 0;
		width: 440px;
	}
	/* стили необходимые для работы скрипта */
	div.feedback_form select.srReplacedSelect {
		width: 1px;
		position: absolute;
		left: -999em;
	}
	
	div.feedback_form ul.srList {
		list-style:none;
		padding:0;
	
		/* лучше всего техника работает 
		   для элементов фиксированной ширины
		   хотя при некоторых дополнителных
		   требованиях к изображению и небольшом
		   изменение стилей ее можно применять
		   и для резиновых select`ов */
		width: 440px;
		margin: 0 0 15px 0;
		float:right;
	
		/* поскольку используется техника
		   Sliding Doors элемент хорошо переносит
		   масштабирование шрифтов, для этого
		   его высоту нужно задать в em */
		height:42px;
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srList li {
		display:none;
		padding:12px 45px 12px 15px;
		width:380px;
		cursor:pointer;
		height:18px;
		font-size:18px;
		line-height:18px;
		font-family: 'MyriadPro-Light';
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srList li.srHoverLi {
		background-color:#96c5e6;
	}
	
	udiv.feedback_form ul.srBlur {
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srFocus, div.feedback_form ul.srHoverUl {
		/* чтобы при наведении мышки
		   или получении фокуса элемент
		   не оставался на некоторое время без фона,
		   и для ускорения загрузки, совмещаем
		   два фоновых изображения в одном и изменяем его
		   подвигая на 300 пикслей влево */
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srBlur li.srSelectedLi {
		display:block;
	}
	
	div.feedback_form ul.srFocus li.srSelectedLi, div.feedback_form ul.srHoverUl li.srSelectedLi {
		display:block;
	}
	
	div.feedback_form ul.srExpanded li.srSelectedLi { 
		display:block;
	}
	
	div.feedback_form ul.srExpanded {
		position:relative;
		/* при разворачивании списка,
		   нужно выдвинуть его на первый
		   план, иначе другие элементы будут
		   перекрывать опции */
		z-index:1000;
	}
	
	div.feedback_form ul.srExpanded li {
		display:block;
		width:410px;
		cursor:pointer;
		padding:12px 15px;
		background: #c2eaf4;
		height:18px;
		font-size:18px;
		line-height:18px;
		font-family: 'MyriadPro-Light';
	}



}



@media screen and (max-width:767px) and (min-width:1px) {
	
	div.feedback_form select {
		display: block;
		margin: 0 0 15px 0;
		width: 290px;
	}
	/* стили необходимые для работы скрипта */
	div.feedback_form select.srReplacedSelect {
		width: 1px;
		position: absolute;
		left: -999em;
	}
	
	div.feedback_form ul.srList {
		list-style:none;
		padding:0;
	
		/* лучше всего техника работает 
		   для элементов фиксированной ширины
		   хотя при некоторых дополнителных
		   требованиях к изображению и небольшом
		   изменение стилей ее можно применять
		   и для резиновых select`ов */
		width: 290px;
		margin: 0 0 15px 0;
		float:right;
	
		/* поскольку используется техника
		   Sliding Doors элемент хорошо переносит
		   масштабирование шрифтов, для этого
		   его высоту нужно задать в em */
		height:42px;
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srList li {
		display:none;
		padding:12px 45px 12px 15px;
		width:230px;
		cursor:pointer;
		height:18px;
		font-size:18px;
		line-height:18px;
		font-family: 'MyriadPro-Light';
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srList li.srHoverLi {
		background-color:#96c5e6;
	}
	
	udiv.feedback_form ul.srBlur {
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srFocus, div.feedback_form ul.srHoverUl {
		/* чтобы при наведении мышки
		   или получении фокуса элемент
		   не оставался на некоторое время без фона,
		   и для ускорения загрузки, совмещаем
		   два фоновых изображения в одном и изменяем его
		   подвигая на 300 пикслей влево */
		background:url(sel_bg.png) right center no-repeat #c2eaf4;
	}
	
	div.feedback_form ul.srBlur li.srSelectedLi {
		display:block;
	}
	
	div.feedback_form ul.srFocus li.srSelectedLi, div.feedback_form ul.srHoverUl li.srSelectedLi {
		display:block;
	}
	
	div.feedback_form ul.srExpanded li.srSelectedLi { 
		display:block;
	}
	
	div.feedback_form ul.srExpanded {
		position:relative;
		/* при разворачивании списка,
		   нужно выдвинуть его на первый
		   план, иначе другие элементы будут
		   перекрывать опции */
		z-index:1000;
	}
	
	div.feedback_form ul.srExpanded li {
		display:block;
		width:260px;
		cursor:pointer;
		padding:12px 15px;
		background: #c2eaf4;
		height:18px;
		font-size:18px;
		line-height:18px;
		font-family: 'MyriadPro-Light';
	}
	
}