@media only screen and (max-width:768px) {	
body {font-weight: 400; background: var(--white)}	
.mobile {display: block}
.mobilehide {display: none}
.wrapper {float: left; margin-top: 70px}
.leaderboard {display: none}
.moblogo {width: 100%; text-align: center}
.logo svg {width: 250px; fill: var(--black); margin-top: 0; margin-bottom: 0}
.mobileheader {background: #ebebeb; text-align: left; padding: 16px 0 8px 0; box-sizing: border-box; width: 100%; float: left; position: fixed; z-index: 999}
.mobileheader ul {list-style: none; margin: 0; padding: 0}
.mobileheader li {float: none; margin-right: 0; border-bottom: 1px solid rgba(0,0,0,0.2)}
.mobileheader li a {display: block; width: 100%; padding: 12px 0 12px 3px; box-sizing: border-box; color: var(--black); font-weight: bold}
.mobileheader li a:hover {color: var(--white)}
.mobileheader li:last-child {border-bottom: none; margin-bottom: 0}
.mobileheader .collapseomatic {padding: 0; float: right; position: absolute; top: 23px; right: 20px; background-image: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/menu.svg) !important; width: 22px; height: 22px}
.mobileheader .collapseomatic_content {margin-left: 0; position: absolute; left: 0; width: 100%; background: #ebebeb; padding: 0 15px; box-sizing: border-box; z-index: 999; padding-bottom: 5px}
.mobileheader .colomat-close {background-image: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/close.svg) !important; height: 15px; width: 15px}
header {display: none}
.main {padding: 10px 16px 16px 16px}
#sbi_images .sbi_item sbi_type_image:last-child {display: none}
aside {display: none}	
blockquote {margin: 0 10px}
.left {width: 100%; padding: 0}
.featured {overflow: visible; padding: 0}
.homestories li {padding: 0; margin-bottom: 10px; padding-bottom: 10px; background: none; font-size: 17px; line-height: 22px; font-weight: normal}
.homestoriesbig {display: none}
.homestories {width: 100%; float: left; margin-left: 0}
.homestories li:first-child img {width: 100%; margin-right: 0; margin-bottom: 5px}
.homestories li:first-child {text-align: center; font-weight: bold; font-size: 24px; line-height: 30px}
.homestories img {width: 45%; margin-right: 10px}
li.ui-tabs-active {background: none; color: inherit}
li.ui-tabs-active a {color: var(--brand01)}
li.ui-tabs-active:after {display: none}
.threeacross ul {margin-left: 0}
.threeacross li {width: 100%; margin: 0; margin-bottom: 20px}
.fouracross li {width: 48%; margin-left: 0%; margin-bottom: 10px}
.fouracross li:nth-child(2n+1) {margin-left: 0}
.page-template-music-album .fouracross ul {margin-left: 0}
.page-template-music-album .fouracross li {width: 48%; margin-left: 4%}
.page-template-music-album .fouracross li:nth-child(2n+1) {margin-left: 0}
.home .left p {display: none}
.recentexcerpt h3 {font-size: 17px; line-height: 22px}
.around ul {display: none}
.around h2 {display: none}
.home .left li:last-child {border-bottom: none}
footer {display: none}
h1 {font-size: 40px; line-height: 40px}
.single-post h1, .page-template-music-listing h1, .page-template-music-album h1 {font-size: 45px; line-height: 45px}
time, .date {font-size: 13px}
.mobilefooter {width: 100%; text-align: center; box-sizing: border-box; float: left; padding-bottom: 40px}
.mobilefooter img {width: 75px; height: auto; margin-bottom: 5px}
.page-music content li {width: 47%}
.page-template-music-listing .left, .page-template-music-album .left {width: 100%; margin-right: 0}
.page-template-music-album .left {margin-bottom: 20px}
.page-template-music-listing main, .page-template-music-album main {width: 100%; margin-left: 0}
.allalbums li {width: 32%}
.albumlisting {display: none}
.allalbums li:nth-child(3n+1) {margin-left: 0}
.page-template-music-album .allalbums li {width: 31.5%}
.page-template-music-album .allalbums h3 {font-size: 15px; line-height: 17px}
article {line-height: 31px; font-size: 19px}
.single-post .thumbnail {padding: 0}
.leaderboard {margin-bottom: 10px}
.mobileheader .searchform {margin: inherit; width: 100%; padding: 15px 0; float: left; padding-bottom: 10px}
.mobileheader .searchform .search-submit {background: var(--black); width: 25%}
.mobileheader .searchform input {width: 100%; padding: 15px 12px; border: none; color: var(--black); background-color: rgba(0, 0, 0, 0.1); -webkit-appearance: none; font-size: 17px; border-radius: 8px}
.searchform input::-webkit-input-placeholder {color: var(--gray02); text-align: center; font-size: 17px}
.page-contact .left input, .page-contact .left textarea {width: 100%}
.parent-pageid-12724 .left, .page-template-music-listing .left {text-align: center} .page-template-music-listing img.attachment-Large.size-Large.wp-post-image,.page-template-music-album .thumbnail img {max-width: 300px}
.losttext {max-width: 343px; font-size: 25px; line-height: 30px; padding: 10px}
.losttext .small {margin-top: 0}
.table {margin-top: 20px}
.table-cell {vertical-align: top}
.mobilempu {width: 100%; text-align: center; padding: 15px 0; float: left; padding-bottom: 0}
.trending {width: 100%; float: left; margin-left: 0; font-size: 18px; line-height: 24px; margin-bottom: 0}
.trending ul {list-style: none; padding: 0; margin: 0}
.trending li {font-weight: normal; width: 100%; float: left; margin-bottom: 20px; border-bottom: 1px solid var(--gray05); margin-bottom: 10px; padding-bottom: 10px}
.trending span {width: 52%; float: left}
.trending img {width: 100%; margin-right: 0%; height: auto; float: left; margin-bottom: 5px}
.trending li:first-child img,.trending li:first-child span {width: 100%; text-align: center; font-weight: bold; font-size: 24px; line-height: 30px}
.trending li:last-child {margin-bottom: 0; padding-bottom: 0; border: none}
.musicmpu {display: none}
.owl-item::after {display: none}
.instagram .wrapper {margin-top: 0}
.instagram {padding: 10px 0; margin-bottom: 20px}
.anniversarybox {margin-bottom: 20px}
.anniversary li {margin-right: 0; width: 100%; margin-bottom: 20px}
.anniversary li img {width: 40%; margin-right: 10px; float: left}
.anniversary li:last-child {margin-bottom: 0}
.category-videos main {line-height: 30px; font-size: 22px}
.promo {display: none}
.promomobile {display: block}
.promomobile img {margin-top: 6px; margin-bottom: 10px}
.songoftheweek {display: none}
.songoftheweek-mobile {display: block}
.songoftheweek-mobile img {margin-top: 6px; margin-bottom: 10px}
.mobilefooter .splat {float: none; margin-right: 0; margin: auto; margin-bottom: 10px}
.compupload textarea, .compupload input {width: 100%}
.mjwn20 {float: left; margin-top: 67px; margin-bottom:  -67px}
.latest {margin-bottom: 30px}
.home .mobile .latest {display: block; margin-top: 0}
.blockone {width: 100%; margin-right: 0; margin-bottom: 2px}
.blockone li {height: 300px}
.blocktwo {width: calc(100% + 2px)}
.blocktwo li {height: 150px}
.blockone .latestcontent, .blocktwo .latestcontent {background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 90%)}
.blockone h3, .blockone .latestmeta, .blockone .latestexcerpt {padding-left: 10px}
.homestories li a {color: var(--brand01)}
.home .left {padding-right: 0; margin-bottom: 20px; margin-top: -70px}
.home .left h3, .newslistexcerpt h3 {font-size: 17px; line-height: 24px}
.newslistthumb, .recentthumb {width: 47%; margin-right: 4%}
.newslistexcerpt, .recentexcerpt {width: 49%}
.wppsac-post-carousel.slick-initialized {padding: 0}
.mobile .trending {display: none}
.single-post main {padding: 0}
.menucontent {display: none; overflow: hidden}
.collapsible { background: none; font-weight: bold; cursor: pointer; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; color: #555; padding: 20px; box-sizing: border-box; padding: 0 20px; -webkit-tap-highlight-color: rgba(0,0,0,0); text-align: center}
.collapsible:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/menu.svg); float: right; margin-left: 5px; width: 16px; height: auto;}
.active:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/close.svg); width: 12px}
.menucontent {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #ebebeb}
.collapsible:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/menu.svg); float: right; width: 20px; height: auto; margin-top: 8px; box-sizing: border-box}
.active:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/close.svg); width: 20px; padding: 2px}
.content {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out}
.home .mobile .trending {display: none}
.social {margin: 10px 0 20px 0}
.mobileheader .social li {float: left; border-bottom: 0}
.social svg {height: 24px}
.social li {margin-left: 30px}
.social li:first-child {margin-left: 0}
.parent-pageid-13885 main, .page-contact main, .page-fan-club main, .single-post main {padding: 0}
.newslistexcerpt p {display: none}
.owl-nav {display: none} @media (prefers-color-scheme: dark) {
body {background: var(--black)}
.mobileheader {background: var(--gray06)}
.mobileheader li a {color: var(--white)}
.mobileheader li {border-bottom: 1px solid rgba(255,255,255,0.2)}
.mobileheader .searchform input {background-color: rgba(255, 255, 255, 0.1); color: var(--white)}
.wppsac-post-carousel.design-1 .wppsac-post-title a {color: var(--white)}
.mobileheader .collapseomatic_content {background: var(--gray06)}
.parent-pageid-12724 .left, .page-template-music-listing .left {background: var(--black)}
.mobileheader .collapseomatic {background-image: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/menu-dark-theme.svg) !important;}
.mobileheader .colomat-close {background-image: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/close-dark-theme.svg) !important}
.logo svg {width: 250px; fill: var(--white)}
.collapsible:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/menu-dark-theme.svg)}
.active:after {content: url(//www.mjworld.net/wp-content/themes/mjwn2017/images/close-dark-theme.svg)}
.instagram {padding: 0}
}
}
@media only screen and (max-width:374px) {	
.moblogo {text-align: left; padding-left: 10px}
.moblogo img {width: 240px}
.mobileheader li a {padding: 8px 0 8px 3px}
}