Ugreen HUB

.description { padding: 11px; box-sizing: border-box; max-width: 1200px;

}

.description .section {
padding: 15px 0;

}

@media (max-width: 900px) {
.description .section .item-6:nth-child(1) {
padding-bottom: 10px;
}

}

@media (min-width: 901px) {
.description .section {
display: flex;
align-items: center;
}
.description .item-6 {
width: 50%;
float: left;
position: relative;
min-height: 1px;
}

}

.description , .description ::after, .description *::before {
box-sizing: border-box;

}

.description .item {
padding-left: 15px;
padding-right: 15px;

}

.description .item-12 {
width: 100%;
min-height: 1px;

}

.description .text-item h1, .description .text-item h2 {
display: block;
font-weight: 500;
margin: 18px 0;

}

.description .text-item p {
margin: 16px 0;
word-wrap: break-word;

}

.description .text-item h1 {
color: #444444;
font-size: 24px;
line-height: 24px;

}

.description .text-item h2 {
color: #444444;
font-size: 18px;
line-height: 18px;

}

.description .text-item ol, .description .text-item ul {
padding-left: 40px;
margin: 16px 0;

}

.description .text-item {
color: #444444;
font-size: 16px;
line-height: 22px;
width: 100%;
word-wrap: break-word;

}

.description .image-item img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;

}

.description .video-item .yt-container {
margin-left: auto;
margin-right: auto;
max-width: 853px;

}

.description .video-item .yt-responsive-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;

}

.description .video-item .yt-container .yt-responsive-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}

.hidden {
display: none;

}