@media screen and (max-width: 481px){
	.header,
	.wrapper,
	.content,
	.sidebar{
		width: 100%;
	}

	.content,
	.sidebar {
		float: none;
		padding: 0;
		margin: 0;
		border: 0;
	}

	.header .create {
		margin-left: 10px;
		background: #2675bf;
		display: none;
	}

	.auth {
		float: none;
		width: auto;
		position: absolute;
		left: 15px;
	}

	.header .authors,
	.auth form {
		display: none;
	}

	.header .logo {
		left: 176px;
	}

	.tabs {
		margin: 10px 5px;
	}

	.random_ok,
	.random_ok:hover {
		right: 10px;
		top: -50px;
		left: auto;
		height: 28px;
		border-top: 0;
		color: #000;
		font-size: 14px;
		line-height: 25px;
		border-radius: 3px;
		padding: 0 10px;
		text-shadow: 1px 1px #fff;
	}

	.toptop .right, .detail .right,
	.toptop .left, .detail .left,
	.dotpager {
		display: none;
	}

	.content > h3,
	.content > p,
	.content > span {
		padding: 0 20px;
	}

	.content > ul,
	.content > ol {
		margin-left: 30px;
		margin-right: 20px;
	}

	.content .search-tags-cloud {
		margin: 20px;
	}

	.contop .content, .contop .sidebar {
		margin-top: 0;
	}
	.contop .atklist, .condet .atklist {
		padding-top: 0;
	}

	.condet .content, .condet .sidebar {
		margin: 0;
		padding: 0;
	}

	.content > .atklist {
		margin:0;
	}

	.content > #at_bitrix,
	.content > form {
		margin-left: 15px;
		margin-top: 20px;
	}

	.toptop {
  		border: 0;
  		width: 100%;
  		height: auto;
  		margin: 0;
  		padding: 0;
  		overflow: hidden;
	}

	.toptop .roll {
	  margin: 0;
	  height: auto;
	  overflow: normal;
	}

	.atklist img,
	.toptop img {
		width: 100%;
		height: auto;
	}

	.toptop .roller {
		width: 100% !important;
	}

	.roll li {
		margin: 0;
		margin-bottom: 14px;
	}

	.atklist {
		padding: 0;
		width: 100%;
	}

	.atklist li {
		float: none;
		margin: 0;
		margin-bottom: 14px;
		width: 100%;
		height: auto;
	}

	.footer .rights {
		margin-bottom: 30px;
	}

	.content > .right {
		float: none;
		margin-left: 15px;
		margin-top: 15px;
	}

	.content > .buttons {
		margin: 0;
		margin-left: 15px;
		margin-bottom: 25px;
	}
	.content > .buttons-title {
		padding: 0;
		margin-left: 15px;
	}

	.content > .right:after,
	.smalllist:after,
	.socializm:after,
	.bann:after, 
	.prebann:after {
		content: "";
		display: table;
		clear: both;
	}


	.detail {
		padding: 0;
		margin: 0;
		width: 100%;
		height: auto;
	}

	.detail h1 {
		left: auto;
		position: static;
		width: 90%;
		margin-left: 15px;
	}

	.detail img {
		width: 100%;
	}

	#sendme, #bbcode,
	.condet .buttons,
	.condet .tags {
		display: none;
	}

	.smalllist li{
		width: 50%;
		float: left;
		margin: 0
	}

	.smalllist img {
		width: 100%
	}

	.socializm {
		width: 100%;
		height: auto;
		margin: 15px 0;
	}

	.addthis_toolbox {
		width: 100%
	}
	.addthis_toolbox > div {
		float: left;
		width: 29%;
		margin-left: 15px;
	}

	.icons {
		height: auto;
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.sidebar {
		margin-top: 30px;
	}

	.sidebar > div {
		padding: 20px;
	}

	.label165 .label {
		width: 65px;
		line-height: 14px;
	}

	.hint img {
		margin-left: 70px;
		margin-top: 10px;
	}

	.label165 input[type=submit] {
  		margin-left: 80px;
	}

	.profile {
		margin-top: 0;
		width: 100%;
		height: auto;
	}

	.profile .photo {
		margin-left: 15px;
		margin-bottom: 15px;
	}

	.icons .info {
		margin-top: 20px;
	}

	.info .admininfo {
		clear: both;
		position: static;
		max-height: none;
		width: 90%;
		margin: 0 15px;
		overflow: visible;
	}

	.fzone{
		clear: both;
		position: static;
		width: 90%;
		height: auto;
		padding: 0;
		overflow: visible;
		margin-left: 15px;
		border: none;
	}

	.holder textarea {
		width: 280px;
	}

	.profile-table input[type="text"], 
	.profile-table input[type="password"],
	.profile-table select {
		width: 210px;
	}

	#PERSONAL_BIRTHDAY {
		width: 180px;
	}

	.generic .sidebar,
	.generic .content {
		width: 100%;
		min-height: 0;
	}

	.rulez {
		padding: 15px;
	}

	.content > .atkform {
		position: static;
		margin: 30px 0 0;
		width: 100%;
	}

	.serchilka {
		display: none;
	}

	.keywords_target {
		width: 280px;
	}

	#colors {
		width: 100%;
	}

	.cblong {
		margin-bottom: 45px;
	}

	.cb {
		width: 35px;
		height: 35px;
	}

	.sendme {
		width: 100%;
	}
	.sendme .spacer {
		overflow: hidden;
	}
	#atkbody {
		width: 100%;
		overflow: hidden;
	}

	#atkbody {
		background-position: -15px 0 !important;
	}

	#atk {
		margin-left: -15px;
	}

	#keywords {
		width: 200px;
	}

	#cliparts {
		width: 100%;
		padding: 0 !important;
		margin-bottom: 50px;
	}

	#cliparts div.title {
		margin-top: 5px;
	}

	#cliparts div {
		margin-left: 15px;
	}

	#cliparts .topclip {
		margin-top: 5px;
	}

	.atkform .sendme label {
		word-wrap: break-word;
	}

	.pm a.minuso {
		margin-top: 10px;
	}

	.pm, .actions {
		height: 65px;
	}
	.rating span {
		height: 85px;
		line-height: 85px;
		font-size: 24px;
		width: 50px;
	}

}

@media screen and (max-width: 321px){
	.tabs li.active {
		padding: 10px;
	}
	.cblong {
		margin-bottom: 75px;
	}
	.double {
		margin-left: 40px;
	}
}