@media (max-width: 400px) {
    .itemid-123 #aboutbox {
        background: none;
    }
}
@media (max-width: 767px) {
    .abouttotext {
        position: relative;
        /* font-size: 14px; */
        padding: 0;
        min-width: 100%;
        height: 1px;   
        overflow: hidden;
        z-index: 0;
    }   
    .abouttotext::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0% ,rgba(255, 255, 255, 0) 80%, #FFFFFF 100%);
        z-index: 1;
    }
    .itemid-123 #aboutbox {
        background: none;
    }
    .itemid-123 #aboutbox .page-header {
        max-width: 100%;
    }
}
@media (max-width: 992px) {
    .itemid-123 #aboutbox img {
        top: 0;
    }
}
body {
    position: relative;
}
#aboutbox .teamitem p:nth-child(2), #aboutbox .teamitem p:nth-child(1) {
    /* width: 430px;
    height: 558px;  */
    width: 360px;
    height: 467px; 
    margin: 0 auto;
}
#aboutbox .teamitem.active p:nth-child(2) {
    /* height: 558px; */
    height: 467px;
}
#aboutbox .teamitem img {
    margin: 0 auto;
    max-width: 360px;
}
#aboutbox .aboutandteamtext {
    text-align: justify;
}
#aboutbox .aboutandteamtext > p, #aboutbox .aboutandteamtext .col:nth-child(1) p {
    text-indent: 36px;
}
#aboutbox .aboutandteamitem .page-header {
    text-align: center;
}
#aboutbox .teamscroll {
    margin: 0 auto;
    padding: 0;
    max-width: 460px;
    /* height: 423px; */
    overflow: hidden;
}
#aboutbox .teamitem {
    position: relative;
    background-color: #fff;
}
#aboutbox .teamitem.active p:nth-child(1) {
    height: 0;
    opacity: 0;
    overflow: hidden;
}
#aboutbox .teamitem p:nth-child(3) {
    text-align: center;
    margin: 15px 0;
    color: #B38140;
    min-height: 55px;
    /* font-weight: bold; */
}
#aboutbox .teamitem p:nth-child(3) strong {
    font-size: 21px;
}
#aboutbox .teamitem p:nth-child(2) {
    margin: 0 auto;
    display: block;
    opacity: 0;
    height: 0;
    max-width: 100%;
    color: #fff;
    font-size: 14px;
    z-index: 1;
    text-align: left;
    overflow: hidden;
    background: rgba(0,0,0,.7);
    border-radius: 5px;
    cursor: pointer;
}
#aboutbox .teamitem.active p:nth-child(2) {
    padding: 25px;
    /* height: 338px; */
    transition: opacity 0.9s ease 0s;
    opacity: 1;
}
#aboutbox .teamitem p.active:nth-child(2) strong {
    display: block;
    margin: 0 0 15px 0;
}
.arrowrow {
    display: flex;
    justify-content: space-around;
    width: 300px;
    margin: 0 auto;
}
.arrowrow > div {
    cursor: pointer;
}
#teamholder {
    display: none;
}
#teamholder.inposition {
    display: block;
    width: 260px;
    height: 337px;
    position: absolute;
    z-index: 9;
    transition: all 0.1s linear 0s;
}
@media (max-width: 768px) {
   
}