@media screen and (min-width: 1200px) {
	#mainmenu {
		position: relative;
		height: 40px;
		padding: 0;
		z-index: 10;
		float:left;
	}
	#mainmenu ul,
	#mainmenu ul ul,
	#mainmenu ul ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#mainmenu ul {
		clear: left;
		position: relative;
		right: 50%;
		height: 40px;
		float: right;
		text-align: center;
		font: 12px Arial, Helvetica, sans-serif;
	}
	#mainmenu ul li {
		position: relative;
		left: 50%;
		float: left;
		height: 40px;
		background-color:#ec894d
	}

	#mainmenu ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 13px 25px
	}
	#mainmenu ul > li:hover > a {
		color: #fafafa
	}
	#mainmenu ul li a:hover{background-color:#dc7d33}

	/** Индикатор наличия подкатегорий верхнего уровня **/

	#mainmenu > ul > li.parent > a::after {

		display: inline-block;
		vertical-align: top;
		margin: 4px 0 0 8px;
		height: 5px;
		width: 5px;
	}

	/*************************** Выпадающие подпункты **/

	#mainmenu ul li ul {
		background: #EC894D;
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		text-transform: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		line-height: 18px;
		top: 39px;
		font-size: 12px;
		margin-top: 20px;
		height: auto;
		min-width: 200px;
		width: 100%
	}
	#mainmenu ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		-webkit-transition: margin 0.3s ease 0s;
		   -moz-transition: margin 0.3s ease 0s;
			 -o-transition: margin 0.3s ease 0s;
				transition: margin 0.3s ease 0s;
		margin: 0;
		z-index: 11;
	}
	#mainmenu ul li ul li {
		border: none;
		position: relative;
		left: 0;
		float: none;
		height: auto;
		text-align: left !important;
	}
	#mainmenu ul li ul li:last-child {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#mainmenu ul li ul li a {
		padding: 10px 15px;
		border: none
	}

	/*************************** Выпадающие пункты второго уровня **/

	#mainmenu ul li ul li ul {
		top: 0;
		left: 100%;
		margin: 0 0 0 20px;
		_margin: 0;
		/*overflow-y:auto;
		overflow-x:visible;
		max-height:300px*/
		/*IE6 only*/
	}

	/** Индикатор наличия подкатегорий 2 уровня **/
}
/* Portrait tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {
		#mainmenu {
		position: relative;
		height: 40px;
		padding: 0;
		z-index: 10;
		float:left;
	}
	#mainmenu ul,
	#mainmenu ul ul,
	#mainmenu ul ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#mainmenu ul {
		clear: left;
		position: relative;
		right: 50%;
		height: 40px;
		float: right;
		text-align: center;
		font: 12px Arial, Helvetica, sans-serif;
	}
	#mainmenu ul li {
		position: relative;
		left: 50%;
		float: left;
		height: 40px;
		background-color:#ec894d
	}

	#mainmenu ul li a {
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 13px 25px
	}
	#mainmenu ul > li:hover > a {
		color: #fafafa
	}
	#mainmenu ul li a:hover{background-color:#dc7d33}

	/** Индикатор наличия подкатегорий верхнего уровня **/

	#mainmenu > ul > li.parent > a::after {

		display: inline-block;
		vertical-align: top;
		margin: 4px 0 0 8px;
		height: 5px;
		width: 5px;
	}

	/*************************** Выпадающие подпункты **/

	#mainmenu ul li ul {
		background: #EC894D;

		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		text-transform: none;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: 0;
		line-height: 18px;
		top: 39px;
		font-size: 12px;
		margin-top: 20px;
		height: auto;
		min-width: 200px;
		width: 100%
	}
	#mainmenu ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		-webkit-transition: margin 0.3s ease 0s;
		   -moz-transition: margin 0.3s ease 0s;
			 -o-transition: margin 0.3s ease 0s;
				transition: margin 0.3s ease 0s;
		margin: 0;
		z-index: 11;
	}
	#mainmenu ul li ul li {
		border: none;
		position: relative;
		left: 0;
		float: none;
		height: auto;
		text-align: left !important;
	}
	#mainmenu ul li ul li:last-child {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#mainmenu ul li ul li a {
		padding: 10px 15px;
		border: none
	}

	/*************************** Выпадающие пункты второго уровня **/

	#mainmenu ul li ul li ul {
		top: 0;
		left: 100%;
		margin: 0 0 0 20px;
		_margin: 0;
		/*overflow-y:auto;
		overflow-x:visible;
		max-height:300px*/
		/*IE6 only*/
	}

	/** Индикатор наличия подкатегорий 2 уровня **/
}
/* Portrait tablets and small desktops */

@media screen and (max-width: 991px) {
	#mainmenu {
		overflow:hidden;
		padding: 0;
		z-index: 10;
		float:left;
	}
	#mainmenu ul,
	#mainmenu ul ul,
	#mainmenu ul ul li {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	#mainmenu ul li {
		cursor:pointer
	}
	#mainmenu ul li ul {
		display:none;
	}
	
	#mainmenu ul li a {
		display:block;
		width:100%;
		padding:0.4em;
		background:#e5e5e5;
		margin:0.4em 0;
		font-size:1.6em;
	}
	#mainmenu ul li a span{
		display:inline !important
	}
	#mainmenu ul li ul li a {
		display:block;
		width:100%;
		padding:0.4em;
		background:#dadada;
		margin:10px 0;
		text-indent:0.4em;
		font-size:1.3em;
	}
	#mainmenu ul li ul li ul li a {
		display:block;
		width:100%;
		padding:0.4em;
		background:#4dc7ec;
		color:#fff;
		margin:10px 0;
		text-indent:0.8em
	}
	#mainmenu ul li ul li ul li ul li a {
		display:block;
		width:100%;
		padding:10px 0;
		background:#4dc7ec;
		color:#fff;
		margin:10px 0;
		text-indent:0em;
		text-align:center
	}

	/** Индикатор наличия подкатегорий 2 уровня **/
}

/* Landscape phones and smaller */
@media screen and (max-width: 480px) {
		
}


