@media only screen and (min-width : 1024px) {
.affix{position:fixed;top:0!important;max-width:1200px;width:100%}.affix-bottom{position:absolute;width:inherit}
}

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.maincontainer {margin: 0 -15px;}
	.slick-slide img {height: 220px;}
	.slick-prev, .slick-next {height: 15%;width: 15%;}
	.edit {position: relative!important;}

	header {height: auto;}
	header .logo a {margin-left: -15px;}
	.post .imgwrap, .post .descr {height: 160px;width: 100%;}
	.post .descr h3 {font-size: 1rem;}
	.post .descr .short {display: none;}
	.post {max-height: 100%;}
	.fullnews h1 {font-size: 1.3rem;line-height: 1.4rem;}
	.related_news .itog_text p {width: 100%;}
	.related_news .score {float: none;}
	.related_news .related {width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.maincontainer {margin: 0 -15px;}
	.slick-slide img {height: 220px;}
	.slick-prev, .slick-next {height: 15%;width: 15%;}
	.edit {position: relative!important;}

	header {height: auto;}
	header .logo a {margin-left: -15px;text-align: center;}
	.login_main {margin-top: -65px;}
	#mobile-header {top: -65px;}
	.post .imgwrap, .post .descr {height: 160px;width: 100%;}
	.post .descr h3 {font-size: 1rem;}
	.post .descr .short {display: none;}
	.post {max-height: 100%;}
	.fullnews h1 {font-size: 1.3rem;line-height: 1.4rem;}
	.related_news .itog_text p {width: 100%;}
	.related_news .score {float: none;}
	.related_news .related {width: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.row {width: 750px;}
	.maincontainer header .logo {text-align: center;float: none;}
	.maincontainer {margin: 0 -15px;}
	.edit {position: relative!important;}

	header .logo a {margin-left: -24px;text-align: center;margin-right: -10px;}
	#mobile-header {top: -65px;}
	.login_main {margin-top: -65px;}
	.side_block {width: 50%;float: left;}
	.boardright {display: none;}
	
}

 @media only screen and (min-width: 992px) and (max-width: 1199px) {
	.row {width: 970px;}
	
	#mobile-header {left: -250px;}
	header .logo a {margin-left: 13px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
 	
 	#navigation a {}
 	#story {width: 235px;}
 	
 	header #nav {width: 93%;}
 	header .logo a {margin-left: 0;}
}

@media only screen and (min-width: 1200px) {
	
}

@media only screen and (min-width: 1300px) {
	
}

@media only screen and (max-width: 992px) {
	
}