/*      Content       */

/* Chữ 12/09/2019 */

/* Page */
.full-content-page {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-content-page {
  width: calc(100% - 310px);
  margin-left: auto;
  float: left;
  margin-top: 1px;
}
.content-gioithieu {
  float: left;
  width: 100%;
}
.entry-content {
  float: left;
  width: 100%;
}

/* List post */
.list-post {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.box-post {
  width: calc(100%/3 - 2%);
  margin-right: 3%;
  margin-bottom: 3%;
  background: #f0f0f0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.box-post:hover {
  -webkit-box-shadow: 0px 0px 4px 3px #ccc;
          box-shadow: 0px 0px 4px 3px #ccc;
}
.box-post:nth-child(3n) {
  margin-right: 0px;
}
.img-post {
  display: inline-block;
  float: left;
  overflow: hidden;
}
.img-post img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 280px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.box-post:hover .img-post img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.text-post {
  float: left;
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.full-content .title-cate {
  margin: 0;
}
.title-cate a {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.box-post:hover .title-cate a {
  color: #33980a;
}
.full-content .text-post p {
  font-size: 15px;
  margin: 7px 0px;
}
.dt-categoty {
  float: right;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  color: #33980a;
  border: 1px solid #33980a;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.dt-categoty:hover {
  background: #33980a;
  color: #fff !important;
}

/* ********************* */
.hide {
  display: none;
}
.full-content h1, .full-content h2, .full-content h3, .full-content p, .full-content span {line-height: normal;margin: 0;}
.full-content p, .full-content span {font-size: 15px;margin: 5px 0;}
.full-content h1 {font-size: 24px;margin-bottom: 10px;}
.full-content h2 {font-size: 14px;font-weight: bold;margin: 10px 0;}
.full-content h3 {font-size: 15px;font-weight: bold;margin-top: 10px;}
.entry-title > a {
  color: #333;
  font-weight: bold;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img{
  max-width:100%;
  height:auto;
}
/*      Post        */
.single-post div.pp_woocommerce .pp_content_container{padding:8px 0;}
.single-post .pp_content_container .pp_left{padding-left:8px;}
 div.pp_woocommerce .pp_content_container{padding:8px 0;}
 .pp_content_container .pp_left{padding-left:8px;}
#comments textarea {
  max-width: 100%;
  width: auto;
}
#commentform .form-allowed-tags, #commentform .form-submit {
  clear: both;
  float: left;
  margin-top: 10px;
}
#comments.comments-area {
  border-top: 1px solid #CCCCCC;
  float: left;
  width: 100%;
  margin-top: 15px;
}
#commentform p {
  clear: both;
}
.full-content {
  float: left;
  width: 100%;
}
.content-box {
  float: left;
  width: 100%;
}
.content-box-1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 75%;
}
.search .product,.search .page {
  float: left;
  width: 100%;
}
.entry-tag {
  width: 100%;
  float: left;
}
.tags li {
  float: left;
}
.tags a::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.25) inset;
          box-shadow: 0 1px rgba(0, 0, 0, 0.25) inset;
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 6px;
}
.tags a::after {
  background: #fff none repeat scroll 0 0;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #da1818;
  border-top: 13px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.tags a {
  background: #da1818 none repeat scroll 0 0;
  border-radius: 3px 0 0 3px;
  color: #fff;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin: 0 10px 10px 0;
  padding: 0 20px 0 23px;
  position: relative;
  text-decoration: none;
}
.related-post {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.related-post ul {
  padding-left: 20px;
}
.related-post ul li {
  color: #e10000;
  float: left;
  list-style-type: square;
  margin-top: 10px;
  width: 100%;
}
.related-post ul li > a:hover {
  color: #ff0000;
}

/*      Myaccount       */
.box-myaccount {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);left: 35%;padding: 5px;position: absolute;top: 10%;z-index: 9999;}
.box-myaccount .woocommerce {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  padding: 10px;
}
.box-myaccount #customer_login.col2-set .col-1, .box-myaccount #customer_login.col2-set .col-2 {float: left;width: 100%;}
.box-myaccount .login, .box-myaccount .register {display: none;margin: 10px 0 !important;padding: 10px !important;}
.box-myaccount.show-login .login {display: block;float: left;}
.box-myaccount.show-register .register {display: block;}
.box-myaccount.show-login .form-row {float: left;margin: 0;width: 100%;}
.wrap-for-myaccount {background: none repeat scroll 0 0 #000000;height: 100%;left: 0;opacity: 0.5;position: fixed;top: 0;width: 100%;z-index: 9999;}
.box-myaccount h2 {font-size: 18px;text-transform: uppercase;}
.box-myaccount label {color: #181818;font-size: 13px;margin-bottom: 5px;}
.box-myaccount input[type="email"], .box-myaccount input[type="password"] {-webkit-box-shadow: none;box-shadow: none;height: 24px;}
.box-myaccount .lost_password {float: right;font-size: 12px;}
.login label[for=rememberme] {
  clear: both;
  float: left;
}


/*comment form*/
#commentform label {
  float: left;
  width: 100%;
}

.muang {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  position: absolute;
  top: 25%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 100%;
}
.muang > p {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ff0000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ff0000;
  padding: 7px;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 48%;
  font-size: 13px;
}

.sp-moi .muang {
  width: 98%!important;
}

.muang1 {
  float:left;
}
.muang2 {
  float:right;
}
.muang1:hover{
   background: #ff0000 none repeat scroll 0 0;
   color:#fff;
   -webkit-transition:0.5s;
   -o-transition:0.5s;
   transition:0.5s;
}
.muang2:hover{
   background: #ff0000 none repeat scroll 0 0;
   color:#fff;
   -webkit-transition:0.5s;
   -o-transition:0.5s;
   transition:0.5s;
}
.woocommerce .full-content ul.products li.product:hover .muang {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.woocommerce-product-gallery__wrapper {
  margin: 0;
}
.screen-reader-text {
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 33px;
  margin-right: 10px;
}
.quick_cart .screen-reader-text {
  display: none;
}
/**** Responsive settings ******/
@media only screen and (max-width: 960px) {
.main-content-page {
  width: 100%;
}
.wp-pagenavi{
  margin-bottom: 20px;
}
}
@media only screen and (min-width: 800px) and (max-width: 939px) {}
@media only screen and (min-width: 768px) and (max-width: 799px) {
.box-myaccount {
  left: 10%;
}
}
@media only screen and (max-width: 767px) {
.content-box-1 {
  width: 100%;
}
.box-myaccount {
  left: 0;
  margin: 0 10px;
}
.wpcf7-form label, #content .wpcf7-form .wpcf7-form-control-wrap {
  width: 100%;
}
.wpcf7-form .wpcf7-submit {
  margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.full-content {
  margin-top: 5px;
}
.box-myaccount {
  left: 10%;
}
.muang {
  display: none;
}
.sp-moi .muang {
  display: none;
}
#content .type-post {
  margin-bottom: 40px;
  padding: 0;
  width: 100%;
}

}
@media only screen and (max-width: 640px ) {
.box-post {
  width: 49%;
  margin-right: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}
.list-post {
  justify-content: space-between;
}
}
@media only screen and (max-width:400px){
  .box-post {
    width: 100%;
  }
}
@media only screen and (min-width:320px) and (max-width: 479px) {

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

}