* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body{
	background-color:black !important;
}

.img_fluid {
  max-width: 100%;
}
.media_main {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: transparent;
}
.media_row1 {
  width: 16.927083333333332vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.media_row1_img {
  width: 100%;
  height: 15.625vw;
  position: relative;
  overflow: hidden;
}
.media_row1_img_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  transform: translateY(100%);
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 70%
  );
  transition: 0.2s all linear;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 2vw;
}
.media_row1_img:hover .media_row1_img_overlay {
  transform: translateY(0px);
}
.media_row1_img:hover .r1_img {
  transform: scale(1.4);
  transition: 10s all linear;
}

.media_row2 {
  width: 45.572916666666664vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.media_row2_top {
  width: 100%;
  overflow: hidden;
}
.media_row2_top_img {
  position: relative;
  height: 31.25vw;
  overflow: hidden;
}
.media_row2_bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.media_row2_bottom_img {
  position: relative;
  height: 15.625vw;
  overflow: hidden;
}
.media_row2_bottom_img:nth-child(2) {
  margin-right: 0px;
}

.media_row2_img_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  transform: translateY(100%);
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 70%
  );
  transition: 0.2s all linear;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 2vw;
}
.media_row2_bottom_img:hover .media_row2_img_overlay {
  transform: translateY(0px);
}
.media_row2_bottom_img:hover .r2_img {
  transform: scale(1.4);
  transition: 10s all linear;
}
.media_row2_top_img:hover .media_row2_img_overlay {
  transform: translateY(0px);
}
.media_row2_top_img:hover .r2_img {
  transform: scale(1.4);
  transition: 10s all linear;
}
.media_row3 {
  width: 16.927083333333332vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
}
.media_row3_img {
  width: 100%;
  height: 15.625vw;
  position: relative;
  overflow: hidden;
}
.media_row3_img a {
  height: 100%;
  position: relative;
}
.media_row3_img_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  transform: translateY(100%);
  background: rgb(255, 255, 255);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 70%
  );
  transition: 0.2s all linear;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 2vw;
}
.media_row3_img:hover .media_row3_img_overlay {
  transform: translateY(0px);
}
.media_row3_img:hover .r3_img {
  transform: scale(1.4);
  transition: 10s all linear;
}

.media_text_p {
  color: white;
  font-size: 1.2vw;
  line-height: 1.5vw;
}

@media screen and (min-width: 0px) and (max-width: 415px) {
    .media_text_p{
        font-size: 4vw;
        line-height: 5.5vw;
    }
    .media_main {
        flex-direction:column;
    }
    .media_row1{
        width: 100%;
    }
    .media_row1_img{
        height: 100%;
    }
    .media_row1_img_overlay{
        padding: 6vw;
    }
    .media_row2{
        width: 100%;
    }
    .media_row2_top_img {
        height: 100%;
    }
    .media_row2_bottom{
        flex-direction: column;
    }
    .media_row2_bottom_img{
        height: 100%;
    }
    .media_row2_img_overlay{
        padding: 6vw;
    }
    .media_row3{
        width: 100%;
        align-items: center;
    }
    .media_row3_img{
        height: 100%;
    }
    .media_row3_img_overlay{
        padding: 6vw;
    }
	.r1_bg_img{
        height: 50vw !important;
        width: 100%;
    }
    .r2_bg_img{
        height: 70vw !important;
        width: 100%;
    }
    .r2_bg_img_2{
        height: 50vw !important;
        width: 100%;
    }
    .r3_bg_img{
        height:50vw !important;
        width: 100%;
    }
}


.r1_bg_img{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15.625vw;
    width: 100%;
}
.m1_r1_img_1{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/2.jpg);
}
.m1_r1_img_2{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/1.jpg);
}
.m1_r1_img_3{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/3.jpg);
}

.r2_bg_img{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 31.25vw;
    width: 100%;
}
.m2_r2_img_1{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/sme-entrepreneurship-business-awards-2017.png);
}
.r2_bg_img_2{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15.625vw;
    width: 100%;

}
.m2_r2_img_2{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/8.jpg);
}
.m2_r2_img_3{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/6.jpg);
}




.r3_bg_img{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15.625vw;
    width: 100%;
}
.m3_r3_img_1{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/5.jpg);
}
.m3_r3_img_2{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/Fox.jpg);
}
.m3_r3_img_3{
    background-image: url(https://eccv2.kinsta.cloud/wp-content/uploads/2021/03/7.jpg);
}