.fadein {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s; }

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.bg_img {
  background-image: url(../img/bg_img.jpg);
  background-size: cover;
  width: 100%;
  padding: 80px 0; }
  .bg_img .deta_box {
    width: 90%;
    margin: auto;
    display: block; }
    .bg_img .deta_box img {
      width: 100%;
      margin-bottom: 3px; }


@media only screen and (max-width: 767px) {
.bg_img {
background: none;
background-color:#faf9f5 ;}
}

@media only screen and (min-width: 576px), print {
  .bg_img .deta_box {
    max-width: 1140px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    margin: auto; }
    .bg_img .deta_box img {
      width: auto;
      margin-bottom: 3px; }
    .bg_img .deta_box img:first-child {
      margin-right: 3px; }
    .bg_img .deta_box img:nth-child(2) {
      margin-right: 3px; }
    .bg_img .deta_box .r_none {
      margin-right: 0; }
    .bg_img .deta_box .deta_box:last-child {
      margin-bottom: 0; } }