@charset "utf-8";

@media screen and (min-width: 490px) and (max-width: 989px) {
    body {
        overflow-x: hidden;
    }

    .pi-block {
        width: 100%;
        display: inline-block;
    }

    #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;
    }

    #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: 25px;
    }

    .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: 25px;
        margin-bottom: 25px;
    }

    .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;
        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%;
    }

    #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: 0px;
    }

    #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;
    }

    .clear990 {
        clear: both;
    }

    #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 {
        margin-left: 20px;
        margin-top: -30px;
    }

    .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;
    }

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

    #inside h1 {
        width: 100%;
        padding: 5px 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;
    }

    .adsense-250x250 {
        margin-left: 0 !important;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .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: 20%;
        float: none;
        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;
        margin-left: 10px;
        margin-right: 10px;
    }

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

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

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

    .add-tattoo {
        width: 260px;
        margin-left: 20px;
    }

    .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;
    }

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

    .subcat-link {
        display: inline-block;
    }

    .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;
    }

    .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 {
        position: relative;
        float: left;
        margin-bottom: 40px;
    }

    .article-image-salons {
        display: none;
    }

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

    .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;
        height: 190px;
    }

    #index-text {
        width: 600px;
    }

    #left-content {
        width: 100%;
    }

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

    .lc-primary {
        height: auto;
    }

    .lc-primary .lc-link {
        bottom: 5px;
    }

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

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

    .lc-link > div {
        padding-left: 20px;
        text-align: left;
    }

    .lc-sec-link > div {
        padding-left: 20px;
        text-align: left;
    }

    .lc-link {
        text-align: left;
    }

    .lc-sec-link {
        text-align: left;
    }

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

    .lc-secondary:nth-child(2n+2) {
    }

    .lc-secondary:nth-child(2n+1) {
        float: right;
    }

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

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

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

    .lc-blog {
        width: 48%;
        height: auto;
        margin-right: 0;
    }

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

    .lc-blog:nth-child(2n+1) {
        float: right;
    }

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

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

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

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

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

    .i-photo-link {
        display: inline-block;
        float: none;
    }

    .pi-wrap {
        width: 100%;
        text-align: center;
    }

    #meanings-index {
        width: 100%;
        margin-top: 20px;
    }

    .header-ad {
        width: 100%;
    }

    .clear480 {
        clear: both;
    }

    .hn-left a {
        text-align: right;
        width: 50%;
    }

    #tattoo-chooser {
        background: url(../images/main/tattoo-selector.jpg) repeat center top;
    }

    #index-text {
        width: 100%;
    }

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

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

    #sidebar .lc-blog:nth-child(2n+1) {
        float: right;
    }

    #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-link > div {
        height: 50px;
        display: table-cell;
        text-align: center;
        width: 100%;
        vertical-align: middle;
    }

    .next-photo {
        margin-right: 30px;
        margin-left: 30px;
    }

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

    .cat-photo-last .cat-photo:nth-child(2n+1) {
        margin-left: 0;
    }

    .vk-insta-content {
        width: 270px;
        float: none;
    }

    .article-photo-img {
        float: none;
    }

    .adsense-180x150 {
    }

    .article-photo-img {
        margin-left: 0;
    }

    .article-photo-img:nth-child(4n+1) {
        margin-left: 0;
    }

    .article-photo-h2 {
        margin-bottom: 20px;
    }

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

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

    .ad-wrapper * {
        margin-left: 0 !important;
        margin-top: 0px;
        margin-bottom: 20px;
        display: inline-block;
        float: none;
    }

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

    .ad_mtree_category_top {
        float: none;
        width: 100%;
    }

    .mtree_cat_desc_right {
        margin-left: 0;
        margin-top: 25px;
    }

    .top-banner {
        clear: both;
        width: 100%;
    }

    .profile-links {
        clear: both;
        width: 100%;
    }

}