.eco1{height: 49vw; overflow: hidden; position: relative;}



.w6-2img{

  height: calc(50% - 10px);

  min-height: calc(50% - 10px);

}



.eco2{display: flex; justify-content: space-between; flex-wrap: wrap;

  overflow: hidden; line-height: 0;}



/* .eco3{height: 51vw;} */





.d1-3box{

  height: 50vw;

}



.d1-1{

  height: calc(40% - 20px);

  overflow: hidden;

  background-color: red;

  margin-bottom: 20px;

}



.d1-2{

  height: calc(60% - 20px);

  overflow: hidden;

  background-color: pink;

}



.bose-box{

  height: 160vw;

}



.bose-1{

  height: calc(45% - 20px);

  overflow: hidden;

  background-color: pink;

  margin-bottom: 20px;

}



.bose-2{

  height: calc(16.5% - 20px);

  overflow: hidden;

  background-color: red;

  margin-bottom: 20px;

}



.bose-3{

  height: calc(17.5% - 20px);

  overflow: hidden;

  background-color: pink;

  margin-bottom: 20px;

}



.bose-4{

  height: calc(21%);

  overflow: hidden;

  background-color: red;

  position: relative;

}



.bose-5{

  height: 100%;

  background-color: pink;

  overflow: hidden;

}



.logofolio{

height: 80vh;

display: flex;

justify-content: center;

align-items: center;

}



.logo-container{

  width: 25%;

}



.mbmq{

  margin-bottom: 0;

}



.video-hide{display: block;}

.gif-show{display: none;}







@media screen and (max-width: 1040px){

  .video-hide{display: none;}

  .gif-show{display:block;}



}





@media screen and (max-width: 780px) {

  .w6-calc{width: 100%;

  }

  .eco1{height: auto;}

  .w6-2img{height: auto; min-height: auto);}





  .ml{margin-left: 0;}



  .mbmq{

    margin-bottom: 20px;

  }



  .logo-container{

    width: 50%;

  }

  .logofolio{

  height: 30vh;

  }



  .d1-3box{

    height: auto;

  }

  .d1-1{height: auto;}



  .d1-2{height: auto;}



  .bose-box{height: auto;}



  .bose-1{height: auto;}

  .bose-2{height: auto;}

  .bose-3{height: auto;}

  .bose-4{height: auto;}

  .bose-5{height: auto;}



}