div.content-single-wrapper{
    display: flex;
}
.aswg-wrapper {
    display: flex;
    gap: 10px;
    height: 500px;
    margin-bottom: 20px;
    width: 45%;
    padding: 1rem;
}
.single-product div.product .summary{
    padding: 1rem;
}
.aswg-thumbs {
    width: 80px;
    height: 100%;
}

.aswg-main {
    flex: 1;
    border: 1px solid #eee;
}

.aswg-thumbs .swiper-slide {
    opacity: 0.6;
    cursor: pointer;
}

.aswg-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #e77600;
}

.video-thumb {
    position: relative;
    background: #000;
}

.video-thumb .play-icon {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
}

@media screen and (max-width: 720px) {
    
    div.content-single-wrapper{
        display: flex;
        flex-direction: column;
    }
    .aswg-wrapper {
        display: flex;
        gap: 10px;
        height: 500px;
        margin-bottom: 20px;
        width: 90%;
        padding: 1rem;
    } 
}