.mainvidual {
    min-height: 450px;
    background-image: url(/gallery/video/img/mainvidual.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 767px) {
      .mainvidual {
        min-height: 25vh; 
        background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(63, 63, 63, 0.95)) ,url(/gallery/video/img/mainvidual.png)} }
    .mainvidual--inner-logo {
      width: 100%; }
      .mainvidual--inner-logo span {
        display: block;
        text-align: center; }
      @media screen and (max-width: 767px) {
        .mainvidual--inner-logo {
          width: 95%;
          margin-top: 20px; }
          .mainvidual--inner-logo img {
            width: 100%; } }
    
.br_mobile{
    display: none;
}
.original-gradient {
  height: 200px;
  width: 90%;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(63, 63, 63, 0.54));
}
.gallery--intro{
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 120%;
}

.gallery--title{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00A088;
    text-align: center;
    font-weight: bold;
    width: 50%;
    margin:60px auto;
}

.gallery--title h3{
    font-size: 30px;
    padding: 10px 10px 10px 30px;
}

.youtube{
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youtube iframe {
    width: 100%;
    height: 100%;
}

.gallery--cols{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.gallery--video{
    width: 48%;
    text-align: center;
    border-bottom: 5px solid #FCE84D;
}

.gallery--video-3{
    width: 30%;
    text-align: center;
    border-bottom: 5px solid #FCE84D;
}

.gallery--video-3 p{
    font-weight: bold;
    padding: 20px 0;
}

.gallery--video p{
    font-weight: bold;
    padding: 20px 0;
}

.gallery--cols--sub{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 3px solid  #00A088;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 60px;
}
.gallery--cols--sub{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 3px solid  #00A088;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 60px;
}
.gallery--cols--sub:last-child{
    margin-bottom: 60px;
}
.gallery--video--sub{
    width: 30%;
    text-align: center;
}
.gallery--cols--sub4{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border: 3px solid  #00A088;
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 60px;
}
.gallery--video--subcol4{
    width: 44%;
}

.gallery--video--sub p{
    padding: 15px 0;
    font-weight: bold;
    color: #00A088;;
}

.gallery--cols--subtitle{
    display: block;
    color: #fff;
    background-color: #00A088;
    text-align: center;
    font-weight: bold;
    width: 50%;
    margin: auto;
    padding: 10px 0;
}

.cols--center{
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .br_mobile{
        display: block;
    }
    .gallery--title{
        width: 100%;
    }
    .gallery--video{
        width: 100%;
        margin-bottom: 30px;
    }
    .gallery--video-3{
        width: 100%;
        margin-bottom: 30px;
    }
    .gallery--video:last-child{
        margin-bottom: 0px;
    }
    .gallery--video--sub{
        width: 100%;
        margin-bottom: 15px;
    }
    .gallery--video--sub:last-child{
        margin-bottom: 0px;
    }
    .gallery--cols--subtitle{
        width: 80%;
    }
    .gallery--video--subcol4{
        margin: 0px;
    }
}