@charset "utf-8";

@media screen and (max-width: 489px) {
	body {
		overflow-x: hidden;
    background: none;
	}

	#sidebar .lc-link > div {
		height: 50px;
		display: table-cell;
		text-align: center;
		width: 100%;
		vertical-align: middle;
		padding-left: 15px;
	}

	#sidebar .lc-link {
		background: url(../images/to.png) repeat;
		height: 50px;
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 100%;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		line-height: 15px;
		display: table-cell;
	}

	#sidebar .lc-blog {
		width: 100%;
		float: left;
		display: block;
		position: relative;
		height: 180px;
		margin-bottom: 30px;
	}

	#sidebar .lc-blog:nth-child(1) {
		width: 100%;
		float: left;
		display: block;
		position: relative;
		height: 180px;
		margin-bottom: 30px;
	}

	#top-panel-container {
		width: 100%;
		background: #94273a;
		height: auto;
	}

	#top-panel {
		height: auto;
		padding: 0px 10px 10px 10px;
		background: url(../images/tototo.png) #94273a repeat;
    display: none;
	}

	#tp-text {
		text-align: center;
		width: 100%;
	}

	#tp-links {
		width: 100%;
		text-align: center;
	}

	#tp-links a {
		float: none;
		vertical-align: middle;
		display: inline-block;
	}

	.vk-icon {
		display: inline-block;
	}

	#header {
		width: 100%;
		text-align: center;
		background: url(../images/top-bg.jpg) #94273a no-repeat center 40px;
	}

	.logo {
		float: none;
    display: inline-block;
    margin-top: 5px;
    background: none;
    height: 20px;
    padding: 0;
   /* background-size: 50%;
    background-position: center;
    height: 50px;
    padding-left: 0;
    padding-top: 54px; */
	}

	.header-ad {
		float: none;
		width: 100%;
		margin-left: auto;
		display: inline-block;
		margin-top: 25px;
	}

	#header-forms {
		float: none;
    text-align: center;
    width: 280px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
	}

	.header-nav {
		height: auto;
		margin-top: 0;
		text-align: center;
	}

	.hn-left {
		width: 50%;
		float: left;
		display: inline-block;
		padding: 5px 15px 0px 15px;
		text-align: right;

	}

	.hn-right {
		width: 50%;
		float: left;
		display: inline-block;
		padding: 0px 15px 5px 15px;
		margin-top: 5px;
	}

	.hn-right a {
		float: left;
		margin-bottom: 10px;
		margin-left: 10px;
		width: 100%;
		text-align: left;
	}

	.hn-left a {
		float: right;
		margin-bottom: 10px;
		margin-left: 10px;
		text-align: left;
		background-position: right 4px;
		padding-left: 0;
	}

	  .hn-left a i {
    float: right;
    margin: 0 0 0 7px;
    width: 17px;
    height: 17px;
  }
  
  .hn-right a i {
    float: left;
    margin: 0 7px 0 0;
    width: 17px;
    height: 17px;
  }

	.home-link i {
    top: 2px;
    left: 2px;
	}

	.photo-link i {
    top: 4px;
	}

	.meanings-link i {
    right: 3px;
    left: 0;
	}

	.samples-link i {
    top: 3px;
    right: 1px;
	}

	.articles-link i {

	}

	.blog-link i {
    top: 4px;
	}

	.piercing-link i {
    top: 4px;
    left: 1px;
	}
  
  .salon-link i {
    top: 4px;
    left: -1px;
	}

	#content-container {
		width: 100%;
	}

	#footer-container {
		width: 100%;
		background: #fff;
	}

	#footer {
		background: #fff;
	}

	#f-left {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}

	#f-right {
		width: 100%;
		float: none;
		text-align: center;
	}

	#f-right img {
		float: none;
		display: inline-block;
	}

	#footer a {
		float: none;
	}

	#tattoo-chooser {
		width: 100%;
	}

	.tc-table {
		margin: 25px 0 0 0;
		padding-left: 5px;
	}

	.tc-input {
		width: 70%;
	}

	.tc-selector {
		width: 70%;
	}

	.tcc {
		margin-left: 10px;
	}

	.tcc:first-child {
		margin-left: 15px;
	}

	#index-text {
		width: 100%;
    padding: 21px 20px 0 20px;
    text-align: justify;
	}

	#cats-nav {
		text-align: center;
		margin: 20px 0;
	}

	.cn {
		margin-left: auto;
		float: none;
		display: inline-block;
	}

	#left-content {
		width: 100%;
		margin-top: 0px;
	}

	.lc-primary {
		height: auto;
	}

	.lc-secondary {
		width: 100%;
		height: auto;
	}

	.lc-link {
		bottom: 5px;
	}

	.lc-sec-link {
		bottom: 5px;
		width: 100%;
	}

	.lc-link + div {
		width: 100% !important;
	}

	.lc-sec-link > div {
		width: 570px;
	}

	.lc-secondary:nth-child(2n+1) {
		margin-left: 0;
	}

	.lc-imagelink {
		width: 100% !important;
	}

	.lc-imagelink img {
		width: 100%;
	}

	.lc-secondary-imagelink {
		width: 100% !important;
	}

	.lc-secondary-imagelink img {
		width: 100% !important;
	}

	.lc-blog {
		width: 100%;
		height: auto !important;
	}

	.lc-blog:nth-child(1) {
		margin-right: 0;
		margin-top: 21px;
	}

	#right-content {
		width: 100%;
		text-align: center;
	}

	#human1 {
		margin-left: 5%;
		display: inline-block;
		float: none;
	}

	#human2 {
		margin-left: 5%;
		display: inline-block;
		float: none;
	}

	.clear480 {
		clear: both;
		float: none;
		display: none;
		visibility: hidden;
	}
  
  .clear480on {
  	clear: both;
		float: none;
    visibility: hidden;
  }

	#photo-index {
		width: 100%;
		padding: 0 20px;
	}

	.i-photo-link {
		float: left;
		width: 25%;
		margin-right: 0px;
	}

	.i-photo-link:first-child {
		margin-left: 15px;
	}

	.i-photo-link img {
		width: 100%;
	}

	.i-photo-link:nth-child(2n) {
		margin-right: 20px;
	}

	.i-photo-link:nth-child(4n+1) {
		margin-right: 20px;
	}

	#meanings-index {
		width: 100%;
		margin-top: 25px;
		text-align: center;
		margin-left: 0;
		padding: 0 20px;
	}

	#meanings-index h2 {
		text-align: left;
	}

	#meanings-index .cn {
		margin-left: 0;
		display: inline-block;
		width: 260px;
	}

	#meanings-index .cn:nth-child(2n+1) {
		margin-right: 0;
	}

	.cnnindex {
		margin-left: 0;
	}

	#sidebar {
		width: 100%;
	}

	.sidebar-cats {
		text-align: center;
	}

	.meanings-sidebar, .photo-sidebar, .samples-sidebar, .articles-sidebar, .piercing-sidebar, .salons-sidebar {
		margin-left: 20px;
	}

	#sidebar .cn {
		display: inline-block;
	}

	.blog-sidebar {
		margin-left: 20px;
	}

	.popular-sidebar {
		margin-left: 20px;
	}

	.sidebar-popular {
		padding-left: 20px;
	}

	.vk-insta {
		padding: 0 20px;
	}
  
  .vk-tab, .insta-tab {
    display: inline-block;
    width: 49%;
    padding: 10px 0;
    text-align:center;
  }
  
  .vk-insta-content {
    margin-top: 0;
  }

	#inside {
		width: 100%;
		padding: 0 20px;
		margin-right: 0;
	}

	#inside h1 {
		width: 100%;
    font-size: 24px;
    margin: 7px 0;
	}

	.adsense-468x60 {
		float: none;
		width: 100%;
		margin-left: auto;
		display: inline-block;
	}

	#breadcrumbs {
		width: 100%;
		margin-top: -10px;
	}

	.socials-photo {
		/*margin-top: -30px !important;*/
		margin-bottom: 20px;
		margin-left: 0 !important;
	}

	.tattoo-container {
		width: 100%;
	}

	.tattoo-container * {
		width: 100%;
	}

	.tattoo-container img {
		width: 100% !important;
	}

	.next-photo {
		margin-left: 0;
	/*	margin-top: 20px; */
    width:100%;
	}

	.ad-wrapper {
		width: 100%;
		display: block;
		float: left;
		text-align: center;
	}

	.adsense-250x250 {
		margin-left: 0 !important;
		margin-top: 0px;
		margin-bottom: 20px;
		display: inline-block;
		float: none;
	}

	.ad-center {
		margin-bottom: -20px;
		margin-top: -20px;
	}

	.tattoo-info {
		width: 100%;
	}

	.tattoo-meaning-block {
		width: 100%;
	}

	.similar a {
		margin-bottom: 5px;
		margin-right: 0;
		margin-left: 0;
		width: 50%;
		display: inline-block;
	}

	.similar {
		text-align: center;
		position: relative;
		float: left;
		width: 100%;
		/*margin-bottom: -30px;*/
	}

	.similar h2 {
		text-align: left;
	}

	.reply-link {

	}

	.comment-text {
		margin-bottom: 20px;
	}

	.comment-form {
		width: 100%;
	}

	.comment-form label {
		width: 100%;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.cf-input {
		width: 100%;
	}

	.cf-submit {
		margin-bottom: 20px;
	}

	.start-link, .end-link {
		display: none;
	}

	.category-subcats-h2 {
		margin-bottom: 20px;
	}

	.category-meanings-h2 {
		margin-bottom: 0;
	}

	.captcha-input {
		width: 100% !important;
		margin-left: 0;
	}

	.refresh-link {
		left: 0;
		bottom: 60px;
	}

	.code-label {
		margin-left: 10px !important;
		width: 140px;
		margin-top: 10px !important;
	}

	.other-cats {
		text-align: center;
	}

	.subcat-link {
		display: inline-block;
		float: none;
		margin-left: 0;
		margin-right: 0;
    width: 100%;
	}
  
  .disnone480 {
    display: none!important;
  }

	.cat-photo {
		/*margin-bottom: -25px;*/
		margin-top: 5px;
    height: auto;
	}

	.sidebar-best {
		text-align: center;
	}

	.sidebar-best a {
		display: inline-block;
		margin-left: 10px;
	}

	.add-tattoo {
		width: 80%;
    display: inline-block;
    margin-left: 10%;
	}

	.cat-h2 {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}

	.cat-desc {
		margin-left: 0;
		width: 100%;
	}

	.samples-sublink {
		margin-left: 0 !important;
	}

	.meanings-sublink {
		margin-left: 0 !important;
	}

	.photo-sublink {
		margin-left: 0 !important;
	}

	.article-bottom-socials {
		margin-left: 0 !important;
    display: none;
	}

	.subcats {
		text-align: center;
		padding-top: 0px;
	}

	.photo-tattoo-wrapper {
		text-align: center;
		width: 100%;
	}

	.photo-tattoo-wrapper * {
		float: none;
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}

	.pager a, .pager span.pagenav {
		float: left;
		margin-bottom: 10px !important;
    padding: 10px 25px;
    font-size: 16px;
	}
  
  .pager .page-link {
    display: none;
  }
  
	.pager-center {
	}

	.tattoo-meaning {
		width: 100%;
	}

	.tattoo-meaning p {
		width: 100%;
		margin-left: 0;
		float: left;
		margin-top: 10px;
	}

	.tm-more {
		margin-left: 0;
	}

	.article-image {
    max-width: 100%;
    float: none;
    margin: 0;
	}
  
  .article-image-div {
    text-align: center;
  }
  
  .article-image-salons {
    display: none;
  }

	.article-similar-h2 {
		margin-top: 25px;
	}

	.similar-wrapper {
		width: 100%;
		float: left;
		position: relative;
	}

	.simisimi {
		text-align: center !important;
		position: relative;
		float: left;
		width: 100%;
	}

	.article-similar {
		display: inline-block;
		float: left;
		margin: 10px 3px 3px 3px!important;
    width: 45%;
	}
  
  .article-similar img {
    width: 100%;
  }

	.hn-left a {
		text-align: right;
		width: 100%;
	}
   
  .entries.articles .tm-more, .listing-salon .tm-more {
    display: block;
  }
  
  .tm-more {
    width: 100%;
    text-align: center;
  }
  
  .category_item_image {
    display: block;
    float: none;
  }
  
  .linkovka a {
    width: 100%;
  }
  
  .category_item_image {
    text-align: center;
  }
  
  .category_item_image img {
    float: none;
  }
  
  .tag {
    margin: 0 5px 0 0;
  }
  
  .tm-title {
    margin-bottom: 10px;
  }
  
  .tattoo-meaning {
    margin-top: 35px;
  }
  
  #sidebar {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.35);
    padding: 10px 0;
  }
  
  .tattoo-container {
    margin-bottom: 0;
  }
  
  /* REGISTRATION PAGE */
  .registration select, .registration input, .registration button {
    width: 100%;
  }
  
  .registration a.btn {
    display: none;
  }
  
  /* SOCIAL */
  .article-bottom-socials .yashare-auto-init:after {
    content: "- делись!";
  }
  
  .blog-bottom-socials .blog-socials-second {
    display: none;
  }
  
  .blog-bottom-socials { 
    padding-left: 127px;
  }
  
  .blog-bottom-socials .b-share-btn__wrap {
    margin: 2px 0!important;
  }
  
  /* SALONS */
  .tattoo-meaning.listing-salon p {
    margin-left: 0;
    width: auto;
  }
  
  /* BLOG */
  .category_blog span {
    display: block;
    position: relative;
    padding: 5px;
    text-align: center;
    top: -5px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
  }
  
  .entries.blog {
    margin-top: 0;
  }
  
  .tattoo-blog {
    margin-top: 20px;
  }
  
  /* ADSENSE */
  .ad-uzkiy ins {
    height: 100px!important;
  }
  
  .ad-uzkiy {
    width: 320px;
    height: 100px;
  }
  
  .ad_mtree_category_top { 
    float: none;
    width: 100%;
    max-height: 100px;
  }
  
  .mtree_cat_desc_right {
    margin-left: 0;
    margin-top: 15px;
  }
  
  .ad_mtree_category_middle {
    margin-top: 5px;
  }
  
 /* .adslot_1 {
    height: 100px;
    width: 320px;
    display: inline-block;
    position: relative;
    left: -20px;
  } */
  
  .profile-links {
    display: none;
  }
  
  #header-forms {
    display: none;
  }
  
  div.favourite {
    display: none;
  }
  
  #breadcrumbs a {
    margin: 0px 4px;
    font-size: 11px;
  }
  
  #system-message-container {
    margin: 0;
  }
  
  .tattoo-photo-page a {
    display: inline-block;
    width: 48%;
    max-width: 147px;
  }
  
  .tags-in-item {
    display: none;
  }

  .top-banner {
	  width: 100%;
	  padding: 0;
  }

  .top-banner img {
	  height: auto;
  }
  
}