@media screen and (max-width: 1044px) {
    body.home {
        background-image: url(/themes/tattoo/css/../images/bgHome1000.jpg);
        background-position: top right;
    }

    body.About1, body.About2, body.About3, body.About4 {
        background-image: url(/themes/tattoo/css/../images/bgAbout1000.jpg);
    }

    body.Contact1, body.Contact2, body.Contact3, body.Contact4, body.Contact5, body.Contact6 {
        background-image: url(/themes/tattoo/css/../images/bgContact1000.jpg);
    }

    body.Gallery1, body.Gallery2, body.Gallery3, body.Gallery4, body.Gallery5, body.Gallery6 {
        background-image: url(/themes/tattoo/css/../images/bgGallery1000.jpg);
    }

    body.site_content_1, body.site_content_2, body.site_content_3, body.site_content_4,
    body.site_content_5, body.site_content_6 {
        background-image: url(/themes/tattoo/css/../images/bgSiteContent1000.jpg);
    }

    body.product_1, body.product_2, body.product_3, body.product_4 {
        background-image: url(/themes/tattoo/css/../images/bgProducts1000.jpg);
        background-position: top right;
    }

    #header, .pageContainer {
        width: 96%;
        padding: 0 2%;
    }

    #header {
        height: 160px;
        margin-bottom: 70px;
    }

    .logo {
        float: none;
        margin-bottom: 0;
    }

    .logo h1 {
        text-align: center;
    }

    nav {
        min-height: 0;
        margin-top: 40px;
        margin-left: 0;
        padding: 0;
        border: none;
        float: none;
    }

    .nav {
        width: auto;
    }

    nav li {
        position: relative;
        width: 20%;
        float: left;
        text-align: center;
    }

    nav li a {
        text-align: center;
        font-size: 22px;
        padding: 10px 0;
    }

    nav li .dropDownStyle {
        padding: 0;
        padding-top: 10px;
        width: auto;
        left: 0;
        top: 100%;
        bottom: auto;
        width: 100%;
        float: none;
        background: url(/themes/tattoo/css/../images/arrowUp.png) top center no-repeat;
    }

    nav li .dropDownStyle li {
        float: none;
        width: auto;
        bottom: auto;
    }

    nav .dropDownStyle li a {
        text-align: center;
        width: 100%;
        font-size: 18px;
    }

    nav .dropdownToggle > a {
        margin-right: 0;
        width: 81%;
        float: left;
    }

    nav li .dropDownStyle > ul {
        position: static;
        bottom: auto;
        width: auto;
        background-color: black;
        border-radius: 3px;
        padding: 10px 5px;
    }

    nav .nav li .dropdownSecondLevel {
        top: -10px;
        left: auto;
        right: 100%;
        padding-top: 0;
        padding-right: 10px;
        margin-right: 10px;
    }

    .dropDownStyle .dropdownToggle a {
        float: none;
        width: 81%;
        padding-left: 19%;
    }

    .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/tattoo/css/../images/arrows.png) 4px 12px no-repeat;
        cursor: pointer;
        margin-left: 0;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: 4px -88px;
    }

    .spanMenuDropdown:hover {
        background-position: 4px -38px;
    }

    .spanMenuDropdown.active:hover {
        background-position: 4px -138px;
    }

    .dropDownStyle .spanMenuDropdown {
        width: 20%;
        right: auto;
        margin: 0;
        background-position: -46px 14px;
    }

    .dropDownStyle .spanMenuDropdown:hover {
        background-position: -46px -36px;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-position: -46px -86px;
    }

    .dropDownStyle .spanMenuDropdown.active:hover {
        background-position: -46px -136px;
    }

    .spanJos {
        margin: 0;
        width: 19%;
    }

    #header .social {
        display: none;
    }

    .dropDownStyle.dropdownSecondLevel {
        background: url(/themes/tattoo/css/../images/arrowRight.png) top right no-repeat;
    }

    nav li .dropDownStyle.dropdownSecondLevel > ul {
        border-radius: 3px 0 3px 3px;
    }

    .dropDownStyle.dropdownSecondLevel a {
        padding-left: 0;
        margin-right: 0;
    }

    .cnt_share {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 40px auto 0;
    }

    #footer nav {
        display: none;
    }

    #footer .social {
        margin: 0 auto;
        float: none;
        position: relative;
        right: auto;
    }

    article.bi1, article.bi4, article.bi5, article.bi7 {
        margin: 10px 0 20px;
    }

    .contact-form-item:first-child {
        margin-right: 0;
    }

    .contact-form-item {
        width: 100%;
    }

    .form .iTxt, .form .message-area {
        padding: 1%;
        width: 98%;
    }

    .modal-header .close {
        top: -55px;
        right: 0;
    }

    .productItem.pi4 {
        width: 20.9%;
    }

    .backToTop {
        right: 20px;
    }
}

@media screen and (max-width: 782px) {
    body.home {
        background-image: url(/themes/tattoo/css/../images/bgHome800.jpg);
        background-position: top center;
    }

    body.About1, body.About2, body.About3, body.About4 {
        background-image: url(/themes/tattoo/css/../images/bgAbout800.jpg);
    }

    body.Contact1, body.Contact2, body.Contact3, body.Contact4, body.Contact5, body.Contact6 {
        background-image: url(/themes/tattoo/css/../images/bgContact800.jpg);
    }

    body.Gallery1, body.Gallery2, body.Gallery3, body.Gallery4, body.Gallery5, body.Gallery6 {
        background-image: url(/themes/tattoo/css/../images/bgGallery800.jpg);
    }

    body.site_content_1, body.site_content_2, body.site_content_3, body.site_content_4,
    body.site_content_5, body.site_content_6 {
        background-image: url(/themes/tattoo/css/../images/bgSiteContent800.jpg);
    }

    body.product_1, body.product_2, body.product_3, body.product_4 {
        background-image: url(/themes/tattoo/css/../images/bgProducts800.jpg);
        background-position: top right;
    }

    #header {
        height: auto;
        margin-bottom: 30px;
        min-height: 180px;
    }

    .home #header {
        margin-bottom: 10px;
    }

    .pageContainer {
        margin-top: 0;
    }

    .lowResHref {
        display: block;
        text-indent: -9999px;
        padding: 0;
        width: 100%;
        height: 35px;
    }

    body #navigation a.lowResHref, body #navigation a.lowResHref:hover {
        background-image: url(/themes/tattoo/css/../images/menu.png) !important;
        background-position: center;
        background-repeat: no-repeat;
    }

    .nav-span {
        float: right;
    }

    nav ul {
        float: none;
        clear: both;
    }

    nav li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav li a {
        text-align: center;
        width: 100%;
        float: none;
        padding: 10px 0;
        font-size: 20px;
        background-color: black;
        margin-bottom: 1px;
    }

    nav .dropdownToggle > a {
        width: 100%;
        float: none;
    }

    nav li .dropDownStyle {
        float: none;
        position: relative;
        padding-top: 0;

    }

    nav li .dropDownStyle > ul {
        padding: 0;
        background-color: transparent;
    }

    nav .nav li .dropdownSecondLevel {
        left: 0;
        top: auto;
        padding: 0;
        margin: 0;
    }

    .dropDownStyle li a {
        margin: 0;
        margin-bottom: 1px;
    }

    .spanMenuDropdown {
        height: 38px;
    }

    .dropDownStyle .spanMenuDropdown, .spanMenuDropdown, .spanMenuDropdown.spanJos {
        background: url(/themes/tattoo/css/../images/arrows.png) 16px 12px no-repeat;
        width: 50px;
    }

    .spanMenuDropdown.active, .spanMenuDropdown.spanJos.active {
        background-position: 16px -88px;
    }

    .spanMenuDropdown:hover {
        background-position: 16px -38px;
    }

    .spanMenuDropdown.active:hover {
        background-position: 16px -138px;
    }

    .dropDownStyle .spanMenuDropdown {
        background-position: 16px 12px;
        right: 0;
    }

    .dropDownStyle .spanMenuDropdown:hover {
        background-position: 16px -38px;
    }

    .dropDownStyle .spanMenuDropdown.active {
        background-position: 16px -88px;
    }

    .dropDownStyle .spanMenuDropdown.active:hover {
        background-position: 16px -138px;
    }

    .dropDownStyle .dropdownToggle a {
        width: 100%;
        padding-left: 0;
    }

    .dropDownStyle .dropdownSecondLevel a {
        padding-right: 0;
    }

    .dropdownSecondLevel > ul {
        padding-right: 0;
    }

    .nav-pills {
        display: none;
    }

    .social {
        float: none;
        clear: both;
        margin: 0;
        padding-top: 30px;
        border: none;
    }

    .social ul {
        float: none;
        text-align: center;
    }

    .social img {
        height: 22px;
    }

    .home #zone_0, .home #zone_1 {
        margin-top: 10px;
    }

    article.bi2, article.bi3 {
        width: 45%;
        margin: 1.5% 0 4% 3.2%;
    }

    article.ab1 img, article.ab1 iframe, article.ab2 img, article.ab2 iframe {
        width: 40%;
    }

    .gallery_list li.gallery_box {
        width: 45%;
        margin: 1.67% 0 3.2% 3.2%;
    }

    .Contact3 #zone_1, .Contact4 #zone_1 {
        clear: both;
    }

    .productItem.pi2 {
        width: 44.88%;
    }

    .productItem.pi4 {
        width: 21.7%;
    }

    .cnt_share {
        margin-top: 20px;
    }
}

@media screen and (max-width: 400px) {
    body.home {
        background-image: url(/themes/tattoo/css/../images/bgHome500.jpg);
    }

    body.About1, body.About2, body.About3, body.About4 {
        background-image: url(/themes/tattoo/css/../images/bgAbout500.jpg);
    }

    body.Contact1, body.Contact2, body.Contact3, body.Contact4, body.Contact5, body.Contact6 {
        background-image: url(/themes/tattoo/css/../images/bgContact500.jpg);
    }

    body.Gallery1, body.Gallery2, body.Gallery3, body.Gallery4, body.Gallery5, body.Gallery6 {
        background-image: url(/themes/tattoo/css/../images/bgGallery500.jpg);
    }

    body.site_content_1, body.site_content_2, body.site_content_3, body.site_content_4,
    body.site_content_5, body.site_content_6 {
        background-image: url(/themes/tattoo/css/../images/bgSiteContent500.jpg);
    }

    body.product_1, body.product_2, body.product_3, body.product_4 {
        background-image: url(/themes/tattoo/css/../images/bgProducts500.jpg);
    }

    h4 {
        text-align: left;
    }

    article.ab1 img, article.ab1 iframe, article.ab2 img, article.ab2 iframe {
        width: 50%;
        margin-right: 20px;
        float: left;
    }

    article.bi2, article.bi3 {
        margin-left: 0;
        width: 100%;
    }

    article.ab2 img, article.ab2 iframe {
        float: right;
        margin-right: 0;
        margin-left: 20px;
    }

    .form .iTxt, .form .message-area {
        padding: 4% 2%;
        width: 96%;
    }

    .productItem.pi2 {
        width: 100%;
        margin: 2% 0%;
    }

    .pi3 .itemPriceAndCurrency, .pi3 .itemDiscount {
        float: none;
        width: auto;
    }

    .productItem.pi4 {
        width: 40.8%;
        margin: 4%;
    }

    .contact-form-attachment .button {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
    }
}