*{
	box-sizing: border-box;
}

#mainallneed{
	
}

#topmenu{
	width: auto;
}


.bodysiteall{
	width: auto;
	max-width: 100%;
}
#mainbodysiteall{
	max-width: 100%;
	width: 1100px;
}
.body{
	width: 100%;
	display:flex;
	flex-wrap:wrap;
}
.body>nav{
	flex:0 0 210px;
	margin-right: 15px;
}
#mainbodyleft{
	float:none;
	width: 100%;
	padding-right: 0;
}
#mainbodycentr{
	flex:1 0 0;
	float:none;
	width: auto;
	margin-right: 0;
	padding: 10px;
	box-sizing: border-box;
	max-width: 100%;
}

#feature1, #feature2, #feature3{
	padding: 10px 0;
}

#butmain{
	width: auto;
}

#examplewrap{
	width: auto;
}

#disqus_thread{
	width: auto !important;
}


footer, .footer{
	width: auto;
	flex: 1 0 100%;
}

@media (max-width: 920px) {
	nav{
		display: none;
	}
	#topmenu{
		margin: 0;
		font-size: 1.15em;
		font-family: arial,sans-serif;
	}
	
	#mainallneed{
		height: 40px;
	}
	#logomain{
		height: 36px;
	}
	#mainsb{
		display: none;
	}
	#feature1 h2, #feature2 h2, #feature3 h2{
		margin-left: 0;
		margin-bottom: 10px;
		font-size: 1.5em;
	}
	#textcont{
		width: auto;
	}
	#popular, #html5container,#html5text,#html5img{
		float: none;
		height: auto;
		width: 100%;
	}
	#searchwrap{
		display: none;s
	}
	.bodycentr{
		float:none;
		width: 100%;
	}
	

	
	
}
@media (max-width: 480px) {

	#slogan{
		display: none;
	}
	#learn, #make,#manual{
		display: none;
	}


}