@media not all and (min-width: 768px) {
    .max-md\:w-\[200px\] {
        width: 265px;
    }
}

@media (max-width: 767px){
.flex-col-youtube {
padding-bottom:20px;
}
.youtubewidth{

}
}

.flex-col-youtube {
    flex-direction: row;

}
.youtubewidth{
  display : flex;
  flex-wrap : wrap;
  justify-content:space-between;
margin-bottom: 20px;
}

.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	text-align: center;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #3fc1c9;
}

.heading04::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 30px;
	transform: rotate(35deg)
}