@media screen and (min-width:320px){
	.mobile-hide{
		display: none;
	}
	.desctop-hide{
		display: block;
	}

	.topmenu{
		position:relative;
		display:none;
	}

	.topmenu>ul{
		list-style:none;
		position:absolute;
		top:45px;
		left:1px;
		background:#f5f5f5;
		z-index:10;
		padding:10px;
		border:solid 1px #476980;
	}

	.topmenu.show>ul{
		display:block;
	}

	.topmenu li ul{
		list-style:none;
		padding-left:20px;
	}
	.topmenu li{

	}
	.topmenu li a img{
		margin-right:5px;
	}

	.topmenu .active{

	}
	.topmenu .item-selected {

	}
	.topmenu .item-selected a{
		font-weight:bold;
	}

	.topmenu li a{
		text-decoration:none;
		color:#000000;
	}
    .topmenu>ul>li>a{
	    font-weight:bold;
    }
}

@media screen and (min-width:1270px) and (-webkit-device-pixel-ratio: 1),
screen and (min-width:1270px) and (min--moz-device-pixel-ratio: 1),
screen and (min-width:1270px) and (-ms-high-contrast: active),
screen and (min-width:1270px) and (-ms-high-contrast: none),
screen and (min-width:0\0) {

	.topm .desctop-hide{
		display: none;
	}

	.topmenu{
		display: block;
	}
	.topmenu ul {
		display: block;
	}

	.topmenu > ul {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		border:none;
	}

	.topmenu li {
		float: left;
		height: 48px;
		list-style: none;
		text-align: center;
		border-right: solid 1px #607c8c;
		border-left: solid 1px #29495a;
		position: relative;
		z-index: 30;
		padding: 0px 1.5%;
	}

	.topmenu li:last-child {
		/* border-right: none; */
	}

	.topmenu li:hover,
	.topmenu li.root-item-selected,
	.topmenu li.active {
		background: #294352; /* Old browsers */
		background: -moz-linear-gradient(top, #294352 0%, #3a5567 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #294352), color-stop(100%, #3a5567)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #294352 0%, #3a5567 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #294352 0%, #3a5567 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #294352 0%, #3a5567 100%); /* IE10+ */
		background: linear-gradient(to bottom, #294352 0%, #3a5567 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294352', endColorstr='#3a5567', GradientType=0); /* IE6-9 */
	}

	.topmenu li:first-child {
		border-left: none;
		border-bottom-left-radius: 19px;
		border-top-left-radius: 19px;
	}

	.topmenu li a {
		color: #ffffff;
		display: block;
		height: 34px;
		font-size: 14px;
		text-decoration: none;
		padding-top: 14px;
	}

	.topmenu li:first-child a {
		padding-left: 15px;
		/* padding-right: 22px; */
	}

	.topmenu li:first-child ul {
		left: 20px;
	}

	.topmenu li ul {
		display: none;
		padding: 5px 0px 5px 0px;
		position: absolute;
		border: solid 1px #476980;
		border-top: none;
		width: 196px;
		background: #ffffff;
		left: -1px;
		z-index: 10;
		*top: 48px;
	}

	.topmenu li.problems ul {
		left: 15px;
	}

	.topmenu li:hover ul {
		display: block;
	}

	.topmenu li ul li {
		float: none;
		background: #ffffff;
		height: auto;
		text-align: left;
		border: none;
		padding: 0;
	}

	.topmenu li ul li a {
		color: #486a81;
		font-size: 12px;
		height: auto;
		padding: 8px 10px 8px 23px;
	}

	.topmenu li.problems ul li a {
		background: none;
		width: auto;
	}

	.topmenu li ul li a img {
		margin-right: 5px;
	}

	.topmenu li ul li a:hover, .topmenu li ul li.item-selected a {
		background: #496b82;
		color: #ffffff;
	}
}