/*
?
240 +
320 +
480 +
640 +
720 +
800 +
?
*/

body {
    overflow-x: hidden;
}

.art-slogan a {
    color: #fff;
    text-decoration: none;
}

.art-slogan br {
    display: none;
}


/***** Адаптивные стили *****/

@media screen and (max-width: 979px) and (min-width: 720px) {
    body {
        min-width: 710px;
    }
    .askquestions {
        display: none;
    }
    /***** Шапка *****/
    header.art-header {
        width: 710px;
        overflow-x: hidden;
    }
    ul.art-hmenu {
        display: table;
        width: 100%;
        float: none;
    }
    ul.art-hmenu li {
        display: table-cell;
        float: none;
        text-align: center;
    }
    ul.art-hmenu > li > a {
        display: inline-block;
        width: 100%;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover {
        font-size: 19px;
        left: 0 !important;
    }
    .art-slogan {
        left: 0 !important;
        float: none;
        text-align: right;
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-right: 1%;
    }
    div.kartinki {
        width: 710px;
        box-sizing: border-box;
    }
    div.kartinki td {
        width: 33%;
        box-sizing: border-box
    }
    div.kartinki td img {
        max-width: 95%;
        height: auto;
    }
    div.kartinki span {
        font-size: 15px !important;
    }
    /***** Центральная часть *****/
    .art-sheet {
        width: 710px;
        overflow-x: hidden;
    }
    /***** Левая колонка *****/
    .art-layout-cell.art-sidebar1 {
        width: 200px;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .art-layout-cell.art-sidebar1 img {
        max-width: 180px !important;
        height: auto !important;
        box-sizing: border-box;
    }
    ul.art-vmenu a {
        font-size: 15px;
    }
    ul.art-vmenu>li>a {
        line-height: 150%;
            min-height: auto;
    }
    .art-vmenublockheader .t,
    .art-vmenublockheader .t a,
    .art-vmenublockheader .t a:link,
    .art-vmenublockheader .t a:visited,
    .art-vmenublockheader .t a:hover {
        font-size: 16px;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg {
        width: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) {
        width: 148px !important;
        box-sizing: border-box;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) span {
        font-size: 12px !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) {}
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) img {
        width: 100% !important;
        height: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(3) {
        width: 332px !important;
        box-sizing: border-box;
    }
    /***** Центральная часть *****/
    .art-layout-cell {}
    .art-layout-cell img {
        max-width: 100% !important;
        height: auto !important;
    }
    .art-layout-cell iframe[src*=youtube] {
        max-width: 100% !important;
        height: 280px !important;
    }
    /***** Подвал *****/
    .art-footer div:first-of-type {
        width: 710px !important;
    }
}

@media screen and (max-width: 719px) and (min-width: 640px) {
    
    body {
        min-width: 620px;
    }
    .askquestions {
        display: none;
    }
    /***** Шапка *****/
    header.art-header {
        width: 620px;
        overflow-x: hidden;
    }
    ul.art-hmenu {
        display: table;
        width: 100%;
        float: none;
    }
    ul.art-hmenu li {
        display: table-cell;
        float: none;
        text-align: center;
    }
    ul.art-hmenu > li > a {
        display: inline-block;
        width: 100%;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover {
        font-size: 19px;
        left: 0 !important;
        font-weight: normal;
    }
    .art-slogan {
        left: 0 !important;
        float: none;
        text-align: right;
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding-right: 1%;
        font-size: 15px;
    }
    div.kartinki {
        width: 620px;
        box-sizing: border-box;
    }
    div.kartinki td {
        width: 33%;
        box-sizing: border-box
    }
    div.kartinki td img {
        max-width: 95%;
        height: auto;
    }
    div.kartinki span {
        font-size: 15px !important;
    }
    /***** Центральная часть *****/
    .art-sheet {
        width: 620px;
        overflow-x: hidden;
    }
    /***** Левая колонка *****/
    .art-layout-cell.art-sidebar1 {
        width: 200px;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .art-layout-cell.art-sidebar1 img {
        max-width: 180px !important;
        height: auto !important;
        box-sizing: border-box;
    }
    ul.art-vmenu a {
        font-size: 15px;
    }
      ul.art-vmenu>li>a {
        line-height: 150%;
              min-height: auto;
    }
    .art-vmenublockheader .t,
    .art-vmenublockheader .t a,
    .art-vmenublockheader .t a:link,
    .art-vmenublockheader .t a:visited,
    .art-vmenublockheader .t a:hover {
        font-size: 16px;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg {
        width: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) {
        width: 210px !important;
        box-sizing: border-box;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) span {
        font-size: 14px !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) {}
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) img {
        width: 100% !important;
        height: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(3) {
        display: none;
    }
    /***** Центральная часть *****/
    .art-layout-cell {}
    .art-layout-cell img {
        max-width: 100% !important;
        height: auto !important;
    }
    .art-layout-cell iframe[src*=youtube] {
        max-width: 100% !important;
        height: 220px !important;
    }
    /***** Подвал *****/
    .art-footer div:first-of-type {
        width: 620px !important;
    }
}

@media screen and (max-width: 639px) and (min-width: 480px) {
    body {
        min-width: 460px;
    }
    .askquestions {
        display: none;
    }
    header.art-header {
        width: 460px;
        overflow-x: hidden;
        height: 160px;
        background-size: 100% 100%;
    }
    ul.art-hmenu {
        background-color: #62512d;
    }
    .art-headline {
        text-align: center;
        top: 60px;
    }
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover {
        white-space: normal;
        font-size: 18px;
    }
    .art-slogan {
        left: 0 !important;
        white-space: normal;
        text-align: center;
        top: 120px !important;
    }
    div.kartinki {
        width: 460px;
        box-sizing: border-box;
    }
    div.kartinki td {
        width: 33%;
        box-sizing: border-box
    }
    div.kartinki td img {
        max-width: 95%;
        height: auto;
    }
    div.kartinki span {
        font-size: 13px !important;
    }
    div.kartinki strong {
        font-weight: normal !important;
    }
    /***** Центральная часть *****/
    .art-sheet {
        width: 460px;
        overflow-x: hidden;
    }
    /***** Левая колонка *****/
    .art-layout-cell.art-sidebar1 {
        width: 160px;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    .art-layout-cell.art-sidebar1 img {
        max-width: 140px !important;
        height: auto !important;
        box-sizing: border-box;
    }
    ul.art-vmenu a,
    ul.art-vmenu ul a {
        font-size: 13px;
    }
      ul.art-vmenu>li>a {
        line-height: 150%;
              min-height: auto;
    }
    .art-vmenublockheader .t,
    .art-vmenublockheader .t a,
    .art-vmenublockheader .t a:link,
    .art-vmenublockheader .t a:visited,
    .art-vmenublockheader .t a:hover {
        font-size: 15px;
        font-weight: normal;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg {
        width: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) {
        width: 168px !important;
        box-sizing: border-box;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) span {
        font-size: 12px !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) {}
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) img {
        width: 100% !important;
        height: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(3) {
        display: none;
    }
    /***** Контент *****/
    .art-layout-cell {}
    .art-layout-cell img {
        max-width: 100% !important;
        height: auto !important;
    }
    .art-layout-cell iframe[src*=youtube] {
        max-width: 100% !important;
        height: 160px !important;
    }
    .jg_subcatelem_cat,
    .jg_subcatelem_cat_r,
    .jg_element_cat {
        float: none;
        width: 100% !important;
    }
    /***** Подвал *****/
    .art-footer div:first-of-type {
        width: 460px !important;
    }
}

@media screen and (max-width: 479px) and (min-width: 320px) {
    body {
        min-width: 310px;
    }
    .askquestions {
        display: none;
    }
    /***** Шапка *****/
    header.art-header {
        width: 310px;
        overflow-x: hidden;
        height: auto !important;
        background-size: 100% 100%;
    }
    header.art-header div {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
    }
    .art-shapes {
        padding-top: 90px;
    }
    ul.art-hmenu {
        background-color: #62512d;
        display: block;
        text-align: center;
    }
    ul.art-hmenu li {
        display: inline-block;
        float: none;
    }
    ul.art-hmenu > li::before {
        display: none;
    }
    ul.art-hmenu > li > a {
        padding: 0 10px !important;
    }
    .art-headline {
        text-align: center;
    }
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover {
        white-space: normal;
        font-size: 18px;
    }
    .art-slogan {
        left: 0 !important;
        white-space: normal;
        text-align: center !important;
        padding: 10px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .art-slogan br {
        display: block;
    }
    div.kartinki {
        width: 310px;
        box-sizing: border-box;
    }
    div.kartinki td {
        width: 33%;
        box-sizing: border-box
    }
    div.kartinki td img {
        max-width: 95%;
        height: auto;
    }
    div.kartinki td span {
        display: block;
        height: 35px;
        overflow: visible;
    }
    div.kartinki td br {
        display: none;
    }
    div.kartinki span {
        font-size: 13px !important;
    }
    div.kartinki strong {
        font-weight: normal !important;
    }
    /***** Центральная часть *****/
    .art-sheet {
        width: 310px;
        overflow-x: hidden;
    }
    .art-layout-cell.art-sidebar1 {
        display: none;
    }
    .art-vmenublock.pro {
        display: none;
    }
    .art-menu-btn {
        display: block;
    }
    .art-layout-cell {
        display: block;
    }
    .art-layout-cell img {
        max-width: 100% !important;
        height: auto !important;
    }
    .art-layout-cell iframe[src*=youtube] {
        max-width: 100% !important;
        height: 160px !important;
    }
    .tablecontacts {text-align: center;}
    .tablecontacts table,
    .tablecontacts tr,
    .tablecontacts td {
        display: block;
        width: 100% !important;
    }
    .tablecontacts input,
    .tablecontacts textarea {
        box-sizing: border-box;
    }
    #comments-form input,
    #comments-form label,
    #comments-form textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg {
        width: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) {
        width: 100% !important;
        box-sizing: border-box;
        display: block;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) span {
        font-size: 12px !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) {
        width: 100% !important;
        box-sizing: border-box;
        display: block;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) img {
        width: 100% !important;
        height: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(3) {
        display: none;
    }
    .jg_subcatelem_cat,
    .jg_subcatelem_cat_r,
    .jg_element_cat {
        float: none;
        width: 100% !important;
    }
    .mobcenterimg {
        float: none !important;
        margin: 0 auto;
    }
    .Ccategory ol li {
        float: none;
        width: 100%;
    }
    /***** Подвал *****/
    .art-footer div:first-of-type {
        width: 310px !important;
    }
    .art-footer td {
        vertical-align: top;
        line-height: 16px !important;
    }
    .art-footer p {
        text-align: center !important;
        line-height: 16px !important;
    }
}

@media screen and (max-width: 319px) {
    body {
        min-width: 236px;
    }
    .askquestions {
        display: none;
    }
    /***** Шапка *****/
    header.art-header {
        width: 236px;
        overflow-x: hidden;
        height: auto !important;
        background-size: 100% 100%;
    }
    header.art-header div {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
    }
    .art-shapes {
        padding-top: 120px;
    }
    ul.art-hmenu {
        background-color: #62512d;
        display: block;
        text-align: center;
    }
    ul.art-hmenu li {
        display: inline-block;
        float: none;
    }
    ul.art-hmenu > li::before {
        display: none;
    }
    ul.art-hmenu > li > a {
        padding: 0 10px !important;
    }
    .art-headline {
        text-align: center;
    }
    .art-headline,
    .art-headline a,
    .art-headline a:link,
    .art-headline a:visited,
    .art-headline a:hover {
        white-space: normal;
        font-size: 18px;
    }
    .art-slogan {
        left: 0 !important;
        white-space: normal;
        text-align: center !important;
        padding: 10px 0;
        width: 100% !important;
        box-sizing: border-box;
    }
    .art-slogan br {
        display: block;
    }
    div.kartinki {
        width: 236px;
        box-sizing: border-box;
    }
    div.kartinki td {
        width: 100%;
        box-sizing: border-box
    }
    div.kartinki td img {
        max-width: 95%;
        height: auto;
    }
    div.kartinki td span {
        display: block;
        height: 35px;
        overflow: visible;
    }
    div.kartinki td br {
        display: none;
    }
    div.kartinki span {
        font-size: 13px !important;
    }
    div.kartinki strong {
        font-weight: normal !important;
    }
    /***** Центральная часть *****/
    .art-sheet {
        width: 236px;
        overflow-x: hidden;
    }
    .art-layout-cell.art-sidebar1 {
        display: none;
    }
    .art-vmenublock.pro {
        display: none;
    }
    .art-menu-btn {
        display: block;
    }
    .art-layout-cell {
        display: block;
    }
    .art-layout-cell img {
        max-width: 100% !important;
        height: auto !important;
    }
    .art-layout-cell iframe[src*=youtube] {
        max-width: 100% !important;
        height: 120px !important;
    }
    .Ccategory ol li {
        float: none;
        width: 100%;
    }
    .tablecontacts {}
    .tablecontacts table,
    .tablecontacts tr,
    .tablecontacts td {
        display: block;
        width: 100% !important;
    }
    .tablecontacts input,
    .tablecontacts textarea {
        box-sizing: border-box;
    }
    #comments-form input,
    #comments-form label,
    #comments-form textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg {
        width: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) {
        width: 100% !important;
        box-sizing: border-box;
        display: block;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(1) span {
        font-size: 12px !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) {
        width: 100% !important;
        box-sizing: border-box;
        display: block;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(2) img {
        width: 100% !important;
        height: auto !important;
    }
    .art-content-layout .art-layout-cell.art-layout-sidebar-bg:nth-of-type(3) {
        display: none;
    }
    .jg_subcatelem_cat,
    .jg_subcatelem_cat_r,
    .jg_element_cat {
        float: none;
        width: 100% !important;
    }
    .Ccategory ol li {
        float: none;
        width: 100%;
    }
    /***** Подвал *****/
    .art-footer div:first-of-type {
        width: 236px !important;
    }
    .art-footer td {
        vertical-align: top;
        line-height: 16px !important;
    }
    .art-footer p {
        text-align: center !important;
        line-height: 16px !important;
    }
}