@media only screen and (max-width : 1020px) {
	main {
		padding: 12px 20px;
	}
	.projects {
		padding: 1px 20px 40px;
	}
	.main-content-single {
		max-width: 760px;
	}
	.main-content-single .post{
		max-width: 100%;
	}
	.main-content{
		width: 520px;
	}
}

@media only screen and (max-width : 979px) {
	.wrapper{
		width: 768px;
	}
	.sub-nav{
		margin-left: 10px;
	}
	.sub-wrapper .social{
		right: 10px;
	}
	.header #menu-sub li {
		margin-right: 20px;
	}
	#menu-main{
		width: 100%;
	}
	.main-nav {
		background: #396699;
		border-top: 1px solid #fff;
		display: block;
		margin: 10px -20px;
		text-align: center;
		padding-top: 10px;
	}
	.header .main-wrapper{
		height: 105px;
	}
	.logo-title{
		max-width: none;
		margin-top: 16px;
		border: none;
	}
	.main-nav .burger{
		margin: 0;
	}
	.main-content .circled-button{
		margin-top: 30px;
	}
	#mid-sidebar{
		float: left;
		width: 520px;
	}
	.sidebar .news .img-link {
		float: left;
		margin-right: 13px;
		overflow: hidden;
	}
	.projects .project-link {
		float: left;
		width: 174px;
		margin-right: 10px;
	}
	.main-content-single {
		max-width: 540px;
	}
	.others .news {
		margin-right: 10px;
		max-width: 170px;
	}
	.footer-nav{
		margin-left: 0;
	}
}

@media only screen and (max-width : 767px) {
	.wrapper{
		width: 480px;
	}
	.logo-title{
		max-width: 190px;
		margin-top: 7px;
	}
	.header .menu li{
		margin-right: 8px;
	}
	.header .menu li:last-child {
		margin-right: 0;
	}
	.header .sub-wrapper{
		height: auto;
	}
	.header #menu-sub li{
		margin-right: 0;
		display: block;
		text-align: center;
	}
	.sub-wrapper .social{
		text-align: center;
		position: static;
	}
	#sidebar,
	#mid-sidebar,
	.main-content{
		width: 100%;
		float: none;
	}
	.main-content .circled-button{
		width: 131px;
		float: none;
		margin: 30px auto;
	}
	.sidebar .project-link{
		width: 160px;
		margin: 0 auto;
	}
	.others .news,
	.projects .project-link{
		margin-right: 20px;
		margin-bottom: 20px;
		width: 210px;
		float: left;
		max-width: none;
	}
	.others .news:nth-child(2n+2),
	.projects .project-link:nth-child(2n+2){
		margin-right: 0;
	}
	.main-content-single{
		max-width: none;
		width: 100%;
		float: none;
	}
	.single .sidebar{
		display: none;
	}
}

@media only screen and (max-width : 479px) {
	.wrapper{
		width: 320px;
	}
	.header .main-wrapper{
		padding: 9px 10px;
	}
	.logo{
		margin-right: 5px;
	}
	.panel-open{
		margin-right: 12px;
	}
	.logo-title{
		margin-right: 0;
	}
	.sidebar .news .img-link,
	.news .img-link{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.news-block .news .desc{
		margin-bottom: 5px;
	}
	.others .news, .projects .project-link{
		margin: 0 0 20px !important;
		width: 100%;
	}
	.others .news img, .projects .project-link img{
		width: 100%;
	}
	.header .main-wrapper{
		height: auto;
	}
	.header .menu li {
		margin-right: 0;
		display: block;
	}
}