@media screen and (max-device-width: 640px) {
	:root{
		--headBarHeight: 0;
	}

    .main .sectionBox.w90{
        width: 100%;
        margin: 0;
        padding: 0 8px;
    }

    .main .sectionBox.collapsableV2 > div > div:not(.noAdditionalSpace){padding-left: 0; padding-right: 0;}
    .main .sectionBox.collapsableV2{padding-left: 0; padding-right: 0;}
    .readersList{margin-left: 0; margin-right: 0;}

	.navLeft{padding: 0;}
	.headerBar .btn.sml{font-size: 1em;}
	
	/* Hide chevron on mobile */
	.collapsableHeader .fa-chevron-down {
		display: none;
	}
	
	/* Center header content on mobile */
	.collapsableHeader {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.collapsableHeader > span:first-child {
		text-align: center;
	}
	
	.collapsableHeader > span:last-child {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}