@media screen and (min-width: 1200px) {

/* задаем цвет фона для контейнера nav. */
nav {
margin: 0;
background-color: #4b4b4b;
}
/* убираем отступы и поля, а также list-style для "ul", 
* и добавляем "position:relative" */
nav ul {
padding:0;
margin:0;
list-style: none;
position: relative;
}
/* применяем inline-block позиционирование к элементам навигации */
nav ul li {
/*margin: 0px -7px 0 0;*/
display:inline-block;
background-color: #4b4b4b;
}
/* стилизуем ссылки */
nav a {
display:block;
padding:0px;
color:#FFF;
font-size:20px;
line-height: 30px;
text-decoration:none;
width: 190px;
font-size: 0.95em;
font-weight: 500;
font-family: Arial, helvetica, sans-serif;
text-align: center;
text-decoration: underline;
background-image:url('../images/separator.png');
background-position:left;
background-repeat:no-repeat;  
}

/* скрываем выпадающие списки по умолчанию
* и задаем абсолютное позиционирование */
nav ul ul {
display: none;
position: absolute;
top: 100%;
}
nav ul ul li a{
background-image:none;
text-align:left;
}
/* изменяем цвет фона при наведении курсора */
nav ul ul li:hover {
background-color: #4b4b4b;
}
/* отображаем выпадающий список при наведении */
nav ul li:hover > ul {
display:inherit;
}
/* первый уровень выпадающего списка */
nav ul ul li {
min-width:170px;
float:none;
display:list-item;
position: relative;
background-color: #5b5b5b;
z-index:100;
padding-left:10px;
}
}

@media screen and (max-width: 1200px) 
{
    /* задаем цвет фона для контейнера nav. */
nav {
margin: 0;
background-color: #4b4b4b;
width:100%;
}
/* убираем отступы и поля, а также list-style для "ul", 
* и добавляем "position:relative" */
nav ul {
margin:0;
list-style: none;
position: relative;
padding:0;
}
/* применяем inline-block позиционирование к элементам навигации */
nav ul li {
/*margin: 0px -7px 0 0;*/
display:inline-block;
width: 15.8%;
background-color: #4b4b4b;
min-width:55px;
margin:0;
/*padding:1px;*/
text-align:center;
vertical-align:middle;
}
nav>ul>li
{
border-right:0.7px solid white;
}
nav>ul>li:last-child
{
    border-color:transparent;
    padding-left:7px;
    }
/* стилизуем ссылки */
nav a {
display:block;
width:100%;
padding:4px 0px;
color:#FFF;
font-size:20px;
text-decoration:none;
font-size: 0.9em;
font-weight: 500;
font-family: Arial, helvetica, sans-serif;
text-decoration: underline;
/*background-image:url('../images/separator.png');*/
background-position:left;
background-repeat:no-repeat; 
}

/* скрываем выпадающие списки по умолчанию
* и задаем абсолютное позиционирование */
nav ul ul {
display: none;
position: absolute;
top: 100%;
margin-left:-8%;
line-height:2em;
min-width:inherit;
/*top: 0;
left:140px;*/
}
nav ul ul::last-child
{
    margin-left:-69px;
}
nav ul ul li a{
background-image:none;
text-align:left;
}
/* изменяем цвет фона при наведении курсора */
nav ul ul li:active {
background-color: #4b4b4b;
}
/* отображаем выпадающий список при наведении */
nav ul li:hover > ul, nav ul li:active > ul {
display:inherit; /*inherit*/
}
/* первый уровень выпадающего списка */
nav ul ul li {
width:auto;
float:none;
display:list-item;
position: relative;
background-color: #5b5b5b;
z-index:100;
text-align:left;
line-height:1.5em;
font-size:1em;
padding:0px 3px;
margin:0;
}
}