body{
      box-sizing: border-box;
      overflow-x: hidden;
}

.right_box{
    width: 100vw;
    margin-top: 25px;
    min-height: 450px;
    height: auto;
}

.box{
    width: 100vw;
    min-height: 400px;
    height: auto;
    display: flex;
    justify-content: space-around;
}

.details{
    min-height: 400px;
    height: auto;
    width: 40vw;
    display: flex;
}

.details pre{
font-size: 18px;
font-weight: 500;
white-space: pre-wrap;
word-wrap: break-word;
font-family: 'MyFontRegular';
}

.image{ 
    height: 700px;
    width: 20vw;
}

.image img{
    width: 100%;
    height: 60%;
    object-fit: fill;
} 

.blt{
    font-weight:bolder;
}

.right_box h1 {
   text-align: center;
   text-transform: uppercase;
   font-family: 'MyFontExtraBold';
}

@media (max-width: 1440px) {
  .image2{
    display: none;
  } 
  .image1{
    width: 50vw;

  }
}

@media (max-width: 1000px) {
  .image1{
    width: 50vw;
height: 500px;
  }
}

@media (max-width: 768px) {
  .image1{
    width: 80vw;
height: 500px;
  }
.box{
flex-direction: column;
align-items: center;

}
.details{
    width: 80vw;

}
}

@media (width:524px) {
      .image1{
    width: 80vw;
    height: 300px;
  }
}