@media only screen and (max-width: 3000px) {

.nav1 {

 width:100%;
 text-align:center;
 background-color: #c63678;
 opacity: 1.00;
 filter: alpha(opacity=100);
 display:table;
 vertical-align:middle;
 position:fixed;
 z-index:4000;
}
			
			/* убираем отступы и поля, а также list-style для "ul", 
			 * и добавляем "position:relative" */
			.nav1 ul {
			    padding:0px 0px 0px 0px;
			    margin:0;
			    list-style: none;
			    position: relative;
			    }
			
			/* применяем inline-block позиционирование к элементам навигации */
			.nav1 ul li {
			    margin: 0px 0px 0 0;
			    display:inline-block;
			    background-color: #c63678;
				padding:2px 5px 2px 5px;
				min-width:200px;
				width:18%;
				vertical-align:top;
			    }
			
			/* стилизуем ссылки */
			.nav1 a {
			    display:block;
			    padding:5px 5px 5px 10px;
			    color:#ffffff;
				border:2px solid #ffffff;
				border-radius:5px;
			    font-size:12pt;
			    text-decoration:none;
				font-family:Tahoma,Verdana !important;
			}
			
			/* изменяем цвет фона при наведении курсора */
			.nav1 a:hover {
			    background-color: #ffffff;
				border:2px solid #ffffff;
				border-radius:5px;
				font-size:12pt;
				color:#c63678;
				font-family:Tahoma,Verdana !important;
				text-decoration:none;
		}

		/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */
			.nav1 ul ul {
			    display: none;
			    position: absolute;
			    top: 100%;
			}
			
			/* отображаем выпадающий список при наведении */
			.nav1 ul li:hover > ul {
			    display:inherit;
			}
			
			/* первый уровень выпадающего списка */
			.nav1 ul ul li {
			    min-width:250px;
			    float:none;
			    display:list-item;
			    position: relative;
				text-align:left;
			}

			/* второй, третий и последующие уровни 
			 * смещаем 2 и 3 уровни влево 
			 * на значение длины первого уровня.
			*/
			.nav1 ul ul ul {
			    position: absolute;
			    top:0;
			    left:100%;
		}
/* измените ' +' на любой другой символ, если нужно
	*/
			li > a:after { content:  ''; }
		li > a:only-child:after { content: ''; }		
}

@media only screen and (max-width: 1000px) {
.nav1{
	display:none;
}
}