h1 {
  color: #0e448a;
  font-weight: bold;
  font-size: 2vw;
  margin-top: 2vh;
  margin-bottom: 1vh;
} 

h2 {
  color: #0e448a;
  font-size: 1.3vw;
  font-weight: bold;
} 
.mainContent .breadcrumb {
  width: 70vw;
  margin-left: 15vw;
}

.content-container {
  display: grid;
  width: 70vw;
  margin-left: 15vw;
}
.content-container p {
  font-size: 1.2vw;
  text-align:justify;
}

.stockvalue-name-time{
  display: flex;
  justify-content: right;
  margin-top: 1vw;
  margin-bottom: 1vw;

}
.stockvalue-value-change {
  display: flex;
  justify-content:center;
}
.stockvalue-name {
  font-size: 1,2vw;
  font-weight: bold;
}
.stockvalue-value {
  font-size: 3vw;
  line-height: 3vw;
  font-weight: bold;

}
.stockvalue-change {
  margin-left: 0.5vw;
  vertical-align: middle;
  line-height: 3vw;
  font-weight: bold;

}
.fa-arrow-down,
.fa-arrow-up {
  vertical-align: middle;
  margin-left: 0.5vw;
  line-height: 3vw; 
}


.danhgia_tintuc {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(2, 34vw);
  grid-gap: 2vh;
  width: 70vw;
  position: relative;
  left: 15vw;
  grid-auto-rows: 1fr; /* Ensures all rows are the same height */

}
.eval_bloc,
.sectorInfoAnalysis {
  width: 34vw; /* Set the width to 100% of its container */
  background-color:#f2f2f2;
  border: #f2f2f2;
  border-radius: 1vw;
}
.horizontal-line {
  height: 0.5vw; /* Set the height of the line */
  margin-bottom: 1vh;
  background-color: #b4d8ee; /* Set the background color to blue */
}

.eval_container {
  display: block;
}
.rating_hqkd,
.rating_sktc,
.growth_5y,
.dividend-bloc,
.growth_1y,
.eval_line,
.sectorPE,
.sectorPB,
.sameSector   {
  display: flex;
  margin-bottom: 1vh;
  justify-content: space-between;
}
.text_rating,
.text_growth_5y,
.text_eval,
.dividend-pencentage,
.text_growth {
  font-size: 1.2vw;
  margin-top: 1vh;
  margin-right: 1vw;
  font-weight: bold;
}
.text_eval_value,
.text_rating_sktc {
  font-size: 1.2vw;
  margin-top: 1vh;
  font-weight: bold;
}
.text-conclusion {
  font-size: 1.2vw;
  margin-top: 1vh;
  margin-bottom: 1vh;
  line-height: 3.5vh;
}

.danhgia {
  width: 34vw;
  background-color:#f2f2f2;
  border: #f2f2f2;
  border-radius: 1vw;

}




@media only screen and (max-width: 1200px) {
  h1 {
    color: #0e448a;
    font-weight: bold;
    font-size: 3vw;
    margin-top: 2vh;
    margin-bottom: 1vh;
  } 

  h2 {
    color: #0e448a;
    font-size: 2vw;
  } 
  .mainContent .breadcrumb {
    width: 100vw;
    margin-left: 0vw;
  }

  .content-container {
    display: grid;
    width: 98vw;
    margin-left: 1vw;
  }
  .content-container p {
    font-size: 2vw;
  }

  .stockvalue-name-time {
    display: flex;
    justify-content: right;
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .stockvalue-value-change {
    display: flex;
    justify-content:center;
  }
  .stockvalue-name {
    font-size: 1.7vw;
    font-weight: bold;
  }
  .stockvalue-value {
    font-size: 3vw;
    line-height: 3vw;
    font-weight: bold;
  
  }
  .stockvalue-change {
    margin-left: 0.5vw;
    vertical-align: middle;
    line-height: 3vw;
    font-weight: bold;
  }

  .fa.fa-arrow-down,
  .fa.fa-arrow-up {
    vertical-align: middle;
    margin-left: 0.5vw;
    line-height: 3vw;
    font-size: 2vw;
  }
  
  .danhgia_tintuc {
    display: grid;
    align-items: stretch;
    justify-content: center;
    grid-template-columns: repeat(2, 49vw);
    grid-gap: 2vh;
    width: 70vw;
    position: relative;
    left: 15vw;
    grid-auto-rows: 1fr; /* Ensures all rows are the same height */
  
  }
  .danhgia {
  width: 49vw;
}

.eval_bloc,
.sectorInfoAnalysis {
  width: 100%; /* Set the width to 100% of its container */
  margin-left: 0vw;
}
.horizontal-line {
  height: 1vw; /* Set the height of the line */
  margin-bottom: 1vh;
  background-color: #b4d8ee; /* Set the background color to blue */
}

.eval_container {
  display: block;
}
.rating_hqkd,
.rating_sktc,
.growth_1y,
.growth_5y{
  display: flex;
  margin-bottom: 1vh;
}


.text_rating,
.text_growth_5y,
.text_eval,
.dividend-pencentage {
  font-size: 1.75vw;
  margin-top: 1vh;
  margin-right: 1vw;
  
}
.text_eval_value {
  font-size: 1.75vw;
  margin-top: 1vh;
  margin-right: 1vw;
}
.text_rating_sktc {
  font-size: 1.75vw;
  margin-top: 1vh;
  margin-right: 3vw;
}
.text_growth {
  font-size: 1.75vw;
  margin-top: 1vh;
  margin-right: 2vw;
}
.text-conclusion {
  font-size: 1.75vw;
  margin-top: 1vh;
  margin-bottom: 1vh;
  line-height: 2vh;
}
}

@media only screen and (max-width: 600px) {
  h1 {
    color: #0e448a;
    font-weight: bold;
    font-size: 5vw;
  } 
  h2 {
    color: #0e448a;
    font-size: 4vw;
  }
  .mainContent .breadcrumb {
    width: 100vw;
    margin-left: 0vw;
  }
  .content-container {
    display: grid;
    width: 98vw;
    margin-left: 1vw;
  }
  .content-container p {
    font-size: 3.8vw;
  }
  .stockvalue-name-time{
    display: flex;
    justify-content: right;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .stockvalue-value-change {
    display: flex;
    justify-content:center;
  }
  .stockvalue-name {
    font-size: 4vw;
    font-weight: bold;
  }
  .stockvalue-value {
    font-size: 7vw;
    line-height: 7vw;
    font-weight: bold;
  
  }
  .stockvalue-change {
    margin-left: 0.5vw;
    vertical-align: middle;
    line-height: 7vw;
    font-weight: bold;
  }
  .fa.fa-arrow-down,
  .fa.fa-arrow-up {
    vertical-align: middle;
    margin-left: 0.5vw;
    line-height: 6vw;
    font-size: 4vw;
  }
  
.danhgia_tintuc {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(1, 99vw);
  grid-gap: 2vh;
  width: 70vw;
  position: relative;
  left: 15vw;
  grid-auto-rows: 1fr; /* Ensures all rows are the same height */

}
.danhgia {
  width: 99vw;
}
.eval_bloc,
.sectorInfoAnalysis {
  width: 100%; /* Set the width to 100% of its container */
  margin-left: 0vw;
}
.horizontal-line {
  height: 2vw; /* Set the height of the line */
  margin-bottom: 1vh;
  background-color: #b4d8ee; /* Set the background color to blue */
}

.eval_container {
  display: block;
}


.rating_hqkd,
.rating_sktc,
.growth_1y,
.growth_5y,
.dividend-bloc,
.eval_line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1vh;
}


.text_rating,
.text_growth_5y,
.text_growth_1y,
.text_eval {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-right: 1vw;
}
.dividend-pencentage {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-right: 1vw;  
}

.text_eval_value {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-right: 1vw;
}

.text_rating_sktc {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-right: 3vw;
}
.eval_value,
.eval_line {
  margin-bottom: 1vh;
  margin-top: 1vh;
}
.text_growth {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-right: 2vw;
}
.text-conclusion {
  font-size: 3.5vw;
  margin-top: 1vh;
  margin-bottom: 1vh;
  line-height: 3.5vh;
}
}