.recent_post,.recent_post a {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat Medium';
    color: #334862;
    line-height: 26px;
}

.loader {
    border: 4px solid rgb(235,235,235);
    border-radius: 50%;
    border-top: 4px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  .overlay,.loading-overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 999; 
  }

  .hidden { 
    display: none; 
  } 

  .btn-success {
    background-color:#45a049;
  }

  .custom-alert { 
    font-family: Helvetica;
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    background-color: #d9534f;
    border-color: #d43f3a;
    color: white; 
    padding: 10px 10px 20px 10px; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 
    z-index: 1000; 
  } 

  .custom-alert-loading { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    z-index: 1000; 
  } 

  .custom-alert button { 
    float: right;
    background-color: #f5f8f5; 
    color: rgb(21, 21, 21); 
    border: none; 
    border-radius:2px; 
    cursor: pointer; 
    font-size: 18px;
    padding: 2px 2px;
  } 

  .custom-alert button:hover { 
    background-color: #45a049; 
  }

  .custom-alert p {
    clear: both;
  }

  .tin-noi-bo a{
    cursor: pointer;
    color: #3a2b85;
  }

.distance-top {
    margin-top: 30px;
    padding: 0px 80px;
}

.title_news {
    text-align: center;
    font-size: 18px;
    color: rgb(85,85,85);
}

.title_col > p:nth-child(1) {
    font-family: Helvetica;
    font-size: 24px;
    color: rgb(85, 85, 85);
    font-weight: 700;
}

.title_col > p:nth-child(2) {
    font-family: Helvetica;
    font-size: 14px;
    color: rgb(100, 100, 100);
    font-weight: 400;
    margin-top: 20px;
}

.description {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat Medium';
    color: rgb(100,100,100);
}

.container-background {
    background: rgb(204, 204, 247);
    width: 408px;
    height: 230px;
    text-align: center;
    align-content: center;
}

.container_device {
  display: flex;
  margin-top: 30px;
}

.container-img {
  width: 408px;
  height: 230px;
}

.container-img img {
  width: 100%;
  height: 100%;
}

.body-post.new-body-post p,.body-post.new-body-post ul li {
  font-family: 'Montserrat Medium';
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 0px 20px;
}

.body-post.new-body-post ol li {
  font-family: 'Montserrat Medium';
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.body-post.new-body-post ol {
  padding: 0px 20px;
}

.body-post.new-body-post p:first-child {
  padding-top: 80px;
}

.body-post.new-body-post p:not(:first-child) {
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
} 

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

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

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

@media screen and (max-width: 768px) {
  .container_device {
      display: block;
  }
  
  .title_col {
      width: 100%;
      margin-left: 0px;
      margin-top: 20px;
  }

  .container-img {
      width: 100%;
  }

  .search-text-container {
      padding-left: 3.5%;
      padding-right: 3.5%;
  }
  
  .distance-top {
      padding: 0px 0px;
  } 

  .container-img img{
      height: 240px;
  }

   .new-body-post p img {
      width: 100% !important;
      height: 240px !important;
  }
}