div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}
.component{
	margin-top: -105px !important;
}


.test{
	margin-top: 72px !important;
}
.component-h3{
	font-size: 32px;
	margin-top: 64px !important;
}
.page-content__image{
 max-width: 100%;
}
.categories {
padding: 50px 50 ;
}
.categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 15px;
width: 100%;
}

@media (max-width: 992px) {
.categories-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
}
@media (max-width: 768px) {
.categories-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.categories-grid {
grid-template-columns: 1fr;
}
.category {
height: 60px;
}
}
.page-content__image-wrapper {
float: left;        
margin-right: 20px; 
margin-bottom: 20px;
}
.page-content__image {
max-width: 100%;
height: auto;
display: block;
border-radius: 8px;
margin: right;
}
.page-content__image-caption {
margin-top: 12px;
font-size: 14px;
color: #666;
font-style: italic;
text-align: center;
padding: 0 15px;
}
@media (max-width: 992px) {
.page-content__image {
border-radius: 6px;
}
.page-content__image-caption {
font-size: 13px;
}
}
@media (max-width: 768px) {
.page-content__image-wrapper {
margin-left: -15px;
margin-right: -15px;
}
.page-content__image {
border-radius: 0;
}
.page-content__image-caption {
padding: 0 10px;
}
}