@media (max-width: 820px) {
  .openedMenu {
    position: fixed;
    overflow: hidden;
    width: 100%;
  }
  .showMobileMenu {
    width: 40px;
    height: 29px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
  }
  .showMobileMenu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #0085C6;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  .showMobileMenu.open span {
    background: #1C1D1E;
  }
  .showMobileMenu span:nth-child(1) {
    top: 0px;
  }
  .showMobileMenu span:nth-child(2),.showMobileMenu span:nth-child(3) {
    top: 10px;
  }
  .showMobileMenu span:nth-child(4) {
    top: 20px;
  }
  .showMobileMenu.open span:nth-child(1) {
    top: 10px;
    width: 0%;
    left: 50%;
  }
  .showMobileMenu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .showMobileMenu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .showMobileMenu.open span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
  }

  .headerMobile {
    padding-top: 18px;
    padding-bottom: 18px;
    background: #fff;
    box-shadow: 0px 3px 12px 0px #0000001A;
    position: relative;
    z-index: 10;
  }
  .headerMobile .headerMobilePanel {
    display: flex;
    /*flex-wrap: wrap;*/
    align-items: center;
    justify-content: space-between;
  }
  .headerMobile .headerMobilePanel .headerMobileLogo {

  }
  .headerMobile .headerMobilePanel .headerMobileLogo img {
    max-height: 75px;
    object-fit: contain;
  }
  .headerMobile .headerMobilePanel .headerMobileLink {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .headerMobile .headerMobilePanel .headerMobileLink img {
    max-height: 30px;
    object-fit: contain;
  }
  .headerMobile .headerMobilePanel .headerMobileLink span {
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 1%;
    text-align: center;
    text-transform: uppercase;
  }
  .headerMobile .headerMobilePanel .showMobileMenu {}

  .mobileMenu {
    position: absolute;
    left: 0;
    /*top: 117px;*/
    width: 100%;
    height: 100vh;
    background: #fff;
    display: none;
    z-index: 10001;
  }
  .mobileMenu.active {
    display: block;
  }

  .mobileMenu .topMenu {
    background: #0099DA;
  }
  .mobileMenu .topMenu .topMenuItem {
    border-bottom: 1px solid #0000001A;
  }
  .mobileMenu .topMenu .topMenuItem .firstLevelLink {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1%;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px 0px #0000001A;
    color: #fff;
    text-decoration: none;
  }
  .mobileMenu .topMenu .topMenuItem .firstLevelLink.expanded {
    background: #0000001A;
    color: #FFFFFF9A;
  }
  .mobileMenu .topMenu .topMenuItem .menuItemDropdown {
    background: #0000001A;
    display: none;
    padding-bottom: 12px;
  }
  .mobileMenu .topMenu .topMenuItem .menuItemDropdown .childLink {
    display: block;
    margin-top: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
    text-align: center;
  }
  .mobileMenu .topMenu .topMenuItem .menuItemDropdown .childLink:first-child {
    margin-top: 0;
  }
  .mobileMenu .currentCityInfo {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    flex-direction: column;
    align-items: center;
  }
  .mobileMenu .currentCityInfo .currentCityInfoColumn {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobileMenu .currentCityInfo .currentCityInfoColumn .currentCityInfoColumnLabel {

  }
  .mobileMenu .currentCityInfo .currentCityInfoColumn .currentCityInfoColumnValue {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dashed #1C1D1E;
  }
  .mobileMenu .currentCityInfo .currentCityInfoColumn .currentCityInfoColumnValue a {
    color: #1C1D1E;
  }
  .mobileMenu .currentCityPhones {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 7px;
  }
  .mobileMenu .currentCityPhones .currentCityPhonesColumn {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 11px;
  }
  .mobileMenu .currentCityPhones .currentCityPhonesColumn .currentCityPhonesColumnLabel {
    text-align: right;
  }
  .mobileMenu .currentCityPhones .currentCityPhonesColumn .currentCityPhonesColumnValue {
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dashed #1C1D1E;
  }
  .mobileMenu .currentCityPhones .currentCityPhonesColumn .currentCityPhonesColumnValue a {
    color: #1C1D1E;
  }
  .mobileMenu .btnIco {
    margin: 20px auto 0;
    max-width: calc(100% - 40px);
  }

  .catalogIndexSections {
    padding-bottom: 50px;
  }
  .catalogIndexSections .indexSectionsList {
    gap: 20px;
  }
  .catalogIndexSections .indexSectionsList .indexSectionItem {
    width: calc(33.3333% - 14px);
  }

  .mainAdvantages {
    padding: 50px 0;
  }
  .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
  }
  .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop .mainAdvantagesInfoTopTitle {
    padding-left: 0px;
    padding-top: 15px;
  }
  .mainAdvantages .mainAdvantagesItems .mainAdvantagesItem {
    padding: 20px;
    flex-direction: column;
  }
  .mainAdvantages .mainAdvantagesItems .mainAdvantagesItem .name {
    width: 100%;
    text-align: center;
  }

  .mainProductTabs {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .productItems {
    gap: 20px;
  }
  .catalogPage .catalogWrap .catalogArea .productItems {
    padding-bottom: 40px;
  }
  .productItems .productItem {
    width: calc(33.33333% - 14px);
  }
  .productItems .productItem .productItemInfo .productItemButtons {
    margin-top: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .productItems .productItem .productItemInfo .productItemButtons .btn {
    width: 100%;
  }
  .productItems .productItem .productItemInfo .productItemButtons .btn.btnWhite {
    order: 2;
  }
  .productItems .productItem .productItemInfo .productItemButtons .btn.btnSvg {
    order: 1;
  }
  .productItems .productItem .productItemInfo .productItemButtons .btn.btnSvg span {
    display: block;
    color: #1C1D1E;
  }
  .productItems .productItem .productItemInfo .productItemButtons .btn.btnSvg svg {
    display: none;
  }

  .mainHow {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .mainGalleryTabs {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .galleryItems {
    gap: 20px;
  }
  .galleryItems .galleryItem {
    width: calc(50% - 10px);
  }

  .mainReviews {
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .mainCertificates {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .mainPartners {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .mainPartners .mainPartnersItems {
    gap: 20px;
  }
  .mainPartners .mainPartnersItems .mainPartnersItem {
    width: calc(33.3333% - 14px);

  }

  .mainForm {
    padding: 50px 0;
  }

  .footer .footerWrap {
    justify-content: flex-start;
    flex-direction: column;
  }
  .footer .footerWrap .footerMenu {
    order: 1;
  }
  .footer .footerWrap .footerMenu ul li {
    text-align: center;
  }
  .footer .footerWrap .footerContacts {
    order: 2;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 100%;
  }
  .footer .footerWrap .footerContacts .currentCityAddress {
    align-items: center;
  }
  .footer .footerWrap .footerContacts .currentCityPhones {
    align-items: center;
  }
  .footer .footerWrap .footerContacts .currentCityPhones .currentCityPhonesColumn {
    width: 100%;
    align-items: center;
  }
  .footer .footerWrap .footerButtons {
    order: 3;
    padding: 0 55px;
  }
  .footer .footerWrap .footerButtons .btn {
    box-shadow: none;
    background: #FFFFFF1A;
  }
  .footer .footerWrap .footerLogo {
    order: 4;
    width: 100%;
    text-align: center;
    padding-top: 30px;
  }
  .pageTitle h1 {
    font-size: 36px;
    line-height: 120%;
  }
  .breadcrumbWrap {
    padding: 15px 0;
  }
  .catalogPage {
    padding-top: 0px;
  }
  .catalogPage .catalogWrap {
    flex-direction: column;
  }
  .catalogPage .catalogWrap .showCatalogSidebar {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 20px;
  }
  .catalogPage .catalogWrap .catalogSidebar {
    width: 100%;
    padding: 25px;
    background: #F8F9FA;
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    z-index: 10;
    flex-direction: column;
    height: 100vh;
  }
  .catalogPage .catalogWrap .catalogSidebar.active {
    display: flex;
  }
  .catalogPage .catalogWrap .catalogSidebar .hideCatalogSidebar {
    display: flex;
    font-weight: 700;
    align-items: center;
    gap: 5px;
    margin-bottom: 15px;
  }
  .catalogPage .catalogWrap .catalogArea {
    width: 100%;
  }
  .catalogInnerSections .innerSectionsList {
    gap: 20px;
  }
  .catalogInnerSections .innerSectionsList .innerSectionItem {
    width: calc(33.33333% - 14px);
  }
  .catalogDescription {
    padding: 40px 0;
  }
  .advantagesCompetitors {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns {
    flex-direction: column;
    gap: 15px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn {
    width: 100%;
  }
  .workShema .workShemaItems {
    padding-top: 17px;
    gap: 20px;
  }
  .workShema .workShemaItems .workShemaItem {
    width: calc(33.333% - 14px);
    padding: 20px;
  }
  .productPage .productTopBlock {
    flex-direction: column;
  }
  .productPage .productTopBlock .productTopImages {
    width: 100%;
  }
  .productPage .productTopBlock .productTopImages .productThumbsImage {
    display: none;
  }
  .productPage .productTopBlock .productTopInfo {
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
  }
  .materialTabs {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems {
    gap: 20px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem {
    width: calc(25% - 15px);
  }
  .similarProducts {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .gallerySections .gallerySectionsList {
    gap: 20px;
  }
  .gallerySections .gallerySectionsList .gallerySectionItem {
    width: calc(50% - 10px);
  }
  .galleryPage .galleryPageItems {
    gap: 20px;
    margin-top: 20px;
  }
  .galleryPage .galleryPageItems .galleryPageItem {
    width: calc(50% - 10px);
  }
  .actionsPage .actionsPageItems {
    padding-top: 20px;
    gap: 20px;
  }
  .actionsPage .actionsPageItems .actionsPageItem {
    width: calc(50% - 10px);
  }
  .actionPage .actionPageBlock {
    margin-top: 20px;
    padding: 20px;
    flex-direction: column;
  }
  .actionPage .actionPageBlock .actionMainImage {
    width: 100%;
  }
  .actionPage .actionPageBlock .actionMainInfo {
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
  }
  .informationsPage .informationsPageItems {
    padding-top: 20px;
    gap: 20px;
  }
  .informationsPage .informationsPageItems .informationsPageItem {
    width: calc(50% - 10px);
  }
  .informationPage .informationPageBlock {
    padding-top: 20px;
  }
  .staticPage {
    padding: 30px 0;
  }
  .columnContentContainer {
    padding-bottom: 40px;
    padding-top: 20px;
  }
  .columnContentContainer .columnContent {
    flex-direction: column;
  }
  .columnContentContainer .columnContent .columnContentSidebar {
    width: 100%;
  }
  .sibebarMenu ul li {
    text-align: center;
  }
  .columnContentContainer .columnContent .columnContentMain {
    width: 100%;
    padding-left: 0px;
    padding-top: 30px;
  }
  .innerReviews .innerReviewsBtn .btn {
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .btn {
    height: 30px;
    font-size: 14px;
  }
  .headerMobile .headerMobilePanel .headerMobileLogo img {
    max-height: 55px;
  }
  .headerMobile .headerMobilePanel .headerMobileLink {
    max-width: 100px;
  }
  .headerMobile .headerMobilePanel .headerMobileLink img {
    max-height: 20px;
  }
  .mainPromo .mainPromoWrap .mainPromoText .mainPromoTextTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainPromo .mainPromoWrap .mainPromoText .mainPromoTextAdvantages {
    gap: 8px;
    margin-top: 10px;
  }
  .mainPromo .mainPromoWrap .mainPromoText .mainPromoTextAdvantages li {
    font-size: 18px;
    padding-left: 30px;
  }
  .mainPromo .mainPromoWrap .mainPromoText .btn {
    margin-top: 16px;
  }
  .catalogIndexSections .indexSectionsList {
    gap: 15px;
  }
  .catalogIndexSections .indexSectionsList .indexSectionItem {
    width: calc(50% - 8px);
  }
  .catalogIndexSections .indexSectionsList .indexSectionItem a {
    padding: 20px;
  }
  .catalogIndexSections .indexSectionsList .indexSectionItem a .name {
    font-weight: 700;
    font-size: 11px;
    line-height: 130%;
    letter-spacing: 1%;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
  }
  .mainAdvantages {
    padding: 30px 0;
  }
  .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop img {
    max-width: 150px;
  }
  .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop .mainAdvantagesInfoTopTitle {
    font-size: 18px;
    line-height: 130%;
  }
  .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoBottom {
    padding: 10px 0px;
  }
  .mainAdvantages .mainAdvantagesItems {
    gap: 15px;
  }
  .mainAdvantages .mainAdvantagesItems .mainAdvantagesItem {
    gap: 12px;
    width: calc(50% - 8px);
  }
  .mainAdvantages .mainAdvantagesItems .mainAdvantagesItem .name {
    font-size: 14px;
    line-height: 140%;
  }
  .mainProductTabs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainProductTabs .mainProductTabsTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainProductTabs .mainProductTabsNav {
    margin-top: 14px;
    gap:  10px;
  }
  .mainProductTabs .mainProductTabsNav li a {
    padding: 4px 14px;
    font-size: 12px;
    line-height: 150%;
    height: 26px;
  }
  .mainProductTabs .mainProductTabsWrap {
    padding-top: 20px;
  }
  .mainProductTabs .mainProductTabsWrap .mainProductTabsTab .goCatalog {
    margin-top: 20px;
    height: 40px;
  }
  .productItems {
    gap: 15px;
  }
  .productItems .productItem {
    width: calc(50% - 8px);
  }
  .productItems .productItem .productItemImage {
    width: 100%;
    height: 120px;
  }
  .productItems .productItem .productItemInfo {
    padding: 10px;
  }
  .productItems .productItem .productItemInfo .productItemName {
    font-size: 14px;
    line-height: 130%;
  }
  .productItems .productItem .productItemInfo .productItemPrices {
    margin-top: 5px;
    align-items: flex-start;
    flex-direction: column;
  }
  .productItems .productItem .productItemInfo .productItemPrices .currentPrice {
    font-size: 18px;
    line-height: 130%;
  }
  .productItems .productItem .productItemInfo .productItemPrices .oldPrice {
    font-size: 14px;
    line-height: 130%;
  }
  .mainHow {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainHow .mainHowTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainHow .mainHowItems {
    gap: 10px;
    padding-top: 12px;
    flex-direction: column;
  }
  .mainHow .mainHowItems .mainHowItem {
    background: #F8F9FA;
    border-radius: 5px;
    padding: 14px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
  .mainHow .mainHowItems .mainHowItem .mainHowItemTop {
    align-items: flex-start;
    flex-direction: column;
  }
  .mainHow .mainHowItems .mainHowItem .mainHowItemTop .mainHowItemSort {
    font-size: 26px;
    line-height: 120%;
    padding-right: 0;
    border-right: none;
  }
  .mainHow .mainHowItems .mainHowItem .mainHowItemTop .mainHowItemName {
    padding-left: 0px;
    font-size: 18px;
    line-height: 130%;
    width: 100%;
    padding-top: 12px;
  }
  .mainHow .mainHowItems .mainHowItem .mainHowItemInfo {
    padding-top: 10px;
  }
  .mainGalleryTabs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainGalleryTabs .mainGalleryTabsTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainGalleryTabs .mainGalleryTabsNav {
    gap: 10px;
    margin-top: 12px;
  }
  .mainGalleryTabs .mainGalleryTabsNav li a {
    padding: 4px 14px;
    font-size: 12px;
    line-height: 120%;
    height: 26px;
  }
  .mainGalleryTabs .mainGalleryTabsWrap {
    padding-top: 20px;
  }
  .mainGalleryTabs .mainGalleryTabsWrap .mainGalleryTabsTab .goCatalog {
    margin-top: 20px;
    height: 40px;
  }
  .galleryItems {
    gap: 15px;
    flex-direction: column;
  }
  .galleryItems .galleryItem {
    width: 100%;
  }
  .mainReviews {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainReviews .mainReviewsTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainReviews .mainReviewsItems {
    margin-top: 12px;
  }
  .mainReviews .mainReviewsItems .mainReviewsItem .mainReviewsItemWrap {
    padding: 20px;
  }
  .mainReviews .mainReviewsItems .mainReviewsItem .mainReviewsItemWrap .mainReviewsItemTop {
    font-size: 18px;
    line-height: 140%;
    padding-left: 40px;
  }
  .mainReviews .mainReviewsItems .mainReviewsItem .mainReviewsItemWrap .mainReviewsItemInfo {
    padding-top: 10px;
  }
  .mainReviews .goReviews {
    margin-top: 20px;
    height: 40px;
  }
  .mainCertificates {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainCertificates .mainCertificatesTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainCertificates .mainCertificatesItems {
    margin-top: 12px;
    margin-left: -7px;
    margin-right: -7px;
  }
  .mainCertificates .mainCertificatesItems .mainCertificatesItem {
    padding-left: 7px;
    padding-right: 7px;
  }
  .mainCertificates .mainCertificatesItems .mainCertificatesItem .certificateItemImage {
    padding: 20px 10px;
  }
  .mainPartners {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mainPartners .mainPartnersTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .mainPartners .mainPartnersItems {
    gap: 15px;
    margin-top: 15px;
  }
  .mainPartners .mainPartnersItems .mainPartnersItem {
    width: calc(33.3333% - 10px);
    margin-bottom: 0;
  }
  .mainPartners .mainPartnersItems .mainPartnersItem span {
    margin-top: 20px;
    line-height: 120%;
    font-size: 8px;
  }
  .mainForm .mainFormWrapper {
    padding: 20px;
    padding-bottom: 325px;
    background: url("../images/bg/form/mainMoblie.png") center bottom no-repeat;
    background-size: cover;
    justify-content: flex-start;
    flex-direction: column;
  }
  .inlineForm {
    padding: 15px;
  }
  .inlineForm .inlineFormTitle {
    font-size: 18px;
    line-height: 130%;
  }
  .inlineForm .inlineFormDescription {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
  }
  .inlineForm .inlineFormInputs {
    padding-top: 15px;
    flex-direction: column;
    width: 100%;
    gap: 15px;
  }
  .inlineForm .inlineFormInputs input {
    width: 100%;
  }
  .inlineForm .btn {
    margin-top: 15px;
    height: 40px;
  }
  .inlineForm .inlineFormCheckbox {
    margin-top: 10px;
    padding: 0 45px;
  }
  .ajaxMap {
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .ajaxMap .container {
    position: relative;
    order: 1;
    padding: 0;
  }
  .ajaxMap .ajaxMapInfo {
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    padding: 35px 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #map {
    position: relative;
    order: 2;
    height: 300px;
  }
  .ajaxMap .ajaxMapInfo .ajaxMapTitle {
    font-size: 18px;
    line-height: 130%;
  }
  .ajaxMap .ajaxMapInfo .ajaxMapSelect {
    margin-top: 15px;
  }
  .ajaxMap .ajaxMapInfo .ajaxMapCityInfo .mapLine {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 15px;
    align-items: center;
  }
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer .footerWrap .footerContacts .currentCityAddress .currentCityAddressValue {
    text-align: center;
  }
  .pageTitle h1 {
    font-size: 26px;
  }
  .catalogPage .catalogWrap .showCatalogSidebar {
    height: 40px;
  }
  .sidebarSections .sidebarSectionsItems {
    padding: 0;
  }
  .catalogInnerSections {
    padding-bottom: 30px;
  }
  .catalogInnerSections .innerSectionsList {
    gap: 15px;
  }
  .catalogInnerSections .innerSectionsList .innerSectionItem {
    width: calc(50% - 8px);
  }
  .catalogInnerSections .innerSectionsList .innerSectionItem a .image {
    max-width: 95px;
  }
  .catalogInnerSections .innerSectionsList .innerSectionItem a .image img {
    width: 100%;
    object-fit: contain;
  }
  .catalogInnerSections .innerSectionsList .innerSectionItem a .name {
    font-size: 11px;
    line-height: 130%;
    font-weight: 700;
  }
  .catalogDescription {
    padding: 30px 0;
    font-size: 14px;
    line-height: 140%;
  }
  .catalogDescription h2, .catalogDescription h3 {
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 9px;
  }
  .catalogDescription p {

  }
  .catalogDescription ol li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 20px;
  }
  .catalogDescription ol li::before {
    width: 32px;
    height: 24px;
    top: 0;
    left: 0;
    font-size: 18px;
    line-height: 100%;
  }
  .catalogDescription p img {
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .catalogPage .catalogWrap .catalogArea .sectionPromo {
    height: 235px;
    margin-bottom: 20px;
    position: relative;
  }
  .catalogPage .catalogWrap .catalogArea .sectionPromo .sectionPromoText {
    left: 25px;
    bottom: 25px;;
    font-size: 14px;
    line-height: 130%;
    padding-right: 20px;
  }
  .catalogPage .catalogWrap .catalogArea .productItems .productItem {
    width: calc(50% - 8px);
  }
  .advantagesCompetitors {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .advantagesCompetitors .advantagesCompetitorsTitle {
    font-size: 26px;
    line-height: 120%;
  }
  .advantagesCompetitors .advantagesCompetitorsSubTitle {
    font-size: 18px;
    line-height: 130%;
    margin-top: 8px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn {
    width: 100%;
    padding: 24px 20px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn .advantagesCompetitorsColumnTitle {
    padding-left: 55px;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    min-height: 32px;
    padding-top: 5px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn.green .advantagesCompetitorsColumnTitle {
    background-size: 40px 31px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn.red .advantagesCompetitorsColumnTitle {
    background-size: 40px 31px;
    padding-top: 0;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn .advantagesCompetitorsColumnItems .advantagesCompetitorsColumnItem {
    width: 100%;
    height: auto;
    background: #F8F9FA;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 34px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 1%;
    min-height: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn.green .advantagesCompetitorsColumnItems .advantagesCompetitorsColumnItem {
    background: #F8F9FA url('images/bullitGreen.svg') 10px center no-repeat;
    background-size: 14px;
  }
  .advantagesCompetitors .advantagesCompetitorsColumns .advantagesCompetitorsColumn.red .advantagesCompetitorsColumnItems .advantagesCompetitorsColumnItem {
    background: #F8F9FA url('images/bullitRed.svg') 10px center no-repeat;
    background-size: 14px;
  }
  .workShema {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .workShema .workShemaTitle {
    font-size: 26px;
    line-height: 130%;
  }
  .workShema .workShemaItems {
    gap: 15px;
    justify-content: center;
  }
  .workShema .workShemaItems .workShemaItem {
    width: calc(50% - 8px);
    padding: 10px;
  }
  .productPage {
    padding-bottom: 40px;
  }
  .productPage .productTopBlock {
    padding: 20px;
  }
  .productPage .productTopBlock .productTopImages .productFullImage .item img {
    height: 220px;
  }
  .productPage .productTopBlock .productTopImages .productFullImage .slick-arrow {
    margin-top: -20px;
  }
  .productPage .productTopBlock .productTopImages .productFullImage .slick-arrow.slick-prev {
    left: -15px;
  }
  .productPage .productTopBlock .productTopImages .productFullImage .slick-arrow.slick-next {
    right: -15px;
  }
  .productPage .productTopBlock .productTopInfo {
    padding-top: 15px;
  }
  .productPage .productTopBlock .productTopInfo .productInfoTitle {
    font-size: 22px;
    line-height: 120%;
  }
  .productPage .productTopBlock .productTopInfo .productInfoPrices {
    margin-top: 11px;
  }
  .productPage .productTopBlock .productTopInfo .productInfoPrices .productInfoPriceTitle {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 3px;
  }
  .productPage .productTopBlock .productTopInfo .productInfoPrices .productInfoPrice .productCurrentPrice {
    font-size: 24px;
    line-height: 130%;
  }
  .productPage .productTopBlock .productTopInfo .productInfoPrices .productInfoPrice .productOldPrice {
    margin-left: 15px;
    font-size: 18px;
    line-height: 130%;
  }
  .productPage .productTopBlock .productTopInfo .productInfoButtons {
    margin-top: 15px;
    flex-direction: column;
    gap: 15px;
  }
  .productPage .productTopBlock .productTopInfo .productInfoButtons .btn {
    width: 100%;
    height: 40px;
  }
  .productPage .productTopBlock .productTopInfo .productInfoDescription {
    margin-top: 15px;
    font-size: 14px;
    line-height: 140%;
  }
  .productPage .productDescription {
    padding: 15px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 140%;
  }
  .productPage .productDescription h2, .productPage .productDescription .h3 {
    font-size: 18px;
    line-height: 130%;
  }
  .productPage .productDescription ul li {
    margin-bottom: 9px;
  }
  .productPage .productCalcForm {
    margin-top: 20px;
    background: #fff url(../images/calcFormBgMobile.png) center top no-repeat;
    height: auto;
    padding: 15px 20px;
    padding-top: 345px;
    background-size: cover;
  }
  .productPage .productCalcForm .productCalcFormText .productCalcFormTitle {
    font-size: 22px;
    line-height: 130%;
  }
  .productPage .productCalcForm .productCalcFormText .productCalcFormSubTitle {
    font-size: 18px;
    line-height: 140%;
    margin-top: 7px;
  }
  .productPage .productCalcForm .productCalcFormText .productCalcFormList {
    margin-top: 19px;
  }
  .productPage .productCalcForm .productCalcFormText .productCalcFormList li {
    padding-left: 16px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 140%;
  }
  .productPage .productCalcForm .productCalcFormText .productCalcFormList li::before {
    top: 8px;
  }
  .productPage .productCalcForm .productCalcFormText .btn {
    margin-top: 10px;
    height: 40px;
    max-width: 100%;
  }
  .materialTabs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .materialTabs .materialTabsTitle {
    font-size: 26px;
    line-height: 130%;
  }
  .materialTabs .materialTabsNav {
    gap: 10px;
    margin-top: 15px;
  }
  .materialTabs .materialTabsNav li a {
    padding: 4px 14px;
    font-size: 12px;
    line-height: 150%;
    height: 26px;
  }
  .materialTabs .materialTabsTabsWrap {
    padding-top: 20px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems {
    gap: 15px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem {
    width: calc(50% - 8px);
    background: #F8F9FA;
    border-radius: 3px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem .materialItemImage {
    height: 120px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem .materialItemInfo {
    padding: 10px;
    gap: 6px;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem .materialItemInfo .materialItemName {
    font-size: 14px;
    line-height: 130%;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .materialItems .materialItem .materialItemInfo .materialItemCategory {
    font-size: 14px;
    line-height: 130%;
  }
  .materialTabs .materialTabsTabsWrap .materialTabsTabsTab .goCatalog {
    height: 40px;
    margin-top: 20px;
  }
  .similarProducts {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .similarProducts .similarProductsTitle {
    font-size: 26px;
    line-height: 130%;
  }
  .similarProducts .similarProductsWrap {
    padding-top: 15px;
  }
  .white-popup {
    padding: 20px;
  }
  .gallerySections {
    padding-top: 0;
  }
  .gallerySections .gallerySectionsList {
    gap: 15px;
    flex-direction: column;
  }
  .gallerySections .gallerySectionsList .gallerySectionItem {
    width: 100%;
  }
  .gallerySections .gallerySectionsList .gallerySectionItem .gallerySectionItemWrap .name {
    margin-top: 10px;
    font-size: 18px;
    line-height: 130%;
  }
  .gallerySections .gallerySectionsList .gallerySectionItem .gallerySectionItemWrap a {
    margin-top: 5px;
    font-size: 14px;
    line-height: 120%;
  }
  .galleryPage {
    padding-bottom: 30px;
  }
  .galleryPage .galleryPageTitle h1 {
    font-size: 26px;
    line-height: 130%;
  }
  .galleryPage .galleryPageItems {
    gap: 15px;
    margin-top: 15px;
    flex-direction: column;
  }
  .galleryPage .galleryPageItems .galleryPageItem {
    width: 100%;
  }
  .galleryPage .goCatalog {
    height: 40px;
    margin-top: 20px;
  }
  .actionsPage {
    padding-bottom: 30px;
  }
  .actionsPage .actionsPageItems {
    padding-top: 0;
    gap: 15px;
    flex-direction: column;
  }
  .actionsPage .actionsPageItems .actionsPageItem {
    width: 100%;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemImage {
    height: 190px;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemInfo {
    padding: 17px 20px;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemInfo .actionsPageItemDate {
    font-size: 14px;
    line-height: 130%;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemInfo .actionsPageItemName a {
    font-size: 18px;
    line-height: 130%;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemInfo .actionsPageItemDescription {
    font-size: 14px;
    line-height: 140%;
  }
  .actionsPage .actionsPageItems .actionsPageItem .actionsPageItemInfo .btn {
    margin-bottom: 0px;
    height: 40px;
  }
  .actionPage {
    padding-bottom: 30px;
  }
  .actionPage .actionPageBlock {
    margin-top: 15px;
  }
  .actionPage .actionPageBlock .actionMainInfo {
    padding-top: 15px;
  }
  .actionPage .actionPageBlock .actionMainInfo .actionMainTitle {
    font-size: 18px;
    line-height: 130%;
  }
  .actionPage .actionPageBlock .actionMainInfo .actionMainDescription {
    padding-top: 0px;
    text-align: left;
    font-size: 14px;
    line-height: 140%;
  }
  .informationsPage {
    padding-bottom: 30px;
  }
  .informationsPage .informationsPageItems {
    padding-top: 0px;
    gap: 15px;
    flex-direction: column;
  }
  .informationsPage .informationsPageItems .informationsPageItem {
    width: 100%;
  }
  .informationsPage .informationsPageItems .informationsPageItem .informationsPageItemImage {
    height: 190px;
  }
  .informationsPage .informationsPageItems .informationsPageItem .informationsPageItemInfo {
    padding: 12px 0px;
  }
  .informationsPage .informationsPageItems .informationsPageItem .informationsPageItemInfo .informationsPageItemDate {
    font-size: 14px;
    line-height: 130%;
  }
  .informationsPage .informationsPageItems .informationsPageItem .informationsPageItemInfo .informationsPageItemName a {
    font-size: 18px;
    line-height: 130%;
  }
  .informationsPage .informationsPageItems .informationsPageItem .informationsPageItemInfo .informationsPageItemDescription {
    font-size: 14px;
    line-height: 140%;
  }
  .loadMore.btn.btnWhite {
    margin-top: 20px;
    height: 40px;
  }
  .informationPage {
    padding-bottom: 30px;
  }
  .informationPage .informationPageBlock {
    padding-top: 10px;
  }
  .informationPage .informationPageBlock .informationMainTitle {
    font-size: 26px;
    line-height: 130%;
  }
  .informationPage .informationPageBlock .informationMainDescription {
    padding-top: 10px;
    font-size: 14px;
    line-height: 140%;
  }
  .informationPage .informationPageBlock .informationMainDescription h2 {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 9px;
  }
  .informationPage .informationPageBlock .informationMainDescription p {
    margin-bottom: 9px;
  }
  .informationPage .informationPageBlock .informationMainDescription ul li {
    margin-bottom: 15px;
  }
  .staticPage {
    padding-top: 0;
  }
  .staticPage .catalogDescription .btn {
    max-width: 100%;
    white-space: nowrap;
    height: 40px;
  }
  .columnContentContainer {
    padding-bottom: 30px;
    padding-top: 0px;
  }
  .sibebarMenu ul li {
    padding: 12px 20px;
  }
  .sibebarMenu ul li a {
    font-size: 14px;
    line-height: 120%;
  }
  .columnContentContainer .columnContent .columnContentMain {
    padding-top: 30px;
  }
  .columnContentContainer .columnContent .columnContentMain .mainPartners {
    padding-top: 0;
    padding-bottom: 0;
  }
  .innerReviews .innerReviewsBtn .btn {
    max-width: 100%;
    height: 40px;
  }
  .innerReviews .innerReviewsItems .innerReviewsItem {
    padding: 20px;
    margin-top: 10px;
    flex-direction: column;
  }
  .innerReviews .innerReviewsItems .innerReviewsItem .innerReviewsItemImage {
    width: 100%;
    order: 2;
    margin-top: 10px;
  }
  .innerReviews .innerReviewsItems .innerReviewsItem .innerReviewsItemInfo {
    width: 100%;
    padding-left: 0px;
    order: 1;
  }
  .innerReviews .innerReviewsItems .innerReviewsItem .innerReviewsItemInfo .innerReviewsItemName {
    font-size: 18px;
    line-height: 140%;
    padding-left: 40px;
    background-size: 25px 24px;
  }
  .innerReviews .innerReviewsItems .innerReviewsItem .innerReviewsItemInfo .innerReviewsItemText {
    padding-top: 10px;
     font-size: 14px;
    line-height: 140%;
  }
  .addReviews {
    margin-top: 20px;
    padding: 15px 20px;
  }
  .addReviews .addReviewsFormTitle {
    font-size: 18px;
    line-height: 130%;
  }
  .addReviews .addReviewsForm {
    padding-top: 14px;
  }
  .addReviews .addReviewsForm .addReviewsFormInputs {
    gap: 15px;
    flex-direction: column;
  }
  .addReviews .addReviewsForm .addReviewsFormInputs .addReviewsFormInput {
    width: 100%;
    height: 40px;
  }
  .addReviews .addReviewsForm .addReviewsFormFile {
    margin-top: 15px;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .addReviews .addReviewsForm .addReviewsFormFile .input-file {
    height: 40px;
  }
  .addReviews .addReviewsForm .addReviewsFormFile .input-file span {
    font-size: 14px;
    line-height: 130%;
  }
  .addReviews .addReviewsForm .addReviewsFormFile .input-file svg {
    width: 16px;
    height: 18px;
  }
  .addReviews .addReviewsForm .addReviewsFormArea {
    margin-top: 15px;
  }
  .addReviews .addReviewsForm .addReviewsFormButtons {
    margin-top: 15px;
    flex-direction: column;
  }
  .addReviews .addReviewsForm .addReviewsFormButtons .inlineFormCheckbox {
    order: 2;
    padding: 0 35px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
  .addReviews .addReviewsForm .addReviewsFormButtons .inlineFormCheckbox .styledBox + label {
    width: auto;
    max-width: 200px;
  }
  .addReviews .addReviewsForm .addReviewsFormButtons .btn {
    width: 100%;
    height: 40px;
    order: 1;
  }
  .contactPage .ajaxMap .ajaxMapInfo {
    top: 0;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }
  .contactPage .ajaxMap .ajaxMapInfo .select {
    max-width: 100%;
    width: 100%;
  }
}