theme_nin/sass/layout/_responsive.sass

@media (max-width: $site-width)
	.right 
		display: none 
	.userMenu 
		ul 
			padding: 0
	.postboard, #postboard-top.onTop
		position: absolute
		left: $leftWidth 
		right: 20px
		width: auto

	.modal-wrapper
		width: 85%
		.postboard
			width: $postboardWidth
			float: left
			position: relative 
			left: 0

@media (max-width: 700px)

	.network
		&.singleBlock
			.module
				margin-bottom: 50px
				width: 98%
				margin: 0 auto 50px auto 
				float: none
				margin-right: auto 

	.userMenu 
		> ul 
			background-image: none

		.userMenu-profile 
			display: none

	.userMenu li.userMenu-search > input
		width: 150px

	.prompt-wrapper
		width: 98%
		left: 1%
		margin-left: 0

	.dashboard
		&.left
			top: 0
			margin-top: 0
			min-height: $menu-height + 70px
			width: 100%
			> .module
				top: $menu-height 
				float: none
				width:  100%
				position: fixed
				z-index: 10

			.mini-profile-info 
				display: none
	.mini-profile-indicators li
		width: 25%
		margin: 0
		float: left
	.who-follow 
		display: none
	.promoted-posts-only 
		display: none

	.wrapper 
		padding-top: 0
	.postboard 
		width: 100%
		float: none 
		left: 0
		z-index: 5
		top: 0
		position: relative
		margin-top: 0
		.modal-wrapper & 
			top: auto
	#postboard-top 
		position: fixed
		bottom: 0
		top: auto 
		margin: 0
		width: 100%
		+box-shadow(0 -5px 13px rgba(#111, 0.2))
	.modal-wrapper
		width: 90%



@media (max-width: 360px)


	.userMenu li.userMenu-search > input
		width: 100px
	.dialog-modal	
		right: -50px
		width: 290px