@media screen and (max-width: 1640px) {
  
#block1 > a .flex > div {padding: 38px;}
#block1 > a .flex p {font-size: 40px;}
.blocks:last-child {padding-bottom: 130px;}
.blocks {padding-top: 130px;}
#blog #blogBody {margin-top: 72px;}
#innerContent {margin-top: 130px; margin-bottom: 130px;}
#innerBlock1 .tbl > div {padding: 80px 0;}
h1 {font-size: 80px;}
#innerBlock1 .tbl, #innerBlock1 {height: 640px;}
.innerContentText .centered2 .txt {padding: 100px 240px;}
#innerContentBooks0 .button, #bottomBtn, #formBottom {margin-top: 100px;}
#innerContentSongsBottom {margin-top: 130px;}
#form {margin-top: 72px;}
#innerContent2 {margin-top: 130px; margin-bottom: 130px;}
#innerContent2Top h1 {font-size: 64px;}
#blog.articlesBlog {padding: 64px 0 130px;}
#innerContentBottomText {margin-top: 130px;}

}

@media screen and (max-width: 1540px) {
  
.centered2 {width: 100%; padding: 0 56px;}
#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 280px;}
#topBody > div:first-child, #topBody > div:last-child, #panelTop > .flex > div:first-child, #panelTop > .flex > div:last-child {width: calc((100% - 280px) / 2);}
#block1 > a .flex > div {padding: 32px;}
#block1 > a .flex p {font-size: 36px;}
#blog #blogBody {margin-top: 64px;}
h1 {font-size: 74px;}
#innerBlock1 .tbl, #innerBlock1 {height: 600px;}
.innerContentText .centered2 .txt {padding: 80px 100px;}
.innerContentSongsBodyEl > div:first-child {width: 180px;}
#innerContentSongsBody > div {padding-right: 40px;}
.innerContentSongsBodyEl > div:last-child {width: calc(100% - 180px); padding-left: 30px;}
#blogBody.blogBody--news > div {width: calc((100% - 60px) / 3); margin-left: 30px; margin-top: 56px; position: relative;}
#blogBody.blogBody--news > div:nth-child(-n+4) {margin-top: 56px;}
#blogBody.blogBody--news > div:nth-child(4n+1) {margin-left: 30px;}
#blogBody.blogBody--news > div:nth-child(-n+3) {margin-top: 0px;}
#blogBody.blogBody--news > div:nth-child(3n+1) {margin-left: 0px;}
#form {margin-top: 64px;}
#innerContent2Top h1 {font-size: 56px;}
.innerBlocks {margin-top: 64px;}


}

@media screen and (max-width: 1420px) {
  
/*#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 340px;}
#topBody > div:first-child, #topBody > div:last-child, #panelTop > .flex > div:first-child, #panelTop > .flex > div:last-child {width: calc((100% - 340px) / 2);}*/
#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 40px;}
#innerContent11Body > div {position: relative; height: 720px;}
#innerContent11Body > div:nth-child(3) .flex2 > div:first-child {height: 230px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 465px;}
.innerBlocksPdg--56 {padding: 40px;}
.innerBlocksPdg--224 {padding: 0 100px;}

}

@media screen and (max-width: 1320px) {
  
#topBodyRight > div:first-child {width: calc(100% - 20px);}
#topBodyRightMenu {display: none;}
#topBody, #panelTop > .flex {height: 88px;}
#panelBody {height: calc(100vh - 88px); padding: 48px 0px;}
.blogBodyEl > .flex2 > div:last-child > div > .txt {display: none;}
.blogBodyEl .flex2 > div:last-child {align-items: flex-end; padding-top: 8px;} 
.blogBodyEl > .flex2 > div:last-child .moreLink {margin-top: 32px;}
h1 {font-size: 70px;}
#innerBlock1 .tbl, #innerBlock1 {height: 560px;}
.innerContentBooksEl .flex2 > div:last-child {padding-top: 24px;}
.button {padding: 0 40px;}
.innerContentSeminarsEl {height: 320px;}
.innerContentSeminarsEl .txt {padding: 56px; width: 70%;}
#innerContent11Body > div {position: relative; height: 660px;}
#innerContent11Body > div:nth-child(3) .flex2 > div:first-child {height: 220px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 450px;}
#innerContent2Top h1 {font-size: 52px; width: 90%; margin-left: 5%;}



}

@media screen and (max-width: 1240px) {
  
#block1 > a .flex > div {padding: 30px;} 
#block1 > a .flex p {font-size: 32px;}
.blocks:last-child {padding-bottom: 100px;}
.blocks {padding-top: 100px;}
.txt h2 {font-size: 32px;}
#blog #blogBody {margin-top: 56px;}
.txt h3 {font-size: 22px;}
#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 34px;}
#closePanel {border-radius: 6px; padding: 10px;}
#innerContent {margin-top: 100px; margin-bottom: 100px;}
#innerContentBooks0 .button, #bottomBtn, #formBottom {margin-top: 88px;}
#innerContentBooks .flex > div {width: calc((100% - 60px) / 3); margin-left: 30px; margin-top: 56px; position: relative;}
#innerContentBooks .flex > div:nth-child(-n+4) {margin-top: 56px;}
#innerContentBooks .flex > div:nth-child(4n+1) {margin-left: 30px;}
#innerContentBooks .flex > div:nth-child(-n+3) {margin-top: 30px;}
#innerContentBooks .flex > div:nth-child(3n+1) {margin-left: 0px;}
.innerContentSongsBodyEl > div:first-child {width: 140px;}
#innerContentSongsBody > div {padding-right: 40px;}
.innerContentSongsBodyEl > div:last-child {width: calc(100% - 140px); padding-left: 30px;}
#innerContentSongsBottom {margin-top: 100px;}
.innerContentSeminarsEl .txt {padding: 48px; width: 80%;}
#form {margin-top: 56px;}
#innerContent11Body > div {position: relative; height: 620px;}
#innerContent11Body > div:nth-child(3) .flex2 > div:first-child {height: 200px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 430px;}
#innerContent2 {margin-top: 100px; margin-bottom: 100px;}
#innerContent2Top h1 {font-size: 46px; width: 90%; margin-left: 5%;}
.innerBlocks {margin-top: 56px;}
#preloadLogo {width: 48%; height: auto; left: 26%;}
#blog.articlesBlog {padding: 56px 0 100px;}
#innerContentBottomText {margin-top: 100px;}

}

@media screen and (max-width: 1080px) {
  
#block1 > a .flex p {font-size: 28px;}
.txt h2 {font-size: 30px;}
.txt h3 {font-size: 20px;}
.centered, .centered2 {padding: 0 48px;}
#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 240px;}
#topBody > div:first-child, #topBody > div:last-child, #panelTop > .flex > div:first-child, #panelTop > .flex > div:last-child {width: calc((100% - 240px) / 2);}
#topBodyLeft > div:first-child, #panelTopLeft > div:first-child {padding-right: 32px;}
#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 30px;}
#panelBodyMenu > li a span:after {right: -172px;}
.innerContentText .centered2 .txt {padding: 64px 88px;}
#innerBlock1 .tbl > div {padding: 64px 0;}
h1 {font-size: 64px;}
#innerBlock1 .tbl, #innerBlock1 {height: 520px;}
.button {padding: 0 40px; height: 56px; line-height: 56px;}
#innerContentSongsBody > div {width: 100%; margin-top: 24px; position: relative; padding-right: 0px; align-items: center;}
#innerContentSongsBody > div:nth-child(-n+2) {margin-top: 24px;}
#innerContentSongsBody > div:nth-child(-n+1) {margin-top: 30px;}
/*#innerContentSongsBottom > div .button {width: 220px;}*/
#innerContent11Body > div {position: relative; height: 560px;}
#innerContent2Top h1 {font-size: 42px; width: 90%; margin-left: 5%;}
.innerBlocksPdg--224 {padding: 0 88px;}
.innerBlocksPdg--56 {padding: 32px;}
#mdl {padding: 48px;}

}

@media screen and (max-width: 960px) {
  
#block1 > a {width: 50%;}
#block1 > a .flex > div {padding: 48px;} 
#block1 > a .flex p {font-size: 40px;}
#blogBody > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 48px; position: relative;}
#blogBody > div:nth-child(-n+3) {margin-top: 48px;}
#blogBody > div:nth-child(3n+1) {margin-left: 24px;}
#blogBody > div:nth-child(-n+2) {margin-top: 0px;}
#blogBody > div:nth-child(2n+1) {margin-left: 0px;}
.blogBodyEl > .flex2 > div:last-child .moreLink {margin-top: 24px;}
.txt h2 {font-size: 28px;}
.centered, .centered2 {padding: 0 40px;}
.blogBodyEl > .flex2 > div:first-child .txt {margin-top: 24px;}
#innerContentBooks .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 48px; position: relative;}
#innerContentBooks .flex > div:nth-child(-n+4) {margin-top: 48px;}
#innerContentBooks .flex > div:nth-child(4n+1) {margin-left: 24px;}
#innerContentBooks .flex > div:nth-child(-n+3) {margin-top: 48px;}
#innerContentBooks .flex > div:nth-child(3n+1) {margin-left: 24px;}
#innerContentBooks .flex > div:nth-child(-n+2) {margin-top: 30px;}
#innerContentBooks .flex > div:nth-child(2n+1) {margin-left: 0px;}
.innerContentText .centered2 .txt {padding: 40px 56px;}
#innerBlock1 .tbl, #innerBlock1 {height: 480px;}
.innerContentBooksEl .flex2 > div:first-child .txt {margin-top: 24px;} 
#innerContentBooks0 .button, #bottomBtn, #formBottom {margin-top: 64px;}
#innerContentMovies .flex > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 48px; position: relative;}
#innerContentMovies .flex > div:nth-child(-n+3) {margin-top: 48px;}
#innerContentMovies .flex > div:nth-child(3n+1) {margin-left: 24px;}
#innerContentMovies .flex > div:nth-child(-n+2) {margin-top: 30px;}
#innerContentMovies .flex > div:nth-child(2n+1) {margin-left: 0px;}
.innerContentSeminarsEl .txt {padding: 40px; width: 80%;}
.innerContentSeminarsEl {height: 260px;}
#blogBody.blogBody--news > div {width: calc((100% - 24px) / 2); margin-left: 24px; margin-top: 48px; position: relative;}
#blogBody.blogBody--news > div:nth-child(-n+4) {margin-top: 48px;}
#blogBody.blogBody--news > div:nth-child(4n+1) {margin-left: 24px;}
#blogBody.blogBody--news > div:nth-child(-n+3) {margin-top: 48px;}
#blogBody.blogBody--news > div:nth-child(3n+1) {margin-left: 24px;}
#blogBody.blogBody--news > div:nth-child(-n+2) {margin-top: 0px;}
#blogBody.blogBody--news > div:nth-child(2n+1) {margin-left: 0px;}
#innerContent11Body > div:first-child {width: 100%; height: 520px;}
#innerContent11Body > div:nth-child(2) {order: 2; width: calc(50% - 8px); margin-top: 16px; margin-left: 0px; height: 760px;} 
#innerContent11Body > div:nth-child(3) {order: 3; width: calc(50% - 8px); margin-top: 16px; margin-left: 16px; height: 760px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 520px;}
#innerContent2Top h1 {font-size: 40px; width: 90%; margin-left: 5%;}
.innerBlocksPdg--224 {padding: 0 0px;}
#preloadLogo {width: 56%; height: auto; left: 22%;}

}

@media screen and (max-width: 880px) {
  
#innerContentSongsBottom > div {width: 50%; position: relative; margin-top: 24px;}
#innerContentSongsBottom > div:nth-child(-n+3) {margin-top: 24px;}
#innerContentSongsBottom > div:nth-child(-n+2) {margin-top: 0px;}
#innerContentBottomText {margin-bottom: 48px;}

}


@media screen and (max-width: 840px) {
  
#block1 > a .flex > div {padding: 38px;}
#block1 > a .flex p {font-size: 36px;}
#topBodyLeft > div:first-child, #panelTopLeft > div:first-child {padding-right: 0px; display: none;}
#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 200px;}
#topBody > div:first-child, #topBody > div:last-child, #panelTop > .flex > div:first-child, #panelTop > .flex > div:last-child {width: calc((100% - 200px) / 2);}
#topBody, #panelTop > .flex {height: 72px;}
#panelBody {height: calc(100vh - 72px); padding: 40px 0px;}
#blog #blogBody {margin-top: 48px;}
.blocks:last-child {padding-bottom: 88px;}
.blocks {padding-top: 88px;}
#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 26px;}
#closePanel {border-radius: 6px; padding: 8px;}
#innerContent {margin-top: 88px; margin-bottom: 88px;}
#innerBlock1 .tbl, #innerBlock1 {height: 420px;}
h1 {font-size: 56px;}
#innerContentSongsBottom {margin-top: 88px;}
/*#innerContentSongsBottom > div {width: 100%; position: relative; margin-top: 24px;}
#innerContentSongsBottom > div .button {width: 220px; text-align: center;}
#innerContentSongsBottom > div:first-child {margin-top: 0px;}*/
#form {width: 100%; padding: 0 0;}
#form {margin-top: 48px;}
#innerContent2 {margin-top: 88px; margin-bottom: 88px;}
#innerContent2Top h1 {font-size: 40px; width: 100%; margin-left: 0px;}
.innerBlocksPdg--56 {padding: 24px;}
.innerBlocks {margin-top: 48px;}
#preloadLogo { width: 60%; height: auto; left: 20%;}
#blog.articlesBlog {padding: 48px 0 88px;}
#mdl {padding: 40px;}
#innerContentBottomText {margin-top: 88px;}
#innerContent2Top p {margin-top: 24px;}

}

@media screen and (max-width: 740px) {
  
#innerContent11Body > div:first-child {width: 100%; height: 480px;}
#innerContent11Body > div:nth-child(2) {order: 2; width: calc(50% - 8px); margin-top: 16px; margin-left: 0px; height: 720px;} 
#innerContent11Body > div:nth-child(3) {order: 3; width: calc(50% - 8px); margin-top: 16px; margin-left: 16px; height: 720px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 480px;}
#innerContent2Top h1 {font-size: 36px;}
#preloadLogo {width: 70%; height: auto; left: 15%;}

}

@media screen and (max-width: 680px) {
  
#block1 > a .flex > div {padding: 32px;}
#block1 > a .flex p {font-size: 32px;}
.txt h2 {font-size: 28px;}
.txt h3 {font-size: 19px;}
.centered, .centered2 {padding: 0 32px;}
.moreLink > div:nth-child(2) {display: none;}
.moreLink > div:first-child {padding-right: 0px;}
.blogBodyEl > .flex2 > div:last-child .moreLink {margin-top: 16px;}
#innerBlock1 .tbl, #innerBlock1 {height: 380px;}
#innerBlock1 .tbl > div {padding: 56px 0;}
h1 {font-size: 52px;}
.innerContentBooksEl .flex2 > div:last-child {padding-top: 16px;}
.innerContentSongsBodyEl > div:first-child {width: 100px;}
.innerContentSongsBodyEl > div:last-child {width: calc(100% - 100px); padding-left: 20px;}
.innerContentSeminarsEl .txt {padding: 40px; width: 100%;}
.innerContentSeminarsEl {height: 260px;}
#formBottom > div {width: 100%; margin-top: 24px;}
#formBottom > div:first-child {margin-top: 0px;}
#formBottom .button {width: 248px;}
#innerContent11Body > div:first-child {width: 100%; height: 420px;}
#innerContent11Body > div:nth-child(2) {order: 2; width: calc(50% - 8px); margin-top: 16px; margin-left: 0px; height: 680px;} 
#innerContent11Body > div:nth-child(3) {order: 3; width: calc(50% - 8px); margin-top: 16px; margin-left: 16px; height: 680px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 420px;}
#innerContent2Top h1 {font-size: 32px;}
#innerContentSongsBottom > div {width: 100%; position: relative; margin-top: 24px;}
#innerContentSongsBottom > div .button {/*width: 220px;*/ text-align: center;}
#innerContentSongsBottom > div:nth-child(-n+3) {margin-top: 24px;}
#innerContentSongsBottom > div:nth-child(-n+2) {margin-top: 24px;}
#innerContentSongsBottom > div:nth-child(-n+1) {margin-top: 0px;}

}

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

body {font-size: 17px;}
#topBody > div:first-child, #panelTop > .flex > div:first-child {display: none;}
#topBody > div:last-child, #panelTop > .flex > div:last-child {width: calc(100% - 200px);}
#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 200px;}
.txt h2 {font-size: 24px;}
.txt h3 {font-size: 18px;}
#block1 > a .flex > div {padding: 28px;}
#block1 > a .flex p {font-size: 28px;}
.blogBodyEl > .flex2 > div:last-child .moreLink {margin-top: 10px;}
footer {padding: 24px 0; text-align: center; min-height: 10px; height: auto;}
footer .flex {height: auto;}
#blogBody > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 40px; position: relative;}
#blogBody > div:nth-child(-n+3) {margin-top: 40px;}
#blogBody > div:nth-child(3n+1) {margin-left: 20px;}
#blogBody > div:nth-child(-n+2) {margin-top: 0px;}
#blogBody > div:nth-child(2n+1) {margin-left: 0px;}
#blogTop .txt h2::after {margin-top: 10px;}
.blogBodyEl > .flex2 > div:first-child .txt {margin-top: 20px;}
#panelBodyMenu > li {margin-top: 20px;}
#panelBodyMenu > li:first-child {margin-top: 0px;}
.innerContentText .centered2 .txt {padding: 24px 40px;}
.button {padding: 0 32px; height: 48px; line-height: 48px; font-size: 17px;}
#innerBlock1 .tbl > div {padding: 48px 0;}
#innerBlock1 .tbl, #innerBlock1 {height: 320px;}
#innerContentBooks .flex > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 40px; position: relative;}
#innerContentBooks .flex > div:nth-child(-n+4) {margin-top: 40px;}
#innerContentBooks .flex > div:nth-child(4n+1) {margin-left: 20px;}
#innerContentBooks .flex > div:nth-child(-n+3) {margin-top: 40px;}
#innerContentBooks .flex > div:nth-child(3n+1) {margin-left: 20px;}
#innerContentBooks .flex > div:nth-child(-n+2) {margin-top: 30px;}
#innerContentBooks .flex > div:nth-child(2n+1) {margin-left: 0px;}
#innerContentMovies .flex > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 40px; position: relative;}
#innerContentMovies .flex > div:nth-child(-n+3) {margin-top: 40px;}
#innerContentMovies .flex > div:nth-child(3n+1) {margin-left: 20px;}
#innerContentMovies .flex > div:nth-child(-n+2) {margin-top: 30px;}
#innerContentMovies .flex > div:nth-child(2n+1) {margin-left: 0px;}
.innerContentSeminarsEl {height: 220px;}
.innerContentSeminarsEl .txt {padding: 32px; width: 100%;}
#blogBody.blogBody--news > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 40px; position: relative;}
#blogBody.blogBody--news > div:nth-child(-n+4) {margin-top: 40px;}
#blogBody.blogBody--news > div:nth-child(4n+1) {margin-left: 20px;}
#blogBody.blogBody--news > div:nth-child(-n+3) {margin-top: 40px;}
#blogBody.blogBody--news > div:nth-child(3n+1) {margin-left: 20px;}
#blogBody.blogBody--news > div:nth-child(-n+2) {margin-top: 0px;}
#blogBody.blogBody--news > div:nth-child(2n+1) {margin-left: 0px;}
.input {height: 48px; padding: 0 20px; font-size: 17px;}
.textarea {height: 120px; padding: 12px 20px; font-size: 17px;}
#innerContent11Body > div:first-child {width: 100%; height: 380px;}
#innerContent11Body > div:nth-child(2) {order: 2; width: calc(50% - 8px); margin-top: 16px; margin-left: 0px; height: 620px;} 
#innerContent11Body > div:nth-child(3) {order: 3; width: calc(50% - 8px); margin-top: 16px; margin-left: 16px; height: 620px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 420px;}
#innerContent2Top h1 {font-size: 30px;}
#mdl {padding: 32px;}

.ratio-V {width: 80%; margin-left: 10%;}

}

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

#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 24px;}
#closePanel {border-radius: 5px; padding: 6px;}
#innerContent11Body > div:first-child {width: 100%; height: 320px;}
#innerContent11Body > div:nth-child(2) {order: 2; width: calc(50% - 8px); margin-top: 16px; margin-left: 0px; height: 560px;} 
#innerContent11Body > div:nth-child(3) {order: 3; width: calc(50% - 8px); margin-top: 16px; margin-left: 16px; height: 560px;}
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 400px;}
#innerContent2Top h1 {font-size: 28px;}
.innerBlocksPdg--56 {padding: 16px;}
#innerContent2Top p {margin-top: 20px;}

}

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

.centered, .centered2 {padding: 0 24px;}
#block1 > a .flex > div {padding: 24px;}
#block1 > a .flex p {font-size: 24px;}
#panelBodyMenu > li a:hover span:after {display: none;}
#panelBodyMenu > li a:hover {color: #DDD; transition: all 0.2s linear;}
.innerContentSongsBodyEl > div:first-child {width: 50%;} 
.innerContentSongsBodyEl > div:last-child {width: 100%; padding-left: 0px; margin-top: 16px;}

.ratio-V {width: 100%; margin-left: 0px;}

}

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

#blogBody > div {width: 100%; margin-left: 0px; margin-top: 32px; position: relative;}
#blogBody > div:nth-child(-n+3) {margin-top: 32px;}
#blogBody > div:nth-child(3n+1) {margin-left: 0px;}
#blogBody > div:nth-child(-n+2) {margin-top: 32px;}
#blogBody > div:nth-child(2n+1) {margin-left: 0px;}
#blogBody > div:nth-child(-n+1) {margin-top: 0px;}
.ratio-blog {padding-top: 64%;}
#blog #blogBody {margin-top: 40px;}
.blocks:last-child {padding-bottom: 72px;}
.blocks {padding-top: 72px;}
footer .txt p {font-size: 15px;}
#innerContent {margin-top: 72px; margin-bottom: 72px;}
.innerContentText .centered2 .txt {padding: 24px 32px;}
#innerContentBooks .flex > div {width: 100%; margin-left: 0px; margin-top: 32px; position: relative;}
#innerContentBooks .flex > div:nth-child(-n+4) {margin-top: 32px;}
#innerContentBooks .flex > div:nth-child(4n+1) {margin-left: 0px;}
#innerContentBooks .flex > div:nth-child(-n+3) {margin-top: 32px;}
#innerContentBooks .flex > div:nth-child(3n+1) {margin-left: 0px;}
#innerContentBooks .flex > div:nth-child(-n+2) {margin-top: 32px;}
#innerContentBooks .flex > div:nth-child(2n+1) {margin-left: 0px;}
#innerContentBooks .flex > div:nth-child(-n+1) {margin-top: 30px;}
#innerBlock1 .tbl > div {padding: 40px 0;}
h1 {font-size: 40px;}
#innerBlock1 .tbl, #innerBlock1 {height: 260px;}
.button {padding: 0 24px;}
.innerContentText .centered2 .txt {padding: 24px 24px;}
#innerContentBooks0 .button, #bottomBtn, #formBottom {margin-top: 48px;}
#innerContentMovies .flex > div {width: 100%; margin-left: 0px; margin-top: 32px; position: relative;}
#innerContentMovies .flex > div:nth-child(-n+3) {margin-top: 32px;}
#innerContentMovies .flex > div:nth-child(3n+1) {margin-left: 0px;}
#innerContentMovies .flex > div:nth-child(-n+2) {margin-top: 32px;}
#innerContentMovies .flex > div:nth-child(2n+1) {margin-left: 0px;}
#innerContentMovies .flex > div:nth-child(-n+1) {margin-top: 30px;}
#innerContentSongsBottom {margin-top: 72px;}
.innerContentSongsBodyEl > div:first-child {width: 60%;} 
#blogBody.blogBody--news > div {width: 100%; margin-left: 0px; margin-top: 32px; position: relative;}
#blogBody.blogBody--news > div:nth-child(-n+4) {margin-top: 32px;}
#blogBody.blogBody--news > div:nth-child(4n+1) {margin-left: 0px;}
#blogBody.blogBody--news > div:nth-child(-n+3) {margin-top: 32px;}
#blogBody.blogBody--news > div:nth-child(3n+1) {margin-left: 0px;}
#blogBody.blogBody--news > div:nth-child(-n+2) {margin-top: 32px;}
#blogBody.blogBody--news > div:nth-child(2n+1) {margin-left: 0px;}
#blogBody.blogBody--news > div:nth-child(-n+1) {margin-top: 0px;}
#form {margin-top: 40px;}
#innerContent11Body > div:first-child {width: 100%; height: 320px;}
#innerContent11Body > div:nth-child(3) {order: 2; width: 100%; margin-top: 16px; margin-left: 0px; height: 840px;}
#innerContent11Body > div:nth-child(2) {order: 3; width: 100%; margin-top: 16px; margin-left: 0px; height: 460px;} 
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 300px;}
#innerContent2 {margin-top: 72px; margin-bottom: 72px;}
.innerBlocks {margin-top: 40px;}
#preloadLogo {width: 94%; height: auto; left: 3%;}
#blog.articlesBlog {padding: 40px 0 72px;}
#mdl {padding: 24px;}
#innerContentBottomText {margin-top: 72px;}

}

@media screen and (max-width: 420px) {
  
#topBody > div:last-child, #panelTop > .flex > div:last-child {width: calc(100% - 200px);}
#topBody > div:nth-child(2), #panelTop > .flex > div:nth-child(2) {width: 200px;}
#topBody, #panelTop > .flex {height: 64px;}
#panelBody {height: calc(100vh - 64px); padding: 32px 0px;}
#block1 > a {width: 100%;}
#block1 > a .flex > div {padding: 40px;} 
#block1 > a .flex p {font-size: 40px;}
.txt h2 {font-size: 22px;}
#innerContent {margin-top: 64px; margin-bottom: 64px;}
.blocks:last-child {padding-bottom: 64px;}
.blocks {padding-top: 64px;}
#innerContentSongsBottom {margin-top: 64px;}
.innerContentSongsBodyEl > div:first-child {width: 70%;} 
#innerContent11Body > div:nth-child(3) {order: 2; width: 100%; margin-top: 16px; margin-left: 0px; height: 800px;}
#innerContent11Body > div:nth-child(2) {order: 3; width: 100%; margin-top: 16px; margin-left: 0px; height: 420px;} 
#innerContent11Body > div:nth-child(2) .flex2 > div:first-child {height: 260px;}
#innerContent2 {margin-top: 64px; margin-bottom: 64px;}
#blog.articlesBlog {padding: 40px 0 64px;}
#innerContentBottomText {margin-top: 64px;}

}

@media screen and (max-width: 380px) {
  
#blogTop > div:first-child {width: 100%; padding-right: 0px;}
#blogTop > div:nth-child(2) {display: none !important;}
#block1 > a .flex > div {padding: 34px;} 
#block1 > a .flex p {font-size: 32px;}
#panelBodyMenu > li a, #panelBodyMenu > li a:visited {font-size: 22px;}
#innerBlock1 .tbl > div {padding: 32px 0;}
h1 {font-size: 32px;}
#innerBlock1 .tbl, #innerBlock1 {height: 220px;}
.innerContentSongsBodyEl > div:first-child {width: 80%;} 
.txt h2 {font-size: 22px;}
#innerContent11Body > div:nth-child(3) {order: 2; width: 100%; margin-top: 16px; margin-left: 0px; height: 700px;}
#innerContent2Top h1 {font-size: 26px;}
.innerBlocksPdg--56 {padding: 10px;}

}

@media screen and (max-width: 360px) {
  
.innerContentSongsBodyEl > div:first-child {width: 100%;} 
.txt h2 {font-size: 20px;}
#innerContent11Body > div:nth-child(3) {order: 2; width: 100%; margin-top: 16px; margin-left: 0px; height: 640px;}


}