/*About CSS*/
.box-about {
    padding: var(--range-xxl) 0;
}

.collapse-item {
    border: 1px solid var(--main-color);
    border-radius: 10px;
    margin: 0 0 1rem 0;
} 

.collapse-item .collapse-header > a {
    display: block;
}

.collapse-item .collapse-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-align: left;
    display: block;
}

.collapse-item .collapse-header {
    padding: 10px;
    border-radius: 10px;
}

.collapse-item .collapse-body {
    border-top: 1px dashed #bbb;
    padding: 10px 20px;
} 

.collapse-item .collapse-body .member {
    display: flex;
} 

.member-head .member-name {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.collapse-body .member-degree b {
    margin-bottom: 5px;
    display: block;
}

.collapse-body .member__img {
    width: 50%;
    padding-right: 15px;
} 

.collapse-body .member__info {
    width: 50%;
    padding: 15px;
    background-color: #ece5d3;
}
/*Responsive CSS*/

@media (max-width: 1199px) {
	
}

@media (max-width: 991px) {
    
}

@media (max-width: 767px) {
	.collapse-body .member {
        flex-direction: column;
    }

    .collapse-body .member__img {
        width: 100%;
        padding-right: 0;
    }

    .collapse-body .member__info {
        width: 100%;
    }
}
@media (max-width: 320px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (min-width: 1024px){
	
}

@media (min-width: 1200px){
	
}