@media screen and (max-width: 1580px) {
  
.centered {width: 1280px; margin: 0 auto; position: relative;}
#block1Body > div:first-child {padding-right: 12%;}
h1 {font-size: 50px;}
#block1Body > div:first-child .txt p {font-size: 24px; width: 80%;}
.width-60 {width: 70%;}
.txt h3 {font-size: 30px;}
.price {font-size: 50px;}
.blogEl .flex2 .txt {width: 90%;}

}

@media screen and (max-width: 1420px) {

.itemsElInfoTitle > div:last-child {width: 22px; padding-top: 9px;}

}

@media screen and (max-width: 1340px) {

body {font-size: 19px;}
.centered {width: 100%; padding: 0 48px; margin: 0 auto;}
#block1Body > div:last-child {width: 35%;}
#block1Body > div:first-child {padding-right: 10%;}
#block1Body > div:first-child {width: 65%;}
h1 {font-size: min(max(34px, calc(2.125rem + (48 - 34) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw;}
#block1Body > div:first-child .txt p {font-size: min(max(20px, calc(1.25rem + (24 - 20) * ((100vw - 320px) / (1340 - 320)))), 24px); min-height: 0vw; width: 85%;}
.padding-110 {padding: 100px 0;}
.txt h3 {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (1340 - 320)))), 30px); min-height: 0vw;}
#why > div {width: calc(100% / 3); position: relative; padding-right: 40px;}
.txt h4 {font-size: min(max(20px, calc(1.25rem + (24 - 20) * ((100vw - 320px) / (1340 - 320)))), 24px); min-height: 0vw;}
.accordeonTop > div:first-child .txt h3 {font-size: min(max(30px, calc(1.875rem + (40 - 30) * ((100vw - 320px) / (1340 - 320)))), 40px); min-height: 0vw;}
.txt h2 {font-size: min(max(34px, calc(2.125rem + (48 - 34) * ((100vw - 320px) / (1340 - 320)))), 48px); min-height: 0vw; margin-bottom: 40px;}
#topMenu ul > li {margin-right: 40px;}
.button {font-size: 19px;}
.buttonRound {font-size: 19px; width: 130px; height: 130px;}
#block1Body > div:last-child .buttonRound {left: -65px;}
.blogEl .flex2 .txt {width: 100%;}
#thesis > div {padding: 0 0 0 48px;}
.form > .flex > div:last-child {padding-left: 48px;}
.form > .flex > div:first-child {padding-right: 48px;}
.thesisEl > p:first-child {font-size: 28px;}
footer ul > li {margin-right: 40px;}
.margin-110 {margin-top: 88px;}


}

@media screen and (max-width: 1240px) {
  
.items > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
.items > div:nth-child(3n+1) {margin-left: 20px;}
.items > div:nth-child(2n+1) {margin-left: 0px;}
#block1Body > div:last-child {width: 320px;}
#block1Body > div:first-child {width: calc(100% - 320px);}
#block1Body > div:last-child .ratio-1-1 {padding-top: 140%;}
.conf {width: 100%;}
.itemsElInfoTitle > div:last-child {width: 22px; padding-top: 8px;}
.price {font-size: 44px;}


}

@media screen and (max-width: 1180px) {

.blogEl .flex2 .txt p {display: none;}
.label {margin-right: 10px; margin-bottom: 10px; font-size: 15px;}
#itemPageBody > div:first-child > div {padding-right: 28px;}
.columns-2-33 > div:first-child {width: 320px; padding-right: 0px;}
#sidemenu {padding-right: 48px;}
.columns-2-33 > div:last-child {width: calc(100% - 320px);}

}

@media screen and (max-width: 1080px) {
  
#topBody > div:first-child img, #panelTopBody > div:first-child img {width: 300px; height: 45px; display: block;}
/*#topBody > div:nth-child(2) p, #panelTopBody > div:nth-child(2) p {font-size: 22px;}*/
#topBody > div:first-child, #panelTopBody > div:first-child {width: 300px;}
#topBody > div:last-child svg, #panelTopBody > div:last-child svg {width: 48px; height: 48px;}
#topBody > div:last-child, #panelTopBody > div:last-child {width: 48px;}
#topBody > div:nth-child(2), #panelTopBody > div:nth-child(2) {width: calc(100% - 348px); justify-content: flex-end; padding: 0 40px;}
#topMenu > div:last-child {display: none;}
#topMenu > div:first-child {width: 100%;}
#block1Body {min-height: 100vh; height: auto; padding: calc(192px + 64px) 0 64px;}
#topMenu ul > li {margin-right: 32px;}
#topMenu {padding-top: 24px;}
.width-60 {width: 80%;}
#why > div {width: calc(100% / 2); margin-top: 48px; padding-right: 48px;}
#why > div:nth-child(-n+2) {margin-top: 0px;} 
.padding-110 {padding: 88px 0;}
.margin-80 {margin-top: 64px;}
.txt h2 {margin-bottom: 32px;}
#thesis > div {margin-top: 48px;}
#thesis > div:nth-child(-n+2) {margin-top: 0px;}
#bottomForm {padding-top: 64px;}
.margin-56 {margin-top: 48px;} 
.columns-2-24 > div:first-child {width: 300px;}
.columns-2-24 > div:last-child {width: calc(100% - 300px); padding-left: 48px;}
footer ul > li a, footer ul > li a:visited, #topMenu ul > li a, #topMenu ul > li a:visited {font-size: 19px;}
footer ul > li {margin-right: 32px;}
.accordeonTop > div:first-child .flex > div:last-child {display: none;}
.accordeonTop > div:first-child .flex > div:first-child {padding-right: 0px; width: 100%;}
#footerTop > div:last-child .flex > div:first-child {padding-right: 64px;}
#catalogItems {margin-top: 44px;}
.margin-48 {margin-top: 40px;}
#itemPageBody {margin-top: 64px;}
.columns-2-66 > div:last-child {width: 310px;}
.columns-2-66 > div:first-child {width: calc(100% - 310px); padding-right: 20px;}
.price {font-size: 40px;}
.accordeonTop > div:last-child p {line-height: 0.4;}
#articleBody {padding-right: 48px;}
.margin-110 {margin-top: 72px;}

}

@media screen and (max-width: 960px) {

body {font-size: 18px;}
#block1Body > div:last-child {width: 260px;}
#block1Body > div:first-child {width: calc(100% - 260px); padding-right: 88px;}
#block1Body > div:last-child .ratio-1-1 {padding-top: 160%;}
.form > .flex > div:first-child {padding-right: 0px; width: 100%;}
.form > .flex > div:last-child {padding-left: 0px; width: 100%; margin-top: 32px;}
.columns-2-24 > div:first-child {width: 260px;}
.columns-2-24 > div:last-child {width: calc(100% - 260px); padding-left: 48px;}
.buttonRound {font-size: 18px;}
#block1Body > div:first-child .txt p {width: 90%;}
.width-60 {width: 90%;} 
h1 {font-size: min(max(30px, calc(1.875rem + (40 - 30) * ((100vw - 320px) / (960 - 320)))), 40px); min-height: 0vw;}
.thesisEl > p:first-child {font-size: 24px;}
.itemsElInfoTitle > div:last-child {width: 20px; padding-top: 8px;}
.itemsElInfoTitle > div:last-child svg {display: block; width: 20px; height: 20px;}
.blogEl svg, .innerServicesEl svg {width: 20px; height: 20px;}
#catalogSearch {width: 100%;}
#catalogFilter > div {width: calc((100% - 20px) / 2); margin-top: 20px;}
#catalogFilter > div:nth-child(-n+2) {margin-top: 0px;}
#catalogFilter > div:nth-child(3n+1) {margin-left: 20px;}
#catalogFilter > div:nth-child(2n+1) {margin-left: 0px;}
.margin-40 {margin-top: 32px;} 
#innerContent > .block:first-child {padding-top: 56px;}
.block:last-child {padding-bottom: 120px;}
#innerTop .txt {margin-top: 10px;}
#itemPageBody > div:first-child > div {padding-right: 20px;}
#itemPageTopImg .labels {display: none;}
.innerServicesEl .txt {padding-top: 24px;}
#mediaGallery > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#mediaGallery > div:nth-child(-n+4) {margin-top: 20px;}
#mediaGallery > div:nth-child(4n+1) {margin-left: 20px;}
#mediaGallery > div:nth-child(-n+3) {margin-top: 0px;}
#mediaGallery > div:nth-child(3n+1) {margin-left: 0px;}
.margin-110 {margin-top: 64px;}

}

@media screen and (max-width: 920px) {

#block1Body > div:last-child .buttonRound {display: none;}
#block1Body > div:first-child {padding-right: 48px;}
#block1Body > div:first-child .txt p {width: 90%;}
.columns-2-66 > div:first-child {width: 100%; padding-right: 0px; flex: 0 1 auto;}
.columns-2-66 > div:last-child {width: 100%; margin-top: 40px;}

#itemPageBody.columns-2-66 > div:first-child {width: 100%; padding-right: 0px;}
#itemPageBody.columns-2-66 > div:last-child {width: 100%; margin-left: 0%; margin-top: 64px;}

#itemPageTop.columns-2-66 > div:last-child {margin-top: 20px;}
#itemPageTopImgGallery > div {width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; position: relative;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+5) {margin-top: 0px;}
#itemPageTopImgGallery > div:nth-child(5n+1) {margin-left: 0px;}
.columns-2-33 > div:first-child {width: 100%;}
.columns-2-33 > div:last-child {width: 100%; margin-top: 40px;}
#sidemenuTop {display: block;}
#sidemenu {display: none;}
.sidemenuWrp--open .button {background-color: #52B060 !important; border-color: #52B060!important; color: #fff; transition: all 0.2s linear;}
.sidemenuWrp--open #sidemenu {display: block; margin-top: 32px; margin-bottom: 16px;}
#articleBody {padding-right: 0px;}
#articlePage > div:last-child {margin-top: 56px;}
#articlePage > div:last-child #itemPageTopImg .ratio-article {padding-top: 64%;}


}

@media screen and (max-width: 860px) {

.centered {padding: 0 40px;}
#block1Body {position: relative;}
#block1Body > div:last-child {width: 100%; z-index: 1; margin-top: 16px;}
#block1Body > div:first-child {width: 80%; padding-right: 0px; position: relative; z-index: 2; padding-top: 40px;}
#block1Body > div:last-child .ratio-1-1 {padding-top: 32%;}
#block1Body > div:first-child .txt p {width: 90%; margin-top: 40px;}
#block1Body > div:last-child .buttonRound {display: table;}
#block1Body > div:last-child .buttonRound {position: absolute; bottom: auto; top: -65px; left: auto; right: 40px; z-index: 2;}
#topBody > div:first-child img, #panelTopBody > div:first-child img {width: 260px; height: 40px;}
#topBody > div:first-child, #panelTopBody > div:first-child {width: 260px;}
#topBody > div:nth-child(2), #panelTopBody > div:nth-child(2) {width: calc(100% - 300px);}
#topBody > div:last-child svg, #panelTopBody > div:last-child svg {width: 40px; height: 40px;}
#topBody > div:last-child, #panelTopBody > div:last-child {width: 40px;}
#topBody, #panelTopBody {padding: 24px 0;}
#topMenu {padding-top: 20px;}
#panelBody {height: calc(100vh - 89px); margin-top: 89px; position: relative;}
.padding-110 {padding: 72px 0;}
.blogEl .flex2 {padding: 20px;}
.label {padding: 4px 12px 8px;}
.margin-80 {margin-top: 56px;}
#bottomForm {padding-top: 56px;}
.columns-2-24 > div:first-child {width: 90%;}
.columns-2-24 > div:last-child {width: 100%; padding-left: 0px; margin-top: 40px;}
.txt ul li:before {top: 6px;}
.block:last-child {padding-bottom: 120px;}
.margin-48 {margin-top: 40px;}
#footerBottom.columns-2-24 > div:last-child {margin-top: 12px;}
#footerTop > div:last-child .flex > div:last-child {display: none;}
#footerTop > div:last-child .flex > div:first-child {padding-right: 0px; width: 100%;}
#footerTop {padding: 64px 0;}
.accordeonBody {margin-bottom: 40px;}
.panelBodyMenuTxt p {font-size: 22px;}
#panelBodyMenu .flex > div {width: 50%; padding-right: 48px;}
#panelBodyMenu {padding: 32px 0 64px;}
#catalogItems {margin-top: 36px;}
#itemPageBody {margin-top: 56px;}
.priceBodyEl > div:first-child {width: 100%; padding-right: 0px;}
.priceBodyEl > div:last-child {width: 100%; margin-left: 0px; margin-top: 20px;}
.margin-110 {margin-top: 56px;}

}

@media screen and (max-width: 780px) {
  
#block1Body > div:first-child {width: 90%;}
#why > div {width: 90%; padding-right: 0px; margin-top: 40px;}
.whyEL img {width: 56px; height: 56px;}
.whyEL .txt {margin-top: 20px;}
.whyEL .txt p {margin-top: 16px;}
#why > div:nth-child(-n+2) {margin-top: 40px;} 
#why > div:nth-child(-n+1) {margin-top: 0px;}
.padding-110 {padding: 64px 0;}
.items > div {width: 100%; margin-left: 0px; margin-top: 20px;}
.items > div:nth-child(2n+1) {margin-left: 0px;}
.items .ratio-2-3 {padding-top: 40%;}
#thesis > div {width: 90%; padding-left: 0px; margin-top: 40px;}
#thesis > div:nth-child(-n+2) {margin-top: 40px;}
#thesis > div:nth-child(-n+1) {margin-top: 0px;}
.blogElWrp {width: 100%; margin-left: 0px;}
.blogElWrp:nth-child(2n+1) {margin-left: 0px;} 
.blogElWrp:nth-child(-n+2) {margin-top: 20px;}
.blogElWrp:nth-child(-n+1) {margin-top: 0px;}
.blogElWrp .ratio-2-3 {padding-top: 44%;}
.blogEl .flex2 .txt p {display: block; margin-top: 16px;}
.margin-56 {margin-top: 40px;}
#topMenu ul > li {margin-right: 32px; margin-bottom: 8px;}
#topBody > div:nth-child(2), #panelTopBody > div:nth-child(2) {padding: 0 40px 0 24px;}
#topBody > div:nth-child(2) p, #panelTopBody > div:nth-child(2) p {font-size: 20px;}
#mdl {padding: 32px; width: 520px; display: none; color: #222; background-color: #fff;}
#mdl #loader {margin-top: 24px; width: 56px; height: 56px;}

}

@media screen and (max-width: 680px) {

.panelBodyMenuTxt p {font-size: 20px; margin-top: 16px;}
.panelBodyMenuTxt p:first-child {margin-top: 0px;}
.panelBodyMenuTxt {margin-top: 24px;}
#innerServices > div {width: 100%; margin-left: 0px;}
#innerServices > div:nth-child(2n+1) {margin-left: 0px;} 
#innerServices > div:nth-child(-n+2) {margin-top: 20px;}
#innerServices > div:nth-child(-n+1) {margin-top: 0px;}

}

@media screen and (max-width: 660px) {
  
.width-60 {width: 100%;}
#block1Body > div:first-child {width: 100%;} 
#block1Body > div:first-child .txt p {width: 80%;}
#block1Body > div:first-child {padding-top: 24px;}
#block1Body > div:last-child .ratio-1-1 {padding-top: 40%;}
#block1Body > div:last-child .buttonRound {top: -40px;}
.txt h2, {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (660 - 320)))), 40px); min-height: 0vw;}
.accordeonTop > div:first-child .txt h3 {font-size: min(max(24px, calc(1.5rem + (36 - 24) * ((100vw - 320px) / (660 - 320)))), 36px); min-height: 0vw;}
.blogElWrp .ratio-2-3 {padding-top: 64%;}

}

@media screen and (max-width: 620px) {
  
.centered {padding: 0 32px;}
#topBody > div:nth-child(2), #panelTopBody > div:nth-child(2) {display: none;}
#topBody > div:first-child, #panelTopBody > div:first-child {width: calc(100% - 40px);}
#topBody {border-bottom: 1px solid #B6B6B6;}
#topMenuWrp {display: none;}
#why > div, #thesis > div {width: 100%;}
.items .ratio-2-3 {padding-top: 48%;}
.form {padding: 32px;}
.form > .flex > div:first-child .flex2 > div:first-child {margin-bottom: 32px;}
.columns-2-24 > div:first-child {width: 100%;}
footer ul > li a, footer ul > li a:visited, #topMenu ul > li a, #topMenu ul > li a:visited {font-size: 18px;}
#block1Body > div:first-child {padding-top: 0px;}
#block1Body > div:last-child .buttonRound {top: -32px; right: 32px; width: 110px; height: 110px;}
#footerTop {padding: 56px 0;}
.conf {font-size: 14px;}
#catalogFilter > div {width: 100%; margin-top: 20px; margin-left: 0px;}
#catalogFilter > div:nth-child(-n+2) {margin-top: 20px;}
#catalogFilter > div:nth-child(3n+1) {margin-left: 0px;}
#catalogFilter > div:nth-child(2n+1) {margin-left: 0px;}
#catalogFilter > div:nth-child(-n+1) {margin-top: 0px;}
.select {padding: 0 16px;}
#innerContent > .block:first-child {padding-top: 48px;}
#brcr > li {margin-right: 10px; margin-bottom: 10px;}
#itemPageBody > div:first-child .txt h2 {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (660 - 320)))), 40px); min-height: 0vw; margin-bottom: 32px;}
#itemPageTopImgGallery > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+5) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(5n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+4) {margin-top: 0px;}
#itemPageTopImgGallery > div:nth-child(4n+1) {margin-left: 0px;}
#itemPageBody.columns-2-66 > div:last-child {width: 100%; margin-left: 0%; margin-top: 56px;}
.smallBlockPrice > p:first-child {font-size: 20px;}
.price {font-size: 32px;}
.sidemenuWrp--open #sidemenu {margin-top: 32px; margin-bottom: 8px;}
#mediaGallery > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
#mediaGallery > div:nth-child(-n+4) {margin-top: 20px;}
#mediaGallery > div:nth-child(4n+1) {margin-left: 20px;}
#mediaGallery > div:nth-child(-n+3) {margin-top: 20px;}
#mediaGallery > div:nth-child(3n+1) {margin-left: 20px;}
#mediaGallery > div:nth-child(-n+2) {margin-top: 0px;}
#mediaGallery > div:nth-child(2n+1) {margin-left: 0px;}
#reccomendations .txt h2 {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (660 - 320)))), 40px); margin-bottom: 20px;}
#otherArticles .txt h2 {font-size: min(max(28px, calc(1.75rem + (40 - 28) * ((100vw - 320px) / (660 - 320)))), 40px); margin-bottom: 20px;}

}

@media screen and (max-width: 580px) {
  
#panelBodyMenu {padding: 24px 0 56px;}
#panelBodyMenu .flex > div {width: 100%; padding-right: 24px; margin-top: 40px;}
#panelBodyMenu .flex > div:fist-child {margin-top: 0px;}
.panelBodyMenuTxt {margin-top: 16px;}
.panelBodyMenuTxt p {font-size: 19px; margin-top: 12px;}
.panelBodyMenuTxt p:first-child {margin-top: 0px;}
#itemPageBodyParams .flex > div:first-child {width: 100%; padding-right: 0px;}
#itemPageBodyParams .flex > div:last-child {width: 100%;/* justify-content: flex-end;*/}
#mdl {padding: 32px; width: 100%; display: none; color: #222; background-color: #fff;}
#mdl #loader {margin-top: 24px; width: 56px; height: 56px;}


}

@media screen and (max-width: 550px) {
  
#footerTop.columns-2-24 > div:last-child {display: none;}
#footerBottom .flex > div:last-child {display: none;}
#footerBottom .flex > div {width: 100%;}
.form {padding: 24px;}
.smallBlock {padding: 24px;}
#articlePage > div:last-child {margin-top: 48px;}

}

@media screen and (max-width: 480px) {

.centered {padding: 0 24px;}
#block1Body {min-height: 100vh; height: auto; padding: calc(192px + 56px) 0 56px;}
#block1Body > div:first-child .txt p {width: 90%;}
#block1Body > div:last-child .ratio-1-1 {padding-top: 48%;}
.padding-110 {padding: 56px 0;}
.whyEL img {width: 48px; height: 48px;}
.margin-80 {margin-top: 48px;}
.accordeonBody {margin-bottom: 32px;}
#bottomForm {padding-top: 48px;}
.form {padding: 20px;}
.blogEl .flex2 .txt p {display: none;}
.blogElWrp .ratio-2-3 {padding-top: 56%;}
#block1Body > div:last-child .buttonRound {right: 24px;}
.items .ratio-2-3 {padding-top: 56%;}
.accordeonTop > div:last-child p {font-size: 40px;}
#categories .accordeonTop > div:last-child p {padding-top: 4px;}
.textarea {height: 88px;}
#catalogItems {margin-top: 28px;}
.select {height: 48px;}
#itemPageBody {margin-top: 48px;}
#itemPageTopImgGallery > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+5) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(5n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+4) {margin-top: 20px;}
#itemPageTopImgGallery > div:nth-child(4n+1) {margin-left: 20px;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 0px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 0px;}
.smallBlock {padding: 20px 20px 24px;}
#itemPageTopImg .ratio-2-3 {padding-top: 80%;}
.priceBodyEl > div:last-child .flex > div:first-child {width: calc(100% - 100px); padding-right: 24px;}
.priceBodyEl > div:last-child .flex > div:last-child {width: 100px;}
.priceBodyEl > div:last-child .flex {font-size: 16px;}


}

@media screen and (max-width: 420px) {
  
/*#block1Body .labels {display: none;}*/
#block1Body > div:first-child .txt p {width: 100%; font-size: 19px; margin-top: 32px;}
.label {padding: 2px 8px 6px; font-size: 14px;}
.itemsElInfoTitle > div:last-child svg {display: block; width: 18px; height: 18px;}
.blogEl svg, .innerServicesEl svg {width: 18px; height: 18px;}
#topBody > div:first-child img, #panelTopBody > div:first-child img {width: 220px; height: 34px;}
#topBody > div:last-child, #panelTopBody > div:last-child {width: 32px;}
#topBody > div:last-child svg, #panelTopBody > div:last-child svg {width: 32px; height: 32px;}
#topBody > div:first-child, #panelTopBody > div:first-child {width: calc(100% - 32px);}
.items .ratio-2-3 {padding-top: 64%;}
.label {margin-right: 8px;margin-bottom: 8px;}
.itemsElInfo {padding: 20px 20px 10px;} 
.blogElWrp .ratio-2-3 {padding-top: 64%;}
#block1Body > div:last-child .ratio-1-1 {padding-top: 64%;}
#panelBody {height: calc(100vh - 84px); margin-top: 84px;}
.txt ul li { padding-left: 22px;}
.txt ul li:before {width: 12px; height: 12px; left: 0px; top: 8px;}
#mediaGallery > div {width: calc((100% - 16px) / 2); margin-left: 16px; margin-top: 16px; position: relative;}
#mediaGallery > div:nth-child(-n+4) {margin-top: 16px;}
#mediaGallery > div:nth-child(4n+1) {margin-left: 16px;}
#mediaGallery > div:nth-child(-n+3) {margin-top: 16px;}
#mediaGallery > div:nth-child(3n+1) {margin-left: 16px;}
#mediaGallery > div:nth-child(-n+2) {margin-top: 0px;}
#mediaGallery > div:nth-child(2n+1) {margin-left: 0px;}
#innerServices > div {margin-top: 16px;}
#innerServices > div:nth-child(-n+2) {margin-top: 16px;}
#innerServices > div:nth-child(-n+1) {margin-top: 0px;}
.items > div {margin-top: 16px; margin-top: 16px;}
#catalogFilter > div {margin-top: 16px;}
#catalogSearch > div:last-child {padding-left: 16px;}
.blogElWrp {margin-top: 16px;}
.blogElWrp:nth-child(-n+2) {margin-top: 16px;}
.blogElWrp:nth-child(-n+1) {margin-top: 0px;}
#itemPageTopImgGallery > div {width: calc((100% - 32px) / 3); margin-left: 16px; margin-top: 20px; position: relative;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 16px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 16px;}
#itemPageTopImgGallery > div:nth-child(-n+5) {margin-top: 16px;}
#itemPageTopImgGallery > div:nth-child(5n+1) {margin-left: 16px;}
#itemPageTopImgGallery > div:nth-child(-n+4) {margin-top: 16px;}
#itemPageTopImgGallery > div:nth-child(4n+1) {margin-left: 16px;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 0px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 0px;}
.margin-20 {margin-top: 16px;} 
#itemPageTop.columns-2-66 > div:last-child {margin-top: 16px;} 
.smallBlock {margin-top: 16px;}
.smallBlock:first-child {margin-top: 0px;}
#mdl {padding: 24px;}

}

@media screen and (max-width: 380px) {
  
#block1Body > div:last-child .ratio-1-1 {padding-top: 56%;}
.itemsElInfoParams > div:first-child {width: 80px;}
.itemsElInfoParams > div:last-child {width: calc(100% - 80px);}
.txt h3 {font-size: 22px;}
.txt h2, #reccomendations .txt h2, #otherArticles .txt h2 {font-size: 28px;}
#topBody > div:first-child img, #panelTopBody > div:first-child img {width: 200px; height: 30px;}
h1 {font-size: 28px;}
#block1Body > div:first-child .txt p {font-size: 18px;}
.accordeonTop > div:first-child .txt h3 {font-size: 22px;}
.itemsElInfo {padding: 16px 16px 8px;}
.itemsElInfoTitle > div:last-child {width: 20px; padding-top: 5px;} 
.form {padding: 16px 16px 20px;}
.blogEl .flex2 {padding: 16px 16px 20px;}
#panelBody {height: calc(100vh - 82px); margin-top: 82px;}
.priceBodyEl > div:last-child .flex > div:first-child {width: 100%; padding-right: 0px;}
.priceBodyEl > div:last-child .flex > div:last-child {width: 100%;}
.priceBodyEl > div:last-child .flex > div:first-child p {margin-bottom: 8px;}


}

@media screen and (max-width: 360px) {
  
.blogEl .labels {display: none;}
.blogElWrp .ratio-2-3 {padding-top: 80%;}


}