@media only screen and (max-width:768px){
	.pull { display: block; font-size: 14px; font-weight: bold; color: #fff; padding: 5px 3%; width: 94%; position: relative; background: url(icon-menu.png) no-repeat 97% 50%;  z-index: 10;}
  
	/*.pull:after{ content:"";  width: 13px; height: 12px; display: inline-block; position: absolute; top: 6px; right: 3%; } */
	#nav-wrap ul { clear: both; position: absolute; top: 38px; z-index: 10000; padding: 5px; background: #fff; width: 100%; display: none; /* Видимость включается jQuery */
	}
  .pull:hover{ cursor:pointer; }
  
  #nav-wrap ul li {  display: block; padding: 5px 0; clear: both; float: none; width: 100%; }
  #nav-wrap ul li:last-child { margin-bottom: 0; }
	#nav-wrap ul a, 
	#nav-wrap ul a { width: 100%; font: 14px; display: inline-block; padding: 0; color: #000; border: none;
	}
  #nav-wrap ul li:hover{ cursor: pointer; width: 100%; background: #ccc;}
	#nav-wrap ul a:hover, 
	#nav-wrap ul a:hover {
		
		color: #000;
	}
}

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

	/* Элемент #nav должен быть видимым в широкоэкранной версии */
  #nav-wrap{ text-align: center; }
	#nav-wrap ul { display: inline-block;  }
  .pull { display: none; }
}