body {
    font-family:mySamim;
}

.Titr
{
    font-family:myTitr;
}

.News-box {
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: auto;
  display: flex;
  margin-top: 8%;
  width: 80%; }
  @media screen and (max-width: 767px) {
    .News-box {
      width: 94%;
      margin: 20px; } }
  @media screen and (max-width: 730px) {
    .News-box {
      width: 92%; } }
  @media screen and (max-width: 690px) {
    .News-box {
      width: 90%; } }
  @media screen and (max-width: 340px) {
    .News-box {
      width: 88%; } }
  .News-box .bklmj {
    background: url("../images/bg.png");
    background-size: cover;
    padding: 40px;
    padding-bottom: 48px; }
  .News-box .linkoi ul {
    float: right; }
    .News-box .linkoi ul li {
      float: left;
      padding: 10px; }
  .News-box .log-det h2 {
    margin-bottom: 5px; 
    text-align:right;
    color:#606060;
    font-family:myTitr;
    font-weight:normal;
  }
  .News-box .log-det h3{
    margin-top:25px;
    margin-bottom: 10px; 
    text-align:right;
    font-size:1.5rem;
    color:#606060;
    font-family:myTitr;
    font-weight:normal;
  }
  .News-box .log-det p
  {
      text-align:right;
  } 
  .News-box .log-det p #dateid
  {
      font-size:0.7rem;
      color:#A7996D;
  } 

  .News-box .log-det p img
  {
      float:left;
      width:100%;
      max-width:300px;
      border-radius:10px;
  } 

  .News-box .log-det p .clattfile
  {
      display:block;
      width:150px;
      height:60px;
      border:solid 2px #C7C7C7;
      float:right;
      border-radius:5px;
      text-align:right;
      text-decoration:none;
      color:#A7996D;
  }
    .News-box .log-det p .clattfile:hover {
        border-color:#00394F;
    }
  .News-box .log-det p .clattfile img
  {
      float:right;
      height:40px;
      width:40px;
      border-radius:5px;
      margin:5px 5px 5px 5px 
  } 
  .News-box .log-det p .clattfile span
  {
      display:block;
      float:right;
      width:80px;
      border-radius:5px;
      margin:15px 5px 0px 5px ;
      text-align:center;
  } 

  .News-box .log-det .past p {
    font-size: .8rem;
    margin-bottom: 20px; }
  .News-box .log-det .forget-p {
    font-size: .9rem;
    margin-bottom: 20px; }
  .News-box .log-det .right-bkij .btn {
    float: right;
    border-radius: 50px;
    width: 120px;
    box-shadow: none; }
  .News-box .linkoi {
    margin-top: 10px; }
    .News-box .linkoi p {
      padding-top: 23px;
      font-size: .9rem; }
    .News-box .linkoi ul {
      float: right;
      margin-top: 10px; }
      .News-box .linkoi ul li {
        float: right; }
        .News-box .linkoi ul li i {
          font-size: 14px;
          width: 50px;
          text-align: center; }
        .News-box .linkoi ul li .fa-facebook-f {
          background-color: #425f9c;
          padding: 7px 20px;
          color: #FFF;
          border-radius: 20px; }
        .News-box .linkoi ul li .fa-twitter {
          background-color: #1da1f3;
          padding: 7px 20px;
          color: #FFF;
          border-radius: 20px; }

.no-pdding {
  padding: 0px; }