/* content */
.home .full-top-title,.single .full-top-title{display: none;}
.full-top-title {
    background: url(images/sbg1.jpg) no-repeat;
    background-position: 100%;
    background-size: cover;
    position: relative;
    text-align: center;
    height: 200px;
    margin:0 0 100px;
    float: left;
    width: 100%;
}
.full-top-title:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.breadcrumb {
    padding: 20px 15px 20px;
    margin: auto;
    list-style: none;
    background-color: #ffffff;
    border-radius: 4px;
    width: 50%;
    position: relative;
    bottom: -165px;
    box-shadow: 0px 4px 4px rgba(238, 238, 238, 0.6);
    box-sizing: border-box;
}
.breadcrumb h1 {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 5px;
    color: #e00000;
}
.breadcrumb>ol {
    margin: 0;
}
.breadcrumb ol li {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}
.breadcrumb>ol>li+li:before {
    content: "\f006";
    font-family: FontAwesome;
    font-size: 16px;
    padding: 0 10px;
    vertical-align: middle;
    font-weight: normal;
}
.breadcrumb ol li a {
    color: #555;
}
ul.service-box,ul.lanhdao-box {
    margin-bottom: 50px;
    width: 100%;
    float: left;
}
ul.service-box li,ul.lanhdao-box li {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
    box-shadow: 2px 1px 6px rgba(238, 238, 238, 0.75);
    margin-bottom: 20px;
}
ul.service-box li:nth-of-type(3n),ul.lanhdao-box li:nth-of-type(3n){
    margin-right: 0;
}
#lanhdao{padding: 80px 0;}
#lanhdao h2.h-title{
    color: #3a3636;
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
#lanhdao hr{
    border-color: #e00000 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 2px 0 0;
    height: 0;
    margin: 10px auto;
    width: 60px;
}
#lanhdao .ld-heading p {
    margin: 25px auto;
    max-width: 700px;
    line-height: 24px;
    font-weight: 500;
}
.service-box li .page-img ,.lanhdao-box li .ld-img{
    position: relative;
    border-bottom: 4px solid #e00000;
    overflow: hidden;
    margin: -1px;
    width: 100%;
    float: left;
}
.service-box .page-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    opacity: 0;
    transform: translate(180px, -100px);
    transition: all 0.4s 0.4s ease-in-out;
}
.page-overlay img.service-icon {
    position: relative;
    top: 50px;
    float: none;
    max-width: 100%;
}
.service-box li:hover .page-overlay {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0s;
}
.page-img>a>img,.ld-img>img  {
    float: left;
    width: 100%;
}
.service-box li .page-img:after ,.lanhdao-box li .ld-img:after{
    content: '';
    position: absolute;
    left: 80px;
    bottom: 0px;
    border-left: 6px solid transparent;
    border-bottom: 5px solid #e00000;
    width: 100%;
}
.page-content ,.ld-content{
    clear: both;
    float: left;
    width: 100%;
    padding: 0px 12px;
    text-align: left;
    box-sizing: border-box;
}
.ld-content{
    text-align: center;
}
.page-content h2.title, .ld-content h2.title{
    font-size: 22px;
    margin: 10px 0;
}
.ld-content h2.title{
    color: #e00000;
}
.ld-content h5{
    color: #8b8b8b;
    font-weight: 600;
    margin: 0 0 20px;
    text-transform: capitalize;
}
.page-content h2.title a {
    color: #3c3c3c;
    transition: .7s;
    font-size: 15px;
}
.service-box li:hover h2.title a {
    color: #e00000
}
.full-content {
    float: left;
    width: 100%;
}
.content-box {
    float: left;
    width: 100%;
}
.content-box-1 {
    box-sizing: border-box;
    float: left;
    width: 75%;
}
/* */
/*      Content       */
#row-wrap-content {
    margin-top: 5px;
}
.hide{
    display: none;
}
#row-wrap-content section {
    background: none repeat scroll 0 0 #FFFFFF;
}
#wrap-content{
    float: left;
    width: 100%;
}
.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: 14px;
    margin: 5px 0;
    line-height: 22px;
    word-spacing: 3px;
}
.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;}
.aligncenter{
    text-align:center;
}
.full-content table {
    max-width: 100%;
}
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}
/*      Post        */
.content-box-1 {
    float: left;
    width: 75%;
    box-sizing: border-box;
}
.post-img img {
    max-width: 100%;
    height: auto;
}
h1.entry-title {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    clear: both;
    border-bottom: 2px solid #e00000;
}
.entry-content img {
    max-width: 100%;
    height: auto;
}
.lanhdao-box li .ld-img img{
    object-fit: cover;
}
.ovf {
    width: 45%;
    float: left;
    margin-top: 10px;
}
.ovf a {
    width: 100%;
    float: left;
}
.ovf a img {
    width: 25%;
    float: left;
    max-height: 90px;
}
.mh.block {
    width: 70%;
    float: right;
    font-size: 13px;
    font-weight: bold;
}
.mh.block:hover{
    color:#ff0000;
}
.entry-tag {
  margin-top: 10px;
  width: 100%;
  float: left;
}
.tags li {
  float: left;
}
.tags a {
  background: #ff0000 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;
}
.tags a:hover{
    background: #c5242a;
}
.tags a::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  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 #ff0000;
  border-top: 13px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
.tags a:hover:after{
      border-left: 10px solid #c5242a;
}
.single-post div.pp_woocommerce .pp_content_container{padding:8px 0;}
.single-post .pp_content_container .pp_left{padding-left:8px;}
/*comment form*/
#commentform label {
    float: left;
    width: 100%;
}
#comments textarea {
    max-width: 100%;
    width: auto;
}
#commentform .form-allowed-tags,
#commentform .form-submit {
    clear: both;
    float: left;
    margin-top: 10px;
}
#comments.comments-area,.related-post {
    border-top: 1px solid #CCCCCC;
    float: left;
    width: 100%;
    margin-top: 15px;
}
#commentform p {
    clear: both;
}
/* Related post*/
.related-post{
  margin-bottom: 20px;
}
.related-post h3{
  margin:10px 0;
}
.related-post ul{
  padding-left:20px;
}
.related-post ul li{
  float: left;
  width:100%;
  list-style: outside none circle;
  margin-top:10px;
}
.related-post ul li a{
  width: 100%;
  font-size:13px;
  font-weight: bold;
}
/* Category */
.category .full-content h1.page-title,
.search .full-content h1.page-title {
    border-bottom: 2px solid #e00000;
    width: 100%;
    margin-bottom: 10px;
    font-size: 27px;
    height: auto;
}
#content .type-post {
    float: left;
    padding-bottom: 20px;
    width: 48%;
    margin: 0 2% 0 0;
}
.search #content .type-post {
    width: 100%;
    margin: 0;
    padding: 0;
}
#content .type-post:nth-child(2n+1) {
    clear: both;
}
.entry-content .post-img {
    margin-bottom: 10px;
}
.entry-content .attachment-full {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.entry-content .post-title time.time {
    position: relative;
    float: left;
    width: 65px;
    height: 75px;
    font-weight: 600;
    text-align: center;
}
.post-title time.time span {
    font-size: 32px;
    color: #ffffff;
    background: #d10a0a;
    padding: 5px 0;
    margin:0;
}
.post-title .post-text {
    position: relative;
    padding-left: 90px;
    padding-top: 10px;
}
.post-title time.time strong {
    font-size: 14px;
    color: #000;
    border: 1px solid #999;
    border-top: 0;
    padding: 5px 0;
    box-sizing: border-box;
}
.post-title time.time * {
    display: block;
    width: 100%;
}
.post-title .post-text h2.title {
    margin: 0;
    font-weight: 600;
    font-size: 16px
}
.post-title .post-text h2 a {
    color: #2e2e2e;
}
.post-title .post-text p {
    margin: 5px 0 0;
    color: #666;
}
.post-title .post-text p:before {
    content: url("images/fa-user.png");
    padding-right: 10px;
    vertical-align: middle;
}
.post-title .post-text p a+a:before {
    content: url("images/fa-comments.png");
    padding: 0 10px;
    vertical-align: middle;
}
.entry-content .post-content {
    margin-top: 25px;
}
.wp-pagenavi {
    float: left;
    margin: 20px 0;
}/*category*/
.content-box-12 {   
width: 100%;    float: left;}
.list-sub-category {    width: 100%;    float: left;}
.list-sub-category li {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-height: 355px;
}
.title_sub {
    border-bottom: 5px solid #ff0000;
}
.title_sub a {
    background: #ff0000;
    font-size: 21px !important;
    padding: 4px;
    color: #ffffff;
    background: url("images/icon-category.png") no-repeat scroll 10px 10px #ff0000;
    padding-left: 35px;
    padding-right: 15px;
}
.large-entry {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.entry-bottom-img {
    width: 35%;
    float: left;
    margin-top: 15px;
}
.entry-bottom-img img { width: 100%;    max-height: 90px;}
.entry-bottom-img a {
    float: left;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.entry-bottom-title {
    width: 62%;
    float: right;
}
.entry-bottom-title h3 a{
    color:#ff0000;
}
.entry-bottom-excerpt {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.small-entry {
    width: 100%;
    float: left;
}
.small-entry-title a {
    padding-left: 21px;
}
.small-entry-title a:before {
    content: "\f006";
    font-size: 16px;
    font-family: FontAwesome;
}
.small-entry {
    width: 100%;
    float: left;
    margin-top: 7px;
}
.content-category {
    width: 100%;
    float: left;
}
.content-category1 {
    width: 33%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}
.content-category1 {
    width: 33%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    min-height: 481px;
    /* margin-bottom: 14px; */
}
/*dịch vụ*/
.entry-bottom-header {
    width: 20%;
    float: left;
}
.entry-bottom-header h3{
    width:100%;
    float:left;
}
.entry-bottom-header h3 img {
    width: 100%;
    max-height: 168px;
}
.entry-bottom-header {
    width: 25%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}
/*      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"] {
    box-shadow: none;
    height: 24px;
}
.box-myaccount .lost_password {
    float: right;
    font-size: 12px;
}
.login label[for=rememberme] {
    clear: both;
    float: left;
}
/**** Responsive settings ******/
@media only screen and (max-width: 900px) {
    .post-title .post-text {
        padding-left: 70px;
        padding-top: 0;
    }
    .page-content h2.title, .ld-content h2.title {
        font-size: 20px;
    }
    #lanhdao {
        padding: 30px 0;
    }
}
@media only screen and (max-width: 800px) {
    .full-top-title {
        margin-bottom: 50px;
    }
    .entry-content .post-content {
        margin-top: 10px;
    }
    h1.entry-title{
        font-size: 17px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .title_sub a {
        font-size: 14px !important;
        background-position: 10px 6px;
    }
    .large-entry {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 768px) {
    .content-category,
    .show-more-post{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .content-category1,
    .ovf{
        width: 49%;
        padding: 0;
        min-height: auto;
        margin-bottom: 15px;
    }
    .post-title .post-text h2.title {
        font-size: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .content-box-1,
    .box-content,
    .contact-left,
    .contact-right {
        width: 100%;
    }
    .wpcf7-form label,
    #content .wpcf7-form .wpcf7-form-control-wrap {
        width: 100%;
    }
    .wpcf7-form .wpcf7-submit {
        margin-left: 0;
    }
    .lanhdao-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
     ul.lanhdao-box li{
        margin-right: 0;
        width: 49%;
     }
    ul.service-box li{
        width: 50%;
        margin-right: 0;

    }
    .breadcrumb{width: 60%;}
    .list-sub-category li {
        width: 100%;
        float: left;
        padding: 0px;
        box-sizing: border-box;
       }
   .entry-bottom-img {
    width: 100%;
   }
   .entry-bottom-title {
    width: 100%;
   }
   .entry-bottom-img img {
    max-height: 200px;
    }
    .entry-bottom-header {
    width: 100%;
    float: left;
    padding: 5px;
    box-sizing: border-box;
}
}
@media only screen and (max-width: 640px) {
    #content .type-post {
        width: 100%;
        margin: 0
    }
    .breadcrumb{width: 80%;}
    .title_sub a {
    font-size: 14px !important;
   }
   .ovf a {
    width: 100%;    
    }
    .ovf a img {
    width: 25%;
    float: left;
    max-height: none;
    height: auto;
    }
    #lanhdao {
        padding: 20px 0;
    }
    #lanhdao .ld-heading p {
    margin: 15px auto;
     }
}
@media only screen and (max-width: 480px) {
    #content .wpcf7-form p {
        width: 100%;
        margin: 0 0 10px 0
    }
    .breadcrumb{width: 100%;}
    .breadcrumb h1.entry-title {font-size: 20px;}
    .content-category1,
    .ovf {
      width: 100%;
    }
}
@media only screen and (max-width: 400px) {
    ul.lanhdao-box li {
        width: 100%;
    }
}
@media only screen and (max-width: 360px) {
    .post-title .post-text p a + a::before {
        padding: 0
    }
    .post-title .post-text h2.title {
        font-weight: 500
    }
    .post-title .post-text {
        padding-top: 0
    }
}