/* Responsive */
@media only screen and (max-width: 1179px) {
  .fix-width {
    padding: 0 10px; } }

@media only screen and (max-width: 959px) {
  #primary-menu > ul > li > a {
    padding: 0 12px; }
  #secondary {
    margin-top: 20px; }
  header.header .menu-bar {
    margin-top: 10px; }
  header.header .menu-mobile-icon {
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 120% !important;
    transition: .5s all ease; }
  .show-menu-mobile .menu-primary:not(.fixed) {
    position: relative;
    z-index: 2147483647; }
  .show-menu-mobile .menu-primary:after {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: -4px;
    color: #fff;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .show-menu-mobile .menu-primary .fix-menu-mobile-icon {
    transition: .48s left ease-in-out; }
  .menu-mobile-icon.fix-menu-mobile-icon {
    position: fixed;
    transition: all 0.5s ease 0s;
    z-index: 999999; }
  .menu-mobile-icon .menu {
    height: 45px;
    line-height: 45px;
    position: relative; }
  .menu-mobile-icon .nav_trigger {
    display: inline-block;
    border-radius: 3px;
    height: 45px;
    vertical-align: middle;
    width: 45px;
    position: relative;
    cursor: pointer;
    background: #f00;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    .menu-mobile-icon .nav_trigger:hover {
      background: #0068A2; }
    .menu-mobile-icon .nav_trigger .gh-svg {
      fill: #fff;
      font-size: 18px;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transform: translateZ(0) rotate(0deg);
      -ms-transform: translateZ(0) rotate(0deg);
      transform: translateZ(0) rotate(0deg);
      -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      font-size: 18px;
      font-size: 1.8rem; }
    .menu-mobile-icon .nav_trigger .gh-svg-rect {
      left: 0;
      top: 0;
      -webkit-transition: -webkit-transform 0.2s 0.2s;
      transition: transform 0.2s 0.2s; }
    .menu-mobile-icon .nav_trigger .gh-svg-rect-top {
      -webkit-transform: translate3d(0, -8px, 0);
      -ms-transform: translate3d(0, -8px, 0);
      transform: translate3d(0, -8px, 0); }
    .menu-mobile-icon .nav_trigger .gh-svg-rect-bottom {
      -webkit-transform: translate3d(0, 8px, 0);
      -ms-transform: translate3d(0, 8px, 0);
      transform: translate3d(0, 8px, 0); }
  .show-menu-mobile .menu-mobile-icon .nav_trigger {
    background: #ED1A24;
    -webkit-transform: translateZ(0) rotate(90deg);
    -ms-transform: translateZ(0) rotate(90deg);
    transform: translateZ(0) rotate(90deg);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg {
      -webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      -webkit-transform: translateZ(0) rotate(45deg);
      -ms-transform: translateZ(0) rotate(45deg);
      transform: translateZ(0) rotate(45deg); }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-top {
      -webkit-transform: translateZ(0) rotate(45deg);
      -ms-transform: translateZ(0) rotate(45deg);
      transform: translateZ(0) rotate(45deg); }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-bottom {
      -webkit-transform: translateZ(0) rotate(-45deg);
      -ms-transform: translateZ(0) rotate(-45deg);
      transform: translateZ(0) rotate(-45deg); }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect {
      -webkit-transition: -webkit-transform 0.2s;
      transition: transform 0.2s; }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect-top,
    .show-menu-mobile .menu-mobile-icon .nav_trigger .gh-svg-rect-bottom {
      -webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .fa {
      font-size: 25px;
      font-size: 2.5rem;
      height: 25px;
      color: #D37247;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      cursor: pointer; }
    .show-menu-mobile .menu-mobile-icon .nav_trigger .fa-bars,
    .show-menu-mobile .menu-mobile-icon .nav_trigger .fa-remove {
      display: none; }
    .show-menu-mobile .menu-mobile-icon .nav_trigger:hover .fa {
      color: #fff; }
  .show-menu-mobile .overlay-background {
    opacity: 1;
    visibility: visible; }
  .show-menu-mobile #mobile-menu {
    right: 0;
    opacity: 1;
    visibility: visible; }
  #mobile-menu {
    display: block;
    background: #222;
    bottom: 0;
    font-size: 15px;
    left: auto;
    right: -100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 260px;
    z-index: 2147483647;
    border-left: 1px solid rgba(255, 255, 255, 0.1); }
    #mobile-menu nav.menu-mobile {
      bottom: 0;
      left: 0;
      overflow-y: scroll;
      position: absolute;
      right: 0;
      top: 0; }
      #mobile-menu nav.menu-mobile a {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        transition: .3s ease all;
        position: relative; }
        #mobile-menu nav.menu-mobile a .open-sub {
          background: rgba(210, 57, 10, 0.8);
          border-radius: 50%;
          bottom: 0;
          font-size: 20px;
          height: 30px;
          line-height: 25px;
          margin: auto;
          position: absolute;
          right: 10px;
          text-align: center;
          top: 0;
          width: 30px;
          transition: .5s all ease-in-out; }
          #mobile-menu nav.menu-mobile a .open-sub:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) inset; }
          #mobile-menu nav.menu-mobile a .open-sub .fa {
            transition: .5s all ease-in-out; }
      #mobile-menu nav.menu-mobile ul {
        list-style: outside none none;
        margin: 0; }
        #mobile-menu nav.menu-mobile ul li.open > a .open-sub,
        #mobile-menu nav.menu-mobile ul li > a.current .open-sub {
          transform: rotate(90deg); }
      #mobile-menu nav.menu-mobile > ul > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        #mobile-menu nav.menu-mobile > ul > li > a {
          box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2) inset;
          display: block;
          padding: 7px 15px;
          transition: all 0.3s ease 0s; }
          #mobile-menu nav.menu-mobile > ul > li > a:hover,
          #mobile-menu nav.menu-mobile > ul > li > a .current {
            background: #0068A2;
            box-shadow: none; }
        #mobile-menu nav.menu-mobile > ul > li ul.dropdown {
          margin-left: 15px;
          display: none;
          transition: .5s all ease-in-out; }
          #mobile-menu nav.menu-mobile > ul > li ul.dropdown li:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
          #mobile-menu nav.menu-mobile > ul > li ul.dropdown li a {
            display: block;
            padding: 5px 15px; }
          #mobile-menu nav.menu-mobile > ul > li ul.dropdown li:hover > a,
          #mobile-menu nav.menu-mobile > ul > li ul.dropdown li > a.current {
            color: #FFA500; }
        #mobile-menu nav.menu-mobile > ul > li a.current + ul.dropdown,
        #mobile-menu nav.menu-mobile > ul > li.open > ul.dropdown {
          display: block; } }

@media only screen and (max-width: 859px) {
  header.header .branding {
    max-width: 180px;
    margin-top: 10px; }
  #ht-slider .caption {
    font-size: 25px;
    font-size: 2.5rem; }
  #ht-slider .caption .line1 {
    font-size: 40px;
    font-size: 4rem; }
  #ht-slider .owl-item .caption .caption-line.line1 span {
    width: 75%;
    width: calc(100% - 180px); }
  #ht-slider .owl-item .caption .caption-line.line2 span {
    width: 70%;
    width: calc(95% - 180px); }
  #ht-slider .owl-item.active .caption .caption-line.line1 span {
    margin-left: 25%;
    margin-left: 180px; }
  #ht-slider .owl-item.active .caption .caption-line.line2 span {
    margin-left: 30%;
    margin-left: calc(5% + 180px); }
  .project-related {
    margin-top: 40px; } }

@media only screen and (max-width: 767px) {
  #ht-slider .owl-nav {
    display: none; }
  .ht-widget-home {
    padding: 30px 0; }
  .ht-widget-home.our-products .group-product {
    margin-bottom: 30px; }
  footer.footer .bar-footer,
  footer.footer .bar-footer .copyright {
    text-align: center; } }

@media only screen and (max-width: 679px) {
  .ht-widget-home .section-title {
    font-size: 2rem;
    text-align: center;
    height: 30px; }
  #ht-slider .caption {
    font-size: 18px;
    font-size: 1.8rem; }
  #ht-slider .caption .line1 {
    font-size: 30px;
    font-size: 3rem; }
  .home-about-us .block .block-title,
  .template-contact-us .block .block-title {
    font-size: 35px;
    font-size: 3.5rem; } }

@media only screen and (max-width: 639px) {
  .branding .description {
    padding: 0; }
  header.header .ads-img {
    display: none; }
  .ht-widget-home {
    padding: 10px 0; }
  .ht-widget-home.section.khoang-khong {
    height: 60px; }
  .collection-tools select {
    max-width: 100px; }
  .blog-service .list-services .service:not(:last-child) {
    padding-bottom: 35px; }
  .blog-service .list-services .service .thumb {
    display: block;
    text-align: center; }
  .blog-service .list-services .service .entry-title {
    text-align: center; }
  .blog-service .list-services .service .excerpt {
    text-align: justify; }
  .blog-service .list-services .service .read-more {
    text-align: right; }
  footer.footer .bar-footer .socials-like {
    margin-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 7px; }
  footer.footer .informations .widget:nth-child(2),
  footer.footer .informations .widget:nth-child(3) {
    display: none; }
  footer.footer .footer-menu li {
    padding: 3px 0; } }

@media only screen and (max-width: 579px) {
  #ht-slider .caption {
    display: none; } }

@media only screen and (max-width: 519px) {
  .main-product > .article-content {
    margin-top: 20px; }
  .main-product .content-tabs .tab-title li a {
    font-weight: 600;
    padding: 5px 10px;
    text-transform: none; }
  .products-related .collection-title {
    font-size: 16px;
    font-size: 1.6rem; } }

@media only screen and (max-width: 479px) {
  .ht-widget-home.partners .section-header .section-title {
    font-size: 18px;
    font-size: 1.8rem; }
  .home-about-us .block .block-title,
  .template-contact-us .block .block-title {
    font-size: 25px;
    font-size: 2.5rem; }
  .page.template-about-us .section-boxes .box:not(:last-child) {
    margin-bottom: 30px; }
  footer.footer .wrap-footer .newsletter .widget_wysija .widget_wysija_cont input[type="text"] {
    width: 200px; } }

@media only screen and (min-width: 480px) {
  .ht-widget-home.our-products .group-product {
    width: 48%;
    margin-left: 4%;
    float: left; }
  .ht-widget-home.our-products .group-product:nth-child(2n + 1) {
    margin-left: 0;
    clear: left; }
  /*.products.grid .product{
	width: 47.5%;
	margin-left: 5%;
	float: left;
	clear: none;
}
	.products.grid .product:nth-child(2n + 1){
	margin-left: 0;
	clear: left;
}*/ }

@media only screen and (min-width: 520px) {
  .main-product > .left-content {
    float: left;
    width: 50%; }
  .main-product > .article-content {
    float: right;
    width: 47%; }
  .home-about-us .block .content-right {
    float: right;
    width: 45%;
    margin-left: 5%; }
  .home-about-us .block.vision-mission .content-image {
    padding-top: 50px; }
  .template-contact-us .office-address {
    float: left;
    width: 40%; }
  .template-contact-us .form-content {
    float: right;
    width: 57%; }
  .archive-news .section-content > .entry:first-child .thumb {
    float: left;
    margin-right: 30px;
    width: calc(50% - 30px); }
    .archive-news .section-content > .entry:first-child .thumb img {
      width: 100%; }
  .archive-news .section-content > .entry:first-child .section-content {
    display: inline-block;
    width: 50%; }
  .products.row .product .entry-summary .actions .block-add-to-cart,
  .products.row .product .entry-summary .actions .detail {
    background: #0068A2;
    border: 0;
    transition: .3s all ease-in-out;
    margin: 0 10px 0 0;
    padding: 3px 15px;
    text-transform: uppercase; }
  .products.row .product .entry-summary .actions .fa {
    margin-right: 10px;
    font-size: 18px;
    font-size: 1.8rem; } }

@media only screen and (min-width: 580px) {
  .ht-widget-home.col-2 {
    width: 49%;
    float: left;
    margin-left: 2%;
    box-sizing: border-box; }
  .ht-widget-home.col-2:nth-child(2n + 1) {
    margin-left: 0;
    clear: left; }
  .archive-header.banner-page-header .archive-title {
    font-size: 30px;
    font-size: 3rem; } }

@media only screen and (min-width: 640px) {
  .ht-widget-home.our-products .group-product {
    width: 46%;
    margin-left: 8%; }
  .ht-widget-home.about-us .video-block {
    float: left;
    width: 40%; }
  .ht-widget-home.about-us .content-block {
    float: right;
    width: 55%; }
  .ht-widget-home.about-us .video-block {
    padding-top: 60px; }
  .home-about-us .block .content-right {
    width: 48%;
    margin-left: 4%; }
  .template-contact-us .form-content .left-part {
    float: left;
    width: 48%; }
  .template-contact-us .form-content .right-part {
    float: right;
    width: 48%; }
  .page.template-about-us .section-boxes .box {
    float: left;
    width: 30%; }
  .page.template-about-us .section-boxes .box:not(:first-child) {
    margin-left: 5%; }
  .page.template-about-us .section-boxes .box {
    padding-bottom: 20px;
    text-align: justify; }
  .blog-service .list-services .service {
    padding: 30px 0;
    clear: both;
    position: relative;
    font-size: 0; }
    .blog-service .list-services .service .thumb,
    .blog-service .list-services .service .content {
      width: 46%;
      padding: 0 2%;
      position: relative;
      font-size: 14px;
      font-size: 1.4rem;
      display: inline-block;
      vertical-align: middle; }
    .blog-service .list-services .service:nth-child(2n + 1) .thumb,
    .blog-service .list-services .service:nth-child(2n + 2) .content {
      direction: rtl;
      text-align: right; }
    .blog-service .list-services .service:nth-child(2n + 2) .thumb {
      left: 50%; }
    .blog-service .list-services .service:nth-child(2n + 2) .content {
      left: -50%; }
  .archive-header.banner-page-header .archive-title {
    font-size: 35px;
    font-size: 3.5rem; }
  .archive-news .section-content > .entry:first-child .entry-title {
    font-size: 20px;
    font-size: 2rem; }
  footer.footer .bar-footer .socials-like {
    float: right; } }

@media only screen and (min-width: 680px) {
  .entry-related .list-entry .entry,
  .entry-related .list-entry .entry:nth-child(2n + 1) {
    width: 22%;
    float: left;
    margin-left: 4%;
    clear: none; }
  .entry-related .list-entry .entry:nth-child(4n + 1) {
    margin-left: 0;
    clear: left; }
  .products.grid .product,
  .products.grid .product:nth-child(2n + 1) {
    width: 31%;
    margin-left: 3.5%;
    float: left;
    clear: none; }
  .products.grid .product:nth-child(3n + 1) {
    margin-left: 0;
    clear: left; }
  #cart .notices {
    float: left;
    width: 48%; }
  #cart .cart-buttons {
    float: right;
    width: 48%; } }

@media only screen and (min-width: 768px) {
  .ht-widget-home.our-products .group-product,
  .ht-widget-home.our-products .group-product:nth-child(2n + 1) {
    width: 23.5%;
    float: left;
    margin-left: 2%;
    clear: none; }
  .ht-widget-home.our-products .group-product:nth-child(4n + 1) {
    margin-left: 0;
    clear: left; }
  .ht-widget-home.slogans .slogan-line1 {
    font-size: 34px;
    font-size: 3.4rem; }
  .ht-widget-home.slogans .slogan-line2 {
    font-size: 20px;
    font-size: 2.0rem; }
  #customer {
    margin-left: 30px;
    margin-right: 30px; }
  .archive-header.banner-page-header .archive-title {
    font-size: 40px;
    font-size: 4rem; }
  .archive-news .section-content > .entry .entry-title {
    font-size: 18px;
    font-size: 1.8rem; }
  .archive-news .section-content > .entry:first-child .entry-title {
    font-size: 24px;
    font-size: 2.4rem; } }

@media only screen and (min-width: 860px) {
  header.header .branding {
    width: 18%; }
  .branding .description {
    font-size: 20px;
    font-size: 2.0rem; }
  #primary {
    width: 73%;
    float: right;
    box-sizing: border-box; }
  .single-news-entry #primary {
    float: left;
    width: 70%; }
  #secondary {
    width: 24%;
    float: left;
    margin-top: 0;
    box-sizing: border-box; }
  .blog-service .list-services .service {
    padding: 30px 5%; }
  .single-news-entry #secondary {
    float: right;
    padding-left: 3%;
    position: relative;
    width: 27%; }
  .single-news-entry #secondary::before {
    border-left: 1px solid #eee;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 30px; }
  .single-project-content {
    position: relative; }
  /*.single-project-content:before{
	content: '';
	display: block;
	width: 27.5%;
	top: 30px;
	bottom: 40px;
	background: #fff;
	left: 72.5%;
	position: absolute;
	height: auto;
}*/
  .single-project-content > .project {
    float: left;
    width: 70%; }
  .single-project-content > .project-related {
    width: 27%;
    float: right; }
  .project-related .section-title {
    margin-left: 15px; }
  .project-related .list-projects .project:not(:last-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eee; }
  footer.footer .informations {
    display: flex;
    align-items: stretch; }
  footer.footer .informations .widget {
    width: 25%;
    position: relative; }
  footer.footer .company-information {
    text-align: justify; } }

@media only screen and (min-width: 960px) {
  .branding .description {
    font-size: 24px;
    font-size: 2.4rem; }
  header.header .menu-bar {
    padding: 0;
    width: 80%; }
  #mobile-menu {
    display: none; }
  header.header .menu-mobile-icon {
    display: none; }
  .ht-widget-home.our-products .section-header {
    font-size: 0; }
  .ht-widget-home.our-products .section-title,
  .ht-widget-home.our-products .section-description {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-right: 15px; }
  .ht-widget-home.our-products .section-title {
    line-height: 1.2; }
  .ht-widget-home.our-products .section-description {
    width: 60%;
    padding-right: 0px;
    padding-left: 15px;
    padding-top: 10px; }
  .ht-widget-home.our-products .group-product,
  .ht-widget-home.our-products .group-product:nth-child(2n + 1) {
    width: 22%;
    float: left;
    margin-left: 4%;
    clear: none; }
  .ht-widget-home.our-products .group-product:nth-child(4n + 1) {
    margin-left: 0; }
  .ht-widget-home.slogans .slogan-line1 {
    font-size: 42px;
    font-size: 4.2rem; }
  .ht-widget-home.slogans .slogan-line2 {
    font-size: 24px;
    font-size: 2.4rem; }
  .products-related .products.grid .product {
    /*width: 22%;
		margin-left: 4%;
		float: left;
		clear: none;*/ } }

@media only screen and (min-width: 1024px) {
  /* Body Start */
  html {
    min-width: 980px; }
  .fix-width {
    min-width: 980px; }
  #logo img {
    max-width: 400px; }
  .section.why-choose-us .list-reason {
    padding: 0 8%; } }

@media only screen and (min-width: 1180px) {
  .fix-width {
    width: 1000px; } }

@media screen and (max-width: 640px) {
  .archive-content .entry .thumbnail {
    width: 27%; } }

@media screen and (max-width: 480px) {
  html {
    -webkit-text-size-adjust: none; } }

@media only screen and (min-width: 580px) and (max-width: 859px) {
  .sidebar .widget {
    width: 49%;
    float: left;
    margin-left: 2%;
    box-sizing: border-box; }
  .sidebar .widget:nth-child(2n + 1) {
    margin-left: 0;
    clear: left; } }

@media only screen and (min-width: 520px) and (max-width: 767px) {
  .main-product .header-product .meta-product li.cart .purchase-section button {
    width: 100%;
    margin: 0 0 10px; } }

@media only screen and (min-width: 520px) and (max-width: 859px) {
  footer.footer .informations .widget {
    width: 50%;
    float: left; }
  footer.footer .informations .widget:nth-child(2n + 1) {
    clear: left; } }

@media only screen and (min-width: 480px) and (max-width: 859px) {
  .project-related .list-projects .project {
    width: 46%;
    float: left;
    margin-left: 8%; }
  .project-related .list-projects .project:nth-child(2n + 1) {
    margin-left: 0;
    clear: left; } }

@media only screen and (min-width: 420px) and (max-width: 639px) {
  .page.template-about-us .section-boxes .box:after {
    clear: both;
    content: "";
    display: block;
    width: 100%; }
  .page.template-about-us .section-boxes .box .image {
    width: 40%;
    float: left; }
  .page.template-about-us .section-boxes .box .content-box {
    width: 55%;
    float: right; }
  .page.template-about-us .section-boxes .box:nth-child(even) .image {
    float: right; }
  .page.template-about-us .section-boxes .box:nth-child(even) .content-box {
    float: left; } }

@media only screen and (min-width: 481px) and (max-width: 639px) {
  .blog-service .list-services .service .read-more {
    padding-top: 10px;
    clear: both; } }

.products.grid .product,
.products.grid .product:nth-child(2n + 1) {
  width: 31%;
  margin-left: 5px;
  float: left;
  clear: none; }

/*
.products-related .products.grid .product{
width: 31%;
margin-left: 5px;
float: left;
clear: none;
@media (max-width: 767px) {
width: 48%;
}
}
*/
.products-related .products.grid {
  display: flex;
  flex-wrap: wrap; }

@media (min-width: 767px) {
  .products-related .products.grid .product, .products-related .products.grid .product:nth-child(2n+1) {
    width: 24%; } }