/*			Footer				*/

@import url('https://fonts.googleapis.com/css?family=Norican');

@import url('https://fonts.googleapis.com/css?family=Farsan&subset=vietnamese');

#title-tin-moi h2 {

  margin-top: 0px;

}

/*Duy CSS*/

.full-footer-box {

  background: #afa38a;

}

.full-footer {

  background: #afa38a
}

.new-post-footer {

  float: left;

  width: 100%;

  padding-bottom: 10px;

}

.new-post-footer:last-child {

  padding-bottom: 0;

}

.new-post-footer-left {

  float: left;

  width: 25%;

}

.new-post-footer-right {

  float: right;

  width: 73%;

}

.new-post-footer-left img {

  border: 3px solid #a19680;

  height: auto;

  display: block;

  width: 100%;

}

.new-post-footer-left img:hover {

  border: 3px solid #bc9b5e;

  transition: 0.3s;

}

.new-post-footer-right h4 a {

  color: #fff !important;

  font-size: 12px !important;

  font-weight: bold;

  line-height: 18px !important;

}

.new-post-footer-right h4 a:hover {

  text-decoration: none;

  color: #fff !important;

}

#danh-gia-kh {

  float: left;

  width: 100%;

  margin-top: 10px
}

.khach-hang-footer {

  float: left;

  width: 100%;

}

.khach-hang-footer h4 {

  color: #afa38a;

  font-size: 13px;

  font-style: italic;

  line-height: 20px;

  text-align: left;

  width: 94%;

}

#footer-box1 a {

  width: 100%;

}

.khach-hang-footer p {

  color: #afa38a;

  float: right;

  font-size: 13px;

  font-style: italic;

  margin: 25px 10% 0 0;

  text-align: right;

  width: 100%;

}

#box4-top {

  float: left;

  margin-bottom: 25px;

  width: 100%;

}

#box4-top ul {

  float: left;

  width: 100%;

  margin-left: 0px !important;

}

#box4-top ul li {
  color: #fff;

  float: left;

  height: 24px;

  width: 100%;

  padding: 1px 0px;

}

#box4-top ul li:nth-child(1) {

  background: rgba(0, 0, 0, 0) url("images/mail-ico.png") no-repeat scroll left center;

  padding-left: 10%;

  width: 90%;

}

#box4-top ul li:nth-child(2) {

  background: url("images/phone-ico.png") no-repeat left center;

  padding-left: 10%;

  width: 90%;

}

#box4-top ul li:nth-child(3) {

  background: url("images/addr-ico.png") no-repeat left center;

  padding-left: 10%;

  width: 90%;

}

#box4-bottom {

  float: left;

  width: 100%;

}

#box4-bottom h2 {

  color: #afa38a;

  font-size: 13px;

  font-weight: bold;

  line-height: normal;

  padding-bottom: 15px;

}

#box4-bottom>a {

  margin-left: 0 !important;

  margin-right: 15px;

}

#box4-bottom img {

  opacity: 0.5;

}

#box4-bottom img:hover {

  opacity: 1;

  transition: 0.3s;

}

.footer-box2 a {

  color: #afa38a !important;

}

.footer-text-3.footer-text>a {

  width: 100% !important;

  margin-left: 0px !important;

}

/*End Duy CSS*/

.full-footer-box {

  padding: 20px 0;

}

.full-footer-box,
.full-footer {

  float: left;

  width: 100%;

}

.limit {

  float: left;

  width: 100%;

}

.flex-ft {

  display: flex;
  flex-wrap: wrap;
  GAP: 10PX;
}

.footer-box1,
.footer-box2,
.footer-box3,
.footer-box4 {

  width: 23%;

}



.footer-box1 ul,
.footer-box2 ul,
.footer-box3 ul {

  margin-bottom: 0px;

  margin-top: 0px;

}

#footer-box {

  float: left;

  width: 100%;

}

.footer-box2 ul {

  margin: 10px 0 0 0 !important;

}

.footer-box2 ul li {

  float: left;

  width: 100%
}

.footer-text-1 {

  margin-top: 10px;

}

#footer-box a {

  color: #999;

  font-size: 15px;

  line-height: 25px;

  float: left;

  margin-left: 12px;

}

#footer-box h3 {

  background: #ffff;

  color: #ffff;

  font-size: 20px;

  font-weight: 300;

  line-height: 40px;

  padding-left: 10px;

  text-transform: none;

}

.copyright {

  color: #000;

  font-size: 13px;

  font-weight: noold;

  padding: 20px 0;

  text-align: left;

  float: left;

}

.infofooter p {

  font-size: 13px;

  line-height: normal;

  margin: 0;

  color: #3E3E3E;

}



.footer-text {

  color: #7d7d7d;

  font-size: 12px;

  font-weight: normal;

  line-height: 20px;

  margin-bottom: 10px;

  margin-top: 10px;

}



.infofooter {

  width: 96%;

  margin: auto;

}



.infofooter a {

  font-weight: normal;

}

#footer .right {

  width: 50% !important;

  float: right;

  padding: 20px 0px;

  color: #000;

}

#footer .right a {

  color: #000;

}

.new-post-footer-right h4 {

  float: left;

  width: 100%;

}

.new-post-footer-right span {
  color: #fff;

  display: block;

  margin-left: 12px;

  font-size: 11px;

  margin-top: 5px;

  float: left;

  width: 100%;

  text-align: left;

}

/**** Responsive settings ******/



@media only screen and (max-width: 1200px) {

  #footer-box h3 {

    font-size: 20px;

    line-height: 40px;

  }

}



@media only screen and (max-width: 960px) {

  #box4-top ul li:nth-child(1),
  #box4-top ul li:nth-child(2),
  #box4-top ul li:nth-child(3) {

    padding-left: 15%;

    width: 85%;

  }

  #box4-top ul li {

    height: auto;

  }

  #box4-top {

    margin-bottom: 10px;

  }

}





@media only screen and (min-width: 768px) and (max-width: 799px) {

  #box4-bottom>a {

    margin-right: 6px;

  }

  .footer-box1,
  .footer-box2,
  .footer-box3,
  .footer-box4 {

    float: left;

    width: 22%;

  }

  #mo-ta-mxh1 {

    margin-right: 88px;

  }

  #mo-ta-mxh2 {

    margin-right: 64px;

  }

  #mo-ta-mxh3 {

    margin-right: 83px;

  }

  #mo-ta-mxh4 {

    margin-right: 64px;

  }

  #danh-gia-kh .bx-wrapper .bx-controls-direction a {

    top: 114%;

  }

}



@media only screen and (max-width: 768px) {

  /*Duy CSS cho footer*/

  #footer-box h3 {

    padding-left: 0px;

  }

  .footer-box2 a {

    padding: 0px !important;

  }

  #box4-bottom a {

    padding: 0% !important;

  }

  #box4-top ul li {

    text-align: left;

  }

  #box4-bottom h2 {

    text-align: left;

  }

  /*Hết Duy CSS cho footer*/

  #footer-box a {

    margin-left: 0;

    padding-left: 6%;

    padding-right: 7%;

    width: auto;

  }

  #footer-box h3,
  #footer-box ul,
  #footer-box .footer-text {

    margin-left: 0;

  }



  .footer-box1,
  .footer-box2,
  .footer-box3,
  .footer-box4 {

    text-align: center !important;

    width: 48%;

    margin-bottom: 10px;

    /* margin: 5% 0%; */

  }



  .footer-box2,
  .footer-box3 {

    margin: 0px;



  }

  #box4-top ul li:nth-child(1),
  #box4-top ul li:nth-child(2),
  #box4-top ul li:nth-child(3) {

    padding-left: 10%;

    width: 90%;

  }

  #footer .right {

    width: 100% !important;

    float: left;

    padding: 0px 0px 10px;

    color: #fff;

    text-align: center;

  }

  .copyright {

    width: 100%;

    text-align: center;

    padding-bottom: 10px;

  }

}



@media only screen and (max-width:640px) {

  #footer-box h3 {

    font-size: 18px;

    line-height: 35px;

  }

  .khach-hang-footer h4 {

    width: 100%;

  }

}



@media only screen and (max-width:480px) {

  .footer-box1,
  .footer-box2,
  .footer-box3,
  .footer-box4 {

    width: 100%;

  }

  .full-footer-box {

    padding: 20px 0 0;

  }

}