@media screen and (max-width: 1380px) {
 
.centered {width: 100%; margin: 0 auto; padding: 0 48px;}
.txt h1 {font-size: min(max(24px, calc(1.5rem + (40 - 24) * ((100vw - 320px) / (1380 - 320)))), 40px);
  min-height: 0vw;}
.button {padding: 0 40px; height: 56px; font-size: 20px;}
.txt h2 {font-size: min(max(22px, calc(1.375rem + (34 - 22) * ((100vw - 320px) / (1380 - 320)))), 34px); min-height: 0vw; margin-bottom: 28px;}
.txt h2:last-child {margin-bottom: 0px;}
.padding-40 {padding: 48px 32px;}
#mpBlock5Item {width: 90%;}
#mpBlock5 .columns-2-50 > div:last-child .txt h2, #innerItemPageText h1 {font-size: min(max(32px, calc(2rem + (56 - 32) * ((100vw - 320px) / (1380 - 320)))), 56px); min-height: 0vw;}
#mpBlock5 .columns-2-50 > div:last-child .txt h3 {font-size: min(max(18px, calc(1.125rem + (22 - 18) * ((100vw - 320px) / (1380 - 320)))), 22px); min-height: 0vw;}
#mpBlock5 .columns-2-50 > div:last-child .txt p:first-child {font-size: min(max(16px, calc(1rem + (20 - 16) * ((100vw - 320px) / (1380 - 320)))), 20px); min-height: 0vw;}
.txt h3 {font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1380 - 320)))), 24px); min-height: 0vw;}
.itemNew .txt h3 {font-size: 20px;}
#innerItemPageText > div:last-child p {font-size: min(max(14px, calc(0.875rem + (18 - 14) * ((100vw - 320px) / (1380 - 320)))), 18px); min-height: 0vw;}
#innerItemPageText h2, #itemOptions > .txt p {font-size: min(max(16px, calc(1rem + (24 - 16) * ((100vw - 320px) / (1380 - 320)))), 24px); min-height: 0vw;}
.txt h4 {font-size: min(max(16px, calc(1rem + (24 - 16) * ((100vw - 320px) / (1380 - 320)))), 24px); min-height: 0vw;}
#innerItemPageGallery > div {width: 72px; margin-left: 10px; margin-right: 10px; margin-top: 20px; border-radius: 6px; background-color: #F7F7F7; position: relative; opacity: 0.7; transition: all 0.1s linear;cursor: pointer; margin-top: 20px;}
.button--small {height: 48px; font-size: 17px; padding: 0 24px;}
.cartBlock {margin-top: 40px;}
.cartBlock:first-child {margin-top: 0px;}
.tabsTop > div {font-size: min(max(24px, calc(1.5rem + (32 - 24) * ((100vw - 320px) / (1380 - 320)))), 32px); min-height: 0vw;}

}

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

#differences ul li {padding-left: 26px; font-size: 15px;}
#differences ul {margin-top: 20px;}
#differences ul li:before {width: 16px; height: 16px; top: 50%; margin-top: -8px;}
#differencesGood ul li:before, #differencesBad ul li:before {background-size: 16px 16px;}
#differences {padding-left: 0px;}
#mpBlock4 .columns-2-50 > div:first-child {padding-right: 32px;}
#differences > div .flex2 .flex h3 {font-size: 19px;}
#innerItemPage > div:first-child {padding-left: 0px;}
#innerItemPage > div:last-child {padding-right: 0px;}
.testSliderEl .txt {width: 75%;}
.cartBlock .txt h3, .orderBlock .txt h3 {font-size: 22px;}
.columns-2-60 > div:last-child > div {padding-left: 10%;}
.width-70 {width: 80%;}


}

@media screen and (max-width: 1180px) {
  
.centered {padding: 0 40px;}
#mpBlock1 .columns-2-50 > div:last-child {padding: 24px;}
#topBody > div:first-child ul li a, #topBody > div:first-child ul li a:visited {padding: 6px 12px;}
.padding-40 {padding: 48px 24px;}
#mpBlock5Item > div:last-child .flex p {font-size: 12px;}
.itemOptionsElBottom > div:last-child {width: 140px;}
.itemOptionsElBottom > div:first-child {width: calc(100% - 140px); padding-right: 20px;}
.itemOptionsEl .txt h4 {font-size: 15px;}
.itemOptionsElBottomPrice {font-size: 17px;}
.itemOptionsEl .label {margin-left: 0px; margin-right: 0px; float: right; text-transform: uppercase; color: #fff; font-size: 11px; font-weight: 600;  font-family: "Inter", serif; font-optical-sizing: auto; padding: 6px 8px; margin-top: -28px;}
.testSliderEl .txt {width: 80%;}
.thesis > div > div p:nth-child(2) {font-size: 17px;}
.thesis > div > div p:nth-child(1) {font-size: 36px;}



}

@media screen and (max-width: 1080px) {
  
#topBody {height: 88px;}
#mpBlock1 .columns-2-50 > div:last-child {padding: 0 24px;}
.columns-2-40 > div:first-child {width: 50%;}
.columns-2-40 > div:last-child {width: 50%;}
.padding-40 {padding: 48px 0px;}
#differencesGood .flex2 > div:first-child img {height: 40px;}
#mpBlock5Item {width: 100%;}
.itemOptionsElBottom > div:first-child {width: 100%; padding-right: 0px;}
.itemOptionsElBottom > div:last-child {width: 100%; justify-content: flex-start; margin-top: 16px;}
.itemOptionsElBottom > div:last-child p {text-align: left;}
.itemOptionsElBottomInfo {font-size: 13px; margin-top: 3px;}
.itemOptionsEl {margin-top: 36px;}
.itemOptionsEl:nth-child(2) {margin-top: 20px !important;}
.accordeonTop {padding: 16px 0;}
.accordeonBody {padding: 4px 0 16px;}
.accordeonTop > div:first-child {padding-right: 16px; font-size: 18px;}
.accordeon .txt {font-size: 16px;}
#innerItemPageGallery > div {width: calc((100% - 100px) / 5);}
.testSliderEl .txt {width: 85%;}
.columns-basic > div {padding: 48px 0px;}
.columns-2-50-left > div:first-child {padding-right: 32px;}
.columns-2-50-right > div:first-child {padding-left: 32px;}
.centered3 {width: 100%; padding: 0 40px;}
.tabsTop > div {width: calc(100% / 2);}
#spanel {top: -88px;}
.spanel--open #spanel {top: 0px;}
#spanelBody {height: 88px;}


}

@media screen and (max-width: 960px) {
  
body {font-size: 17px;}
.button {padding: 0 32px; height: 56px; font-size: 18px;}
.expertsElBody > div:first-child p {margin-top: 6px; font-size: 15px;}
.expertsElBody > div:first-child h3 {font-size: 19px;}
#mpBlock4 .columns-2-50 > div:first-child {width: calc(100% - 410px);}
#mpBlock4 .columns-2-50 > div:last-child {width: 410px;}
#differences ul li {padding-left: 26px; font-size: 14px;}
#differences > div .flex2 .flex h3 {font-size: 18px;}
#footerBottom {margin-top: 32px; padding-top: 32px;}
footer {padding: 32px 0;}
#footerBottom .flex div {font-size: 13px;  margin: 6px 10px;}
.itemNew .txt h3 {font-size: min(max(16px, calc(1rem + (20 - 16) * ((100vw - 320px) / (960 - 320)))), 20px); min-height: 0vw;}
.thesis {width: 100%;}
.thesis > div > div p:nth-child(2) {font-size: 16px;}
.thesis > div > div p:nth-child(1) {font-size: 32px;}
.thesis > div {width: calc(100% / 3); padding: 0 16px;}
.button--small {height: 48px; font-size: 16px; padding: 0 20px;}
.columns-2-60 > div:last-child {width: 300px; padding-left: 0px;}
.columns-2-60 > div:first-child {width: calc(100% - 300px); padding-right: 32px;}
.columns-2-60 > div:last-child > div {padding-left: 0px;}
.cartItemInfo > .flex > div:nth-child(2) {width: calc(100% - (140px + 24px)); padding-right: 20px;}
.cartItemInfo > .flex > div:first-child {width: 140px; padding-right: 20px;}
.cartItem > div:last-child {width: calc(100% - 72px); padding-left: 20px;}
.cartItem > div:first-child {width: 72px;}
.cartBlock .txt h3, .orderBlock .txt h3 {font-size: 20px;}
.cartItemInfo > .txt h4, .personalOrderElBody .cartItemInfo > .txt h4 {font-size: 16px;}
.input, .textarea, .select {font-size: 17px;}
.width-70 {width: 90%;}
#tabFibers .ratio {width: 80%;}
.rvideo {border-radius: 32px;}
.centerBlock {width: 80%; margin-left: 10%; border-radius: 32px; padding: 32px;} 
.personalOrderEl .columns-2-50 > div:last-child > div {padding-left: 40px;}
.personalOrderElTopInfo > p {font-size: 15px;}
#innerPersonalTop > div:first-child {padding-right: 24px;}

.gaLogo {width: 320px; height: auto;}

}

@media screen and (max-width: 860px) {
  
#mpBlock1 .columns-2-50 > div:first-child {width: 80%; margin-left: 10%;}
#mpBlock1 .columns-2-50 > div:last-child {width: 80%; margin-left: 10%; padding: 0 0; margin-top: 40px;}
#topBody ul {display: none;}
#topBody .panelOpen {display: block; float: none; margin-left: 0px !important;}
#topBody > div:nth-child(2) img {width: 90px;}
#topBody > div:first-child {width: calc((100% - 90px) / 2); padding-right: 0px;}
#topBody > div:last-child {width: calc((100% - 90px) / 2);}
#topBody > div:nth-child(2) {width: 90px;}
#topBody {height: 72px;}
.columns-2-40 > div:first-child {width: 100%; padding-right: 0px;}
.columns-2-40 > div:last-child {width: 100%; margin-top: 40px;}
.txt h2 {margin-bottom: 24px;}
.txt h2:last-child {margin-bottom: 0px;} 
#mpBlock4 .columns-2-50 > div:first-child {width: 100%; padding-right: 0px; order: 2; margin-top: 48px;}
#mpBlock4 .columns-2-50 > div:last-child {width: 100%; order: 1;}
#differences ul li {font-size: 15px;}
#differences > div .flex2 .flex h3 {font-size: 19px;}
#differencesGood .flex2 > div:first-child img {height: 42px;}
#mpBlock5 .columns-2-50 > div:first-child {width: 100%;}
#mpBlock5 .columns-2-50 > div:last-child {width: 100%; margin-top: 48px;}
#mpBlock5Item > div {justify-content: center; width: 100%;}
#mpBlock5Item {width: 80%; margin: 0 auto;}
.padding-32 {padding: 0px;}
#mpBlock5 .columns-2-50 > div:last-child .txt, #mpBlock4 .columns-2-50 > div:first-child .txt, #mpBlock2 .columns > div:first-child .txt {text-align: center;}
.btnWrp {justify-content: center;}
#mpBlock3 .txt:not(.txtExpert) {text-align: center;}
.centered2 {width: 100%; padding: 0 40px;}
#innerItemPage > div:first-child {padding-right: 0px; width: 70%; margin-left: 15%;}
#innerItemPage > div:last-child {padding-left: 0px; width: 100%; margin-top: 48px;}
#innerItemPageText {text-align: center; width: 80%; margin-left: 10%;}
#innerItemPageText > div {text-align: center; justify-content: center;}
.itemOptionsElBottom > div:first-child {width: calc(100% - 140px); padding-right: 20px;}
.itemOptionsElBottom > div:last-child {width: 140px; align-items: flex-end; justify-content: flex-end; margin-top: 0px;}
.itemOptionsElBottom > div:last-child p {text-align: right;}

#baBlock > div {width: 80%; margin-left: 10%; margin-top: 40px; position: relative;}
#baBlock > div:nth-child(2n+1) {margin-left: 10%;}
#baBlock > div:nth-child(-n+2) {margin-top: 40px;}
#baBlock > div:nth-child(-n+1) {margin-top: 0px;}
.testSliderEl .txt {width: 100%;}
.columns-2-50-left > div:first-child {padding-right: 0px;}
.columns-2-50-right > div:first-child {padding-left: 0px;}
.columns-2-50-left > div {width: 100%;}
.columns-2-50-right > div {width: 100%;}
.columns-basic > div:first-child {padding-top: 48px; padding-bottom: 0px;}
.columns-basic > div:last-child {padding-bottom: 0px; padding-top: 40px;}
/*.bg-f0f0f0 .columns-basic > div:last-child {padding-bottom: 40px; padding-top: 40px;}*/
.columns-2-50-right > div:first-child {order: 1;}
.columns-2-50-right > div:last-child {order: 2;}
.columns-2-50-right > div:first-child, .columns-2-50-left > div:first-child {text-align: center;}
.columns-2-60 > div:first-child {width: 100%; padding-right: 0px;}
.columns-2-60 > div:last-child {width: 70%; margin-left: 15%; padding-left: 0px; margin-top: 48px;}
.width-70 {width: 100%;}
#gif {width: 70%; margin-left: 15%;}
.columns-basic.pd > div:last-child {padding-bottom: 40px; padding-top: 40px;}
#mdl {width: 100%; padding: 40px;}
#spanel {top: -72px;}
.spanel--open #spanel {top: 0px;}
#spanelBody {height: 72px;}

#panel {width: 50%; display: block; position: fixed; background-color: #F7F7F7; top: 0px; bottom: 0px; left: -50%; z-index: 25; transition: all 0.2s linear; height: 100%;}
.panel--open #panel {transition: all 0.2s linear; left: 0px !important;}
#panelTop {width: 100%; height: 73px; padding: 0px 24px 0px; border-bottom: 1px solid #EFF0F1;}
#panelTop > .flex {height: 100%;}
#panelTop > .flex > div:first-child {width: calc(100% - 32px);}
#panelTop > .flex > div:last-child {width: 32px;}
#panelBody {width: 100%; height: calc(100% - 73px);}
#panelBody > div {height: 100%; width: 100%; overflow-y: auto; padding: 40px 32px;}
#panelBody ul {list-style: none; margin-top: 0px;}
#panelBody ul > li {/*margin-top: 24px;*/}
#panelBody ul > li:first-child {margin-top: 0px;}
#panelBody ul > li a, #panelBody ul > li a:visited {color: #36454f; text-decoration: none; transition: all 0.2s linear; font-size: 24px; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; display: block; width: 100%; text-align: center; padding: 12px 0;}
#panelBody ul > li a:hover {color: #1ab3c5; transition: all 0.2s linear;}
.panelClose {cursor: pointer; width: 32px; padding: 4px; position: relative;}
.panelClose svg {width: 100%; height: 100%; display: block;}
.panelClose .stroke {stroke: #36454f; transition: all 0.1s linear;}
.panelClose:hover .stroke {stroke: #1ab3c5; transition: all 0.1s linear;}

}

@media screen and (max-width: 760px) {
  
#innerItemPage > div:first-child {padding-right: 0px; width: 80%; margin-left: 10%;}
#innerItemPageText {text-align: center; width: 90%; margin-left: 5%;}
.thesis > div > div p:nth-child(2) {font-size: 16px;}
.thesis > div > div p:nth-child(1) {font-size: 28px;}
.thesis > div {width: calc(100% / 3); padding: 0 12px;}
.personalOrderEl .labels .label {
  float: left;
  display: inline-block;
  padding: 3px 5px 2px;
  font-size: 11px;
  text-transform: uppercase;
  border: 1px solid #36454F;
  color: #36454F;
  margin: 0 4px 4px;
  font-weight: 500;
}
.personalOrderElBody .columns > div {width: 100%;}
.personalOrderEl .columns-2-50 > div:last-child > div {padding-left: 0px; margin-top: 24px;}


}

@media screen and (max-width: 720px) {
  
#mpBlock1 .columns-2-50 > div:first-child {width: 90%; margin-left: 5%;}
#mpBlock1 .columns-2-50 > div:last-child {width: 90%; margin-left: 5%; padding: 0 0; margin-top: 40px;}
#mpBlock5Item {width: 90%; margin: 0 auto;}
#mpBlock5 .columns-2-50 > div:last-child {width: 100%; margin-top: 40px;}
#baBlock > div {width: 90%; margin-left: 5%; margin-top: 40px; position: relative;}
#baBlock > div:nth-child(2n+1) {margin-left: 5%;}
#baBlock > div:nth-child(-n+2) {margin-top: 40px;}
#baBlock > div:nth-child(-n+1) {margin-top: 0px;}
/**/
#ppOrdersPanel {width: 100%;}
.promosEl {width: 100%;}


}

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

}

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

body {font-size: 16px;}
#mpBlock1 .columns-2-50 > div:first-child {width: 100%; margin-left: 0%;}
#mpBlock1 .columns-2-50 > div:last-child {width: 100%; margin-left: 0%; padding: 0 0; margin-top: 32px;}
.marginTop-48 {margin-top: 40px;}
.marginTop-40 {margin-top: 32px;}
.marginTop-32 {margin-top: 24px;}
.centered {padding: 0 32px;}
.button {padding: 0 24px; height: 48px; font-size: 17px;}
#topBody {height: 64px;}
.padding-40 {padding: 40px 0px;}
.columns-2-40 > div:last-child {width: 100%; margin-top: 32px;}
.expertsElBody > div:first-child h3 {font-size: 18px;}
.expertsElBody > div:first-child p {margin-top: 5px; font-size: 14px;}
#differences ul li {font-size: 14px;}
#differences > div .flex2 .flex h3 {font-size: 18px;}
#differences > div .flex2 > div:last-child img {margin: 0 auto; margin-top: 20px;}
#mpBlock5Item {width: 100%; margin: 0 auto;}
#subs {width: 100%;}
.slickWrpBody {width: calc(100% + 16px); margin-left: -16px;}
.slickWrpBody .slick-slide {margin-left: 16px;}
#mpBlock2 .slickWrpBody {width: 100%; margin-left: 0px;}
#mpBlock2 .slickWrpBody .slick-slide {margin-left: 0px;}
#footerBottom {margin-top: 24px; padding-top: 24px;}
footer {padding: 24px 0;}
#footerBottom .flex div {font-size: 12px; margin: 4px 8px;}
.input {height: 40px; padding: 0 16px; font-size: 16px;}
.textarea {padding: 10px 16px; font-size: 16px;}
#subs button {width: 40px; height: 40px;}
.centered2 {padding: 0 32px;}
.itemNew .txt {margin-top: 16px;}
#innerCatalog > div {margin-top: 24px;}
#innerCatalog > div:first-child {margin-top: 0px;}
#innerItemPage > div:first-child {padding-right: 0px; width: 90%; margin-left: 5%;}
#innerItemPageText {text-align: center; width: 100%; margin-left: 0%;}
#innerItemPage > div:last-child {margin-top: 40px;}
#innerItemPageGallery > div {width: calc((100% - 80px) / 5); margin-left: 8px; margin-right: 8px; margin-top: 16px;}
.itemOptionsEl:nth-child(2) {margin-top: 16px !important;}
#itemOptions {margin-top: 40px;}
.itemOptionsElBottom {margin-top: 16px;}
.testSliderEl .txt {margin-bottom: 16px;}
#baBlock > div {width: 100%; margin-left: 0%; margin-top: 32px; position: relative;}
#baBlock > div:nth-child(2n+1) {margin-left: 0%;}
#baBlock > div:nth-child(-n+2) {margin-top: 32px;}
#baBlock > div:nth-child(-n+1) {margin-top: 0px;}
.thesis > div {width: 70%; margin-left: 15%; margin-top: 20px;}
.thesis > div:first-child {margin-top: 0px;}
.columns-basic > div:first-child {padding-top: 40px; padding-bottom: 0px;}
.columns-basic > div:last-child {padding-bottom: 0px; padding-top: 32px;}
.thesis > div > div p:nth-child(1) {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (620 - 320)))), 28px); min-height: 0vw;}
.marginTop-20 {margin-top: 16px;}
.cartBlock .cartInput {margin-top: 16px;}
.input--two {width: calc((100% - 16px) / 2); margin-left: 16px;}
.input--two:nth-child(2n+1) {margin-left: 0px;}
.input--two:nth-child(-n+2) {margin-top: 0px;}
.marginTop-24 {margin-top: 20px;}
.button--small {height: 40px; font-size: 15px; padding: 0 16px;}
#promocodeBody > div:first-child {padding-right: 16px;}
.cartBlock {margin-top: 32px;}
.cartBlock:first-child {margin-top: 0px;}
.numInput .input {height: 32px; width: 80px; margin-right: 10px; padding: 0 8px; font-size: 15px;}
.columns-2-60 > div:last-child {width: 80%; margin-left: 10%; padding-left: 0px; margin-top: 40px;}
.cartBlock .txt h3, .orderBlock .txt h3 {font-size: min(max(17px, calc(1.0625rem + (20 - 17) * ((100vw - 320px) / (620 - 320)))), 20px); min-height: 0vw;}
.centered3 {padding: 0 32px;}
.cartItem > div:last-child {width: calc(100% - 64px); padding-left: 16px;}
.cartItem > div:first-child {width: 64px;}
#promocodeResult > .flex {padding: 16px;}
#promocodeResult > .flex .txt h4 {font-size: 18px;}
.tabsTop > div {padding: 6px 8px; font-size: min(max(19px, calc(1.1875rem + (24 - 19) * ((100vw - 320px) / (620 - 320)))), 24px); min-height: 0vw; text-align: center;}
#tabFibers .ratio {width: 90%;}
.rvideo {border-radius: 24px;}
#gif {width: 80%; margin-left: 10%;}
.columns-basic.pd > div:last-child {padding-bottom: 40px; padding-top: 32px;}
.centerBlock {width: 90%; margin-left: 5%; border-radius: 24px; padding: 24px;}
.personalOrderEl .cartItem > div:last-child {width: calc(100% - 64px); padding-left: 16px;}
.personalOrderEl .cartItem > div:first-child {width: 64px;}
.personalOrderElTop > div:last-child > div > p:first-child, .personalOrderElTopNm, .personalOrderElTop > div:last-child p {text-align: left; margin-top: 4px;}
.personalOrderEl {width: 100%; margin-top: 0px; border-top: 1px solid #36454F; padding-top: 24px; padding: 24px 0;}
.personalOrderEl:first-child {margin-top: 0px; border-top: 0px; padding-top: 0px;}
.personalOrderEl:last-child {padding-bottom: 0px;}
#innerPersonalTop > div:first-child {padding-right: 16px;}
#mdl {width: 100%; padding: 32px;}
#spanel {top: -64px;}
.spanel--open #spanel {top: 0px;}
#spanelBody {height: 64px;}
#tsearchBody button, #innerSearch button {width: 40px; height: 40px;}
#spanelBody > div:first-child {padding-right: 10px;}
#tsearchBodyClose {width: 40px; height: 40px;}
.txt p {margin-top: 16px;}
.txt p:first-child {margin-top: 0px;}
.txt ul {margin-top: 16px;}
.txt ul:first-child {margin-top: 0px;}

#panel {width: 60%; left: -60%;}
.panel--open #panel {left: 0px !important;}
#panelTop {width: 100%; height: 65px; padding: 0px 16px 0px;}
#panelTop > .flex > div:first-child {width: calc(100% - 32px);}
#panelTop > .flex > div:last-child {width: 32px;}
#panelBody {width: 100%; height: calc(100% - 65px);}
#panelBody > div {height: 100%; width: 100%; overflow-y: auto; padding: 32px 24px;}
#panelBody ul > li {/*margin-top: 20px;*/}
#panelBody ul > li:first-child {margin-top: 0px;}
#panelBody ul > li a, #panelBody ul > li a:visited {font-size: 22px;}

.accordeonGallery {width: 100%; margin-top: 8px;}
.accordeonGallery > div {width: calc((100% - 32px) / 5); margin-left: 8px; margin-top: 8px; position: relative;}
.txt table tr:first-child td {padding: 12px;}
.txt table tr td {padding: 12px;}
.txt table tr td:last-child {padding: 12px;}
/**/
.promosEl {margin-top: 10px; padding: 20px 32px 16px 20px;}
.promosEl:first-child {margin-top: 0px;}
.pcopy:before {content: ''; display: block; width: 18px; height: 18px; background: url('../img/copy.svg') no-repeat; background-size: 18px 18px; position: absolute; right: 16px; top: 16px;}

#mpBlock1 .button {margin-top: 8px;}
#mpBlock1 .button:first-child {margin-top: 0px;}

.gaLogo {width: 260px; height: auto;}

}

@media screen and (max-width: 520px) {
  
.personalOrderElTop > div:first-child {width: 100%;}
.personalOrderElTop > div:last-child {width: 100%; justify-content: flex-start; margin-top: 10px;}
.personalOrderElTop > div:last-child > div > p:first-child, .personalOrderElTopNm {font-size: 17px;}
/*.personalOrderElBody {margin-top: 16px; padding-top: 16px; border-top: 1px solid #36454F;}*/

}

@media screen and (max-width: 480px) {
  
.centered {padding: 0 24px;}
.topButton {width: 36px; height: 36px; margin-left: 4px;}
.topButton span {bottom: 4px; right: 2px;}
.txt h1 {font-size: min(max(22px, calc(1.375rem + (26 - 22) * ((100vw - 320px) / (480 - 320)))), 26px); min-height: 0vw;}
.centered2 {padding: 0 24px;}
#innerItemPage > div:first-child {padding-right: 0px; width: 100%; margin-left: 0%;}
#innerItemPageText {text-align: center; width: 100%; margin-left: 0%;}
.itemOptionsElBottom > div:first-child {width: 100%; padding-right: 0px;}
.itemOptionsElBottom > div:last-child {width: 100%; justify-content: flex-start; margin-top: 16px;}
.itemOptionsElBottom > div:last-child p {text-align: left;}
.itemOptionsEl {padding: 14px;}
.itemOptionsElBottom {margin-top: 14px;}
.columns-2-60 > div:last-child {width: 100%; margin-left: 0%; padding-left: 0px; margin-top: 40px;}
.input--two {width: 100%; margin-left: 0px; margin-top: 16px;}
.input--two:nth-child(2n+1) {margin-left: 0px;}
.input--two:nth-child(-n+2) {margin-top: 16px;}
.input--two:nth-child(-n+1) {margin-top: 0px;}
.centered3 {padding: 0 24px;}
.cartItem > div:last-child, .personalOrderEl .cartItem > div:last-child {width: calc(100% - 56px); padding-left: 16px;}
.cartItem > div:first-child, .personalOrderEl .cartItem > div:first-child {width: 56px;}
#tabFibers .ratio {width: 100%;}
.rvideo {border-radius: 16px;}
#tabFibers .tabsBlock .padding-40, #tabActives .tabsBlock .padding-40 {padding: 40px 24px;}
#gif {width: 90%; margin-left: 5%; margin-top: 10px;}
.centerBlock {width: 100%; margin-left: 0%; border-radius: 16px;}
#mdl {width: 100%; padding: 24px;}
#panel {width: 80%; left: -80%;}
.panel--open #panel {left: 0px !important;}


}

@media screen and (max-width: 420px) {
  
#topBody {height: 56px;}
#topBody > div:nth-child(2) img {width: 80px;}
#topBody > div:first-child {width: calc((100% - 80px) / 2); padding-right: 0px;}
#topBody > div:last-child {width: calc((100% - 80px) / 2);}
#topBody > div:nth-child(2) {width: 80px;}
.topButton {width: 32px; height: 32px; margin-left: 4px;}
.topButton > div svg {width: 20px; height: 20px;}
.topButton span {min-width: 14px; height: 14px; text-align: center; font-size: 8px; line-height: 14px; right: 2px; bottom: 3px;}
.showSpanel {display: none;}
#mpBlock1 .columns-2-50 > div:last-child {margin-top: 24px;}
.marginTop-32 {margin-top: 24px;}
.centered {padding: 0 20px;}
.columns-2-40 > div:last-child {margin-top: 24px;}
.txt h2 {margin-bottom: 20px;}
.txt h2:last-child {margin-bottom: 0px;}
#differences > div:first-child {padding-right: 0px; width: 100%;}
#differences > div:last-child {padding-left: 0px; border-left: none; width: 100%; margin-top: 32px;}
#differences ul li {font-size: 15px;}
#differences > div .flex2 .flex {height: auto;}
#differences > div .flex2 > div:last-child img {margin-top: 0px;}
.flex2 > div:first-child > div {width: 100%;}
#mpBlock5Item > div:last-child .flex {justify-content: center;}
#mpBlock5Item > div:last-child .flex > div {width: 70%; padding: 8px;}
#mpBlock5 .columns-2-50 > div:last-child {margin-top: 32px;}
.centered2 {padding: 0 20px;}
.marginTop-40 {margin-top: 24px;}
#innerItemPageGallery > div {width: calc((100% - 48px) / 3); margin-left: 8px; margin-right: 8px; margin-top: 16px;}
.thesis > div {width: 90%; margin-left: 5%; margin-top: 16px;}
.thesis > div:first-child {margin-top: 0px;}
.columns-basic > div:first-child {padding-top: 40px; padding-bottom: 0px;}
.columns-basic > div:last-child {padding-bottom: 0px; padding-top: 24px;}
.columns-2-60 > div:last-child {width: 100%; margin-left: 0%; padding-left: 0px; margin-top: 32px;}
.centered3 {padding: 0 20px;}
.cartItem > div:first-child {display: none;}
.cartItem > div:last-child {width: 100%; padding-left: 0px;}
.cartItemInfo > .txt h4, .personalOrderElBody .cartItemInfo > .txt h4 {font-size: 15px;}
.numInput .input {width: 64px;}
.cartItemInfo > .flex > div:first-child {width: 120px; padding-right: 16px;}
.cartItemInfo > .flex > div:nth-child(2) {width: calc(100% - (120px + 24px)); padding-right: 16px;}
#promocodeBody > div:first-child {padding-right: 0px; width: 100%;}
#promocodeBody > div:last-child {width: 100%; margin-top: 16px;}
.radiobutton > div:last-child.txt h4 {font-size: 15px;}
#tabFibers .tabsBlock .padding-40, #tabActives .tabsBlock .padding-40 {padding: 32px 20px;}
.rvideo {border-radius: 10px;}
#gif {width: 100%; margin-left: 0%;}
.columns-basic.pd > div:last-child {padding-bottom: 40px; padding-top: 24px;}
.centerBlock {border-radius: 10px;}
.personalOrderEl .cartItem > div:last-child {width: 100%; padding-left: 0px;}
#spanel {top: -56px;}
.spanel--open #spanel {top: 0px;}
#spanelBody {height: 56px;}
#panel {width: 100%; left: -100%;}
.panel--open #panel {left: 0px !important;}
#panelTop {width: 100%; height: 57px; padding: 0px 16px 0px;}
#panelTop > .flex > div:first-child {width: calc(100% - 32px);}
#panelTop > .flex > div:last-child {width: 32px;}
#panelBody {width: 100%; height: calc(100% - 57px);}
#panelBody > div {height: 100%; width: 100%; overflow-y: auto; padding: 32px 24px;}
/*#panelBody ul > li {margin-top: 14px;}
#panelBody ul > li:first-child {margin-top: 0px;}
#panelBody ul > li a, #panelBody ul > li a:visited {font-size: 20px;}*/
#panelBody ul > li a, #panelBody ul > li a:visited {padding: 10px 0;}
.txt table {font-size: 15px;}

}

@media screen and (max-width: 380px) {
  
.thesis > div {width: 100%; margin-left: 0%; margin-top: 16px;}
.thesis > div:first-child {margin-top: 0px;}
#mpBlock5Item > div:last-child .flex > div {width: 80%; padding: 8px;}

}