/**
Theme Name: DUALEO Base 1.0.0
Theme URL: # 
Author: Dualeo
Author URL: #
Version: 1.0
Last update:
*/
/*	################################################################
1. MIXIN
2. VARIABLE
3. ELEMENTS
3.1 Title
3.2 Product item
3.3 Breadcrumb
3.4 Pagination
3.5 Button
3.6 Input
4. HEADER
4.1 Header Content
4.2 Header Minicart
4.3 Header Menu
5. FOOTER
6. PRODUCT DETAIL
7. COLLECTION
8. BLOGS
9. ARTICLE
10. SECTION
11. SIDEBAR
12. Menu-offcanvas
13. Page search

################################################################# */
/*============================================================================
1. Mixin
==============================================================================*/
/*============================================================================
#Typography variables
==============================================================================*/
/*============================================================================
#Variable
==============================================================================*/
/*============================================================================
#Function
==============================================================================*/
/*============================================================================
3. Element
==============================================================================*/
/*3.1 Title*/
.section > .container > .section-title > h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  position: relative;
  display: block;
  line-height: normal; }
  @media (min-width: 768px) {
    .section > .container > .section-title > h2:before, .section > .container > .section-title > h2:after {
      content: "";
      height: 2px;
      width: 50%;
      background: #c01010;
      top: 50%;
      z-index: -1;
      position: absolute; }
    .section > .container > .section-title > h2:before {
      left: 0; }
    .section > .container > .section-title > h2:after {
      right: 0; } }
  @media (max-width: 767px) {
    .section > .container > .section-title > h2 {
      margin-bottom: 10px; } }
  .section > .container > .section-title > h2 a, .section > .container > .section-title > h2 span {
    display: inline-block;
    border-radius: 20px;
    background: #077c6c;
    padding: 10.5px 20px;
    margin: 0;
    font-size: 16px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      .section > .container > .section-title > h2 a, .section > .container > .section-title > h2 span {
        border-radius: 5px;
        font-size: 14px; } }

.section > .container > .section-title > p {
  font-style: italic;
  color: #333333; }

/*3.2 Product item*/
.product-box {
  border: 1px #ebebeb solid;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .product-box {
      margin-bottom: 15px; } }
  @media (max-width: 575px) {
    .product-box {
      border-radius: 10px; } }

/*.product-box .product-thumbnail.flexbox-grid a img {
border-radius: 15px;
@media(max-width: 575px){	
border-radius: 10px;
}
}*/
.product-mini-item {
  padding: 15px 0; }
  .product-mini-item .product-img {
    border: 1px #ebebeb solid; }
  .product-mini-item .product-info h3 {
    font-weight: 600; }

@media (max-width: 767px) {
  .products-view-grid > .row {
    margin-right: -7.5px;
    margin-left: -7.5px; }
    .products-view-grid > .row > div {
      padding-right: 7.5px;
      padding-left: 7.5px; } }

/*3.3 Breadcrumb*/
.breadcrumb li > a > span {
  color: #333333; }

.products-view-list .product-box {
  padding: 0;
  margin-bottom: 30px; }
  .products-view-list .product-box .product-thumbnail {
    border-radius: 15px; }
    @media (max-width: 575px) {
      .products-view-list .product-box .product-thumbnail {
        border-radius: 10px; } }
  .products-view-list .product-box .product-info {
    margin: 15px; }
    @media (min-width: 768px) {
      .products-view-list .product-box .product-info {
        width: calc(100% / 3 * 2 - 45px);
        margin: 15px;
        margin-left: 30px; } }

/*3.4 Pagination*/
.pagination {
  float: none; }
  .pagination .page-link {
    border-radius: 10px !important;
    line-height: 35px;
    width: 35px;
    height: 35px; }

/*3.5 BUTTON*/
.btn {
  border-radius: 5px; }

/*3.6 INPUT*/
.form-group .form-control {
  min-height: 40px;
  background-color: #FFFFFF;
  border-radius: 5px !important;
  border: 1px #ebebeb solid !important; }

/*============================================================================
4. Header
==============================================================================*/
/*4.1  Header Content*/
header.header {
  box-shadow: 0px 0px 5px 0px rgba(84, 84, 84, 0.15); }

.header-content {
  padding: 20px 0; }
  @media (min-width: 1200px) {
    .header-content {
      padding: 50px 0; } }

.policy .item-policy {
  margin: 15px 5px; }
  @media (max-width: 991px) {
    .policy .item-policy {
      margin-bottom: 0px; } }
  .policy .item-policy > a {
    margin-right: 15px; }
  .policy .item-policy .info a {
    font-weight: bold;
    font-size: 15px; }
  .policy .item-policy .info p {
    margin: 0; }

/*4.2  Header Minicart */
.top-cart-contain {
  width: auto; }
  .top-cart-contain .mini-cart {
    width: auto; }
    @media (min-width: 1200px) {
      .top-cart-contain .mini-cart .heading-cart > a {
        display: inline-block;
        padding: 0px 20px;
        background: #c01010;
        border-radius: 15px;
        line-height: 36px;
        color: #FFF; } }
    .top-cart-contain .mini-cart .heading-cart > a .icon.f-left.relative {
      height: auto;
      margin-right: 10px;
      line-height: 36px;
      display: inline-block; }
      @media (max-width: 1199px) {
        .top-cart-contain .mini-cart .heading-cart > a .icon.f-left.relative .fa {
          font-size: 24px; } }
    .top-cart-contain .mini-cart .heading-cart .cartCount {
      right: -22px;
      top: -8px;
      background: #c01010; }
    .top-cart-contain .mini-cart .right-content {
      line-height: normal;
      white-space: normal;
      display: inline-block; }
      .top-cart-contain .mini-cart .right-content .label {
        display: inline-block;
        padding: 0;
        color: #FFF; }

/*4.3  Header Menu*/
header nav {
  padding: 0;
  background: #077c6c;
  box-shadow: none;
  /* Responsite */ }
  header nav .nav-item {
    float: left; }
    header nav .nav-item > a {
      padding: 15.5px 10px;
      font-weight: normal;
      line-height: normal;
      font-size: 16px;
      color: #FFF; }
      header nav .nav-item > a:after {
        content: none; }
    header nav .nav-item:hover > a {
      background: #c01010; }
    header nav .nav-item:hover > .mega-content, header nav .nav-item:hover .dropdown-menu {
      box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4); }
    header nav .nav-item.active > a {
      color: #FFF; }
  @media (max-width: 1199px) {
    header nav .nav > .nav-item > a {
      padding: 10px 15px;
      line-height: 30px; } }

.menu-search .header_search {
  padding: 10px 0;
  position: relative; }
  .menu-search .header_search .search-text {
    border-radius: 15px;
    height: 30px;
    background: #FFF; }
  .menu-search .header_search .input-group-btn .btn {
    height: 30px;
    line-height: 30px; }

/*============================================================================
5. Footer
==============================================================================*/
footer.footer {
  background: #044c42; }

@media (max-width: 1199px) {
  .footer-inner > .container > .row > div:nth-child(3) {
    clear: left; } }

.footer-widget {
  color: #FFF; }

footer .list-menu li {
  color: #FFF; }

footer .list-menu a {
  color: #FFF; }
  footer .list-menu a:hover {
    color: #FFF; }

.list-menu-footer li {
  display: inline-block;
  padding: 0px 10px; }
  .list-menu-footer li a {
    color: #FFF;
    font-weight: normal; }
    .list-menu-footer li a:hover {
      color: #c01010; }

footer .copyright {
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
  border: none; }
  footer .copyright a {
    color: #FFF; }
    footer .copyright a:hover {
      color: #c01010; }
  footer .copyright b {
    color: #FFF; }

footer .list-menu.list-blogs li {
  padding-left: 16px; }

footer .list-menu.list-blogs li:before {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background: #FFF;
  top: 12px; }

footer .list-menu.list-blogs li:hover:before {
  background: #c01010; }

footer .site-footer h3 {
  padding: 10px 0; }

/*============================================================================
6. Product detail
==============================================================================*/
.details-product .details-pro .form-detail-action button.btn {
  border-radius: 5px; }

.details-product .details-pro .custom-btn-number .qtyminus {
  height: 42px;
  line-height: 42px; }

.details-product .details-pro .custom-btn-number #qty {
  height: 44px;
  border-radius: 5px !important; }

.details-product .details-pro .custom-btn-number .qtyplus {
  height: 42px;
  line-height: 42px; }

.details-product .details-pro .box-variant .form-group .selector-wrapper select {
  width: 100%;
  border-radius: 5px; }

.product-tab > ul {
  border: none; }
  @media (min-width: 481px) {
    .product-tab > ul {
      margin-bottom: 10px; } }

.product-tab .tab-link {
  border: none;
  border-radius: 5px;
  background: #077c6c;
  margin-right: 10px; }
  @media (max-width: 480px) {
    .product-tab .tab-link {
      margin-right: 0px;
      margin-bottom: 10px; } }
  .product-tab .tab-link h3 {
    margin: 8px 0;
    color: #FFFFFF; }
  .product-tab .tab-link.current {
    background: #c01010; }
    .product-tab .tab-link.current h3 {
      color: #FFFFFF; }
      .product-tab .tab-link.current h3:before {
        content: none; }

.product-tab .tab-content.current {
  padding: 15px;
  border: 1px solid #ebebeb;
  min-height: 100px;
  border-radius: 5px; }

.aside-product.aside-vanchuyen {
  padding: 15px 0px 0px 0px; }

/*============================================================================
7. Collection
==============================================================================*/
.sortPagiBar #sort-by > ul > li {
  border-radius: 20px;
  padding: 0 10px;
  line-height: 30px; }
  .sortPagiBar #sort-by > ul > li:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 30px;
    float: right; }

.sortPagiBar .view-mode b {
  background: none; }
  .sortPagiBar .view-mode b.active {
    color: #c01010; }

.blog-list .loop-blog .name-right h3 {
  line-height: 18px;
  margin-bottom: 7px; }

/*============================================================================
8. BLOGS
==============================================================================*/
.blog-item {
  border: 1px #ebebeb solid;
  border-radius: 15px;
  margin-bottom: 30px; }
  @media (max-width: 575px) {
    .blog-item {
      border-radius: 10px; } }
  .blog-item .blog-item-thumbnail {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    padding: 15px;
    padding-right: 0px; }
    @media (max-width: 575px) {
      .blog-item .blog-item-thumbnail {
        border-radius: 10px; } }
    .blog-item .blog-item-thumbnail img {
      /*border-radius: 15px;
			@media(max-width: 575px){	
			border-radius: 10px;
		}*/ }
  .blog-item .blog-item-info {
    margin: 15px; }
    @media (min-width: 768px) {
      .blog-item .blog-item-info {
        margin: 0;
        margin-right: 15px;
        margin-bottom: 15px; } }

.article-wraper .form-group .form-control {
  border-radius: 5px;
  background: none;
  border: 1px #ebebeb solid !important; }

/*============================================================================
9. Article
==============================================================================*/
.social-media label {
  display: inline-block; }

/*============================================================================
10. SECTION
==============================================================================*/
/*10.1  Section category slider*/
/*10.2  Section banner*/
.banner-slider.owl-carousel .owl-item img {
  width: 100%;
  border-radius: 15px; }
  @media (max-width: 575px) {
    .banner-slider.owl-carousel .owl-item img {
      border-radius: 10px; } }

/*10.3  Section Tab product*/
.section .collection-main .section-title {
  text-align: left; }
  .section .collection-main .section-title h2 {
    border-radius: 20px;
    background: #077c6c;
    padding: 9px 20px;
    margin: 0;
    font-size: 16px;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase; }
    .section .collection-main .section-title h2 span {
      background: none; }
  @media (max-width: 767px) {
    .section .collection-main .section-title {
      text-align: center;
      margin-bottom: 5px; }
      .section .collection-main .section-title h2 {
        border-radius: 5px;
        font-size: 14px; } }

.section-collection ul.tabs.tabs-title {
  border-bottom: 1px #ebebeb solid; }
  @media (max-width: 767px) {
    .section-collection ul.tabs.tabs-title {
      border-bottom: none;
      position: relative;
      display: block;
      text-align: center;
      margin-bottom: 15px; } }

.section-collection ul.tabs.tabs-title li {
  font-size: 14px;
  padding: 0px;
  margin: 0px 15px;
  color: #333; }
  @media (max-width: 991px) {
    .section-collection ul.tabs.tabs-title li {
      margin: 0px 10px; } }
  .section-collection ul.tabs.tabs-title li:first-child {
    margin-left: 0; }
  .section-collection ul.tabs.tabs-title li:last-child {
    margin-right: 0; }
    .section-collection ul.tabs.tabs-title li:last-child.current:before {
      left: 50%; }
  .section-collection ul.tabs.tabs-title li.current {
    color: #077c6c;
    font-weight: 600; }
    .section-collection ul.tabs.tabs-title li.current:before {
      bottom: 0px;
      width: calc(100%) !important; }
    @media (max-width: 767px) {
      .section-collection ul.tabs.tabs-title li.current:before {
        content: none; } }
  .section-collection ul.tabs.tabs-title li:after {
    content: none; }
  @media (max-width: 767px) {
    .section-collection ul.tabs.tabs-title li {
      margin: 0px 5px; }
      .section-collection ul.tabs.tabs-title li.next, .section-collection ul.tabs.tabs-title li.prev {
        width: 40px; }
        .section-collection ul.tabs.tabs-title li.next i.fa, .section-collection ul.tabs.tabs-title li.prev i.fa {
          border: 1px #ebebeb solid;
          border-radius: 3px;
          width: 16px; } }

.banner-image-col-tab .item a {
  overflow: hidden;
  display: block;
  text-align: center; }
  .banner-image-col-tab .item a img {
    border-radius: 15px; }
    @media (max-width: 575px) {
      .banner-image-col-tab .item a img {
        border-radius: 10px; } }

/*10.4  Section Blog*/
.section_blog .blog-item {
  border: 1px #ebebeb solid;
  border-radius: 15px; }
  @media (max-width: 575px) {
    .section_blog .blog-item {
      border-radius: 10px; } }
  .section_blog .blog-item .blog-item-thumbnail {
    border-radius: 15px;
    overflow: hidden;
    padding: 0; }
    .section_blog .blog-item .blog-item-thumbnail img {
      display: inline-block; }
    @media (max-width: 575px) {
      .section_blog .blog-item .blog-item-thumbnail {
        border-radius: 10px; } }
  .section_blog .blog-item .blog-item-info .blog-item-summary {
    margin-bottom: 10px;
    color: #333333; }
  .section_blog .blog-item .blog-item-info .btn {
    background: #077c6c;
    color: #FFF;
    height: 30px;
    line-height: 30px; }

/*10.5  Section Testimonial*/
.section_testimonial .testimonial-item {
  border: 1px #ebebeb solid;
  border-radius: 15px; }
  @media (max-width: 575px) {
    .section_testimonial .testimonial-item {
      border-radius: 10px; } }
  .section_testimonial .testimonial-item .image-avata {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden; }

/*10.6  Section Brand*/
.section-brand .owl-carousel {
  z-index: 0; }

.section-brand .brand-item {
  text-align: center; }
  .section-brand .brand-item img {
    display: inline-block; }

/*============================================================================
11. SIDEBAR
==============================================================================*/
.aside-item {
  border: 1px #ebebeb solid;
  border-radius: 15px;
  margin-bottom: 30px; }
  .aside-item .aside-title {
    border-radius: 0px;
    background: #077c6c;
    padding: 6px 20px;
    margin: 0; }
    .aside-item .aside-title h2 {
      font-size: 17px;
      color: #FFF;
      font-weight: 600;
      text-transform: uppercase;
      background: none; }
      .aside-item .aside-title h2 a {
        color: #FFF; }
  .aside-item .aside-content {
    margin: 0;
    padding: 0px 15px; }
    .aside-item .aside-content .nav-category > ul.nav > .nav-item > a.nav-link {
      padding: 8.5px 20px 8.5px 25px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .aside-item .aside-content .nav-category .nav-item {
      padding: 0px; }
      .aside-item .aside-content .nav-category .nav-item a.nav-link {
        padding: 8.5px 0px 8.5px 0px;
        font-size: 14px;
        line-height: 24px;
        border-top: 1px #ebebeb solid; }
      .aside-item .aside-content .nav-category .nav-item .fa {
        top: 11px; }
      .aside-item .aside-content .nav-category .nav-item .fa.fa-arrow-circle-right {
        left: 0;
        top: 11px; }
      .aside-item .aside-content .nav-category .nav-item:hover {
        color: #077c6c; }
        .aside-item .aside-content .nav-category .nav-item:hover > a {
          color: #077c6c;
          background: none; }

.aside-filter .field-search {
  display: inline-table;
  border: 1px #ebebeb solid;
  margin-top: 15px; }
  .aside-filter .field-search input.form-control {
    background-color: #FFFFFF;
    min-height: 35px;
    height: 35px;
    padding: 0px 15px;
    border: none !important; }
  .aside-filter .field-search .btn {
    border-radius: 0px;
    min-height: 35px;
    height: 35px;
    line-height: 35px; }
    .aside-filter .field-search .btn:hover {
      background: none; }

/*============================================================================
12. Menu-offcanvas
==============================================================================*/
.menu-offcanvas {
  border-right: 1px solid #ebebeb;
  background-color: #ffffff; }

#nav-mobile .h3 {
  color: #077c6c; }

#nav-mobile a {
  color: #077c6c;
  border-color: #077c6c;
  line-height: 30px; }

header nav .nav-item.active > a {
  color: #c01010 !important; }
  @media (min-width: 992px) {
    header nav .nav-item.active > a {
      background: #c01010 !important;
      color: #FFFFFF !important; } }

#nav-mobile .nav-link > .fa {
  right: 0px;
  top: calc(50% - 15px) !important;
  margin-right: 0px;
  line-height: 30px; }

header nav .nav-item:hover > a {
  background: none !important; }
  @media (min-width: 992px) {
    header nav .nav-item:hover > a {
      background: #c01010 !important;
      color: #FFFFFF !important; } }

/*============================================================================
13. Page search
==============================================================================*/
@media (min-width: 768px) {
  .search-main .form-signup .form-group input.form-control {
    border-radius: 5px 0px 0px 5px !important; }
  .search-main .form-signup .form-group button {
    border-radius: 0px 5px 5px 0px; } }

/*============================================================================
14. Page cart
==============================================================================*/
.main-container .col-main .cart .cart-tbody .item-cart div > div {
  display: none !important; }

.main-container .col-main .cart .cart-tbody .item-cart div .input_qty_pr {
  display: block !important; }

/*============================================================================
15. quickview
==============================================================================*/
#quickview .selector-wrapper {
  margin-bottom: 15px; }

/*Update 03032018*/
#search_suggestion {
  padding: 0 0 10px 0;
  color: #555;
  position: absolute;
  top: 0;
  z-index: 9999;
  width: 100%;
  min-width: 226px;
  max-width: 100%;
  background-color: #f8f8f8;
  display: none;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.15); }
  @media (max-width: 992px) {
    #search_suggestion {
      width: 100% !important; } }
  #search_suggestion h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    background-color: #eee;
    padding: 5px; }
  #search_suggestion ul {
    padding: 0; }
    #search_suggestion ul li {
      background-color: #fff;
      padding: 5px;
      font-size: 14px; }
      #search_suggestion ul li a {
        color: #787878;
        display: block;
        overflow: hidden; }
      #search_suggestion ul li .item_image {
        text-align: center;
        float: left;
        width: 100px;
        margin-right: 5px; }
        @media (max-width: 480px) {
          #search_suggestion ul li .item_image {
            width: 60px; } }
        #search_suggestion ul li .item_image img {
          max-width: 100%; }
      #search_suggestion ul li .item_detail {
        overflow: hidden; }
      @media (max-width: 480px) {
        #search_suggestion ul li .item_title {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; } }
      #search_suggestion ul li .item_title h4 {
        text-transform: none;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 0; }
        @media (max-width: 480px) {
          #search_suggestion ul li .item_title h4 {
            font-size: 12px;
            display: initial; } }
      #search_suggestion ul li .item_price ins {
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
        margin-right: 5px;
        font-size: 13px;
        color: #d0021b; }
        @media (max-width: 480px) {
          #search_suggestion ul li .item_price ins {
            font-size: 12px; } }
      #search_suggestion ul li .item_price del {
        color: #666;
        font-size: 12px; }
        @media (max-width: 480px) {
          #search_suggestion ul li .item_price del {
            font-size: 11px; } }

#search_top {
  max-height: 400px;
  overflow-y: auto; }
  #search_top::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #F5F5F5; }
  #search_top::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5; }
  #search_top::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #e5e5e5; }

#search_bottom {
  text-align: center;
  padding-top: 10px; }

#search_bottom a {
  color: #444;
  text-decoration: underline;
  font-weight: 500; }

#search_bottom a span {
  color: #ff0000; }

.aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item {
  display: none; }
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item.xemthem {
    display: block; }
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item.thugon {
    display: none; }

@media (min-width: 1200px) {
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(1),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(2),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(3),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(4),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(5),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(6),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(7),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(8) {
    display: block !important; } }

@media (max-width: 1199px) {
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(1),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(2),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(3),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(4),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(5),
  .aside-vetical-menu .aside-item .aside-content > .nav-category > ul > .nav-item:nth-child(6) {
    display: block !important; }
  .aside-vetical-menu .aside-item .aside-content .nav-category > ul.nav > .nav-item > a.nav-link {
    padding: 9.9px 20px 9px 25px; } }

@media (min-width: 1200px) {
  .aside-vetical-menu .aside-content .nav-category .nav-item .fa.fa-angle-down:before {
    content: "\f105"; }
  .aside-vetical-menu .aside-content .nav-item > .dropdown-menu {
    position: absolute;
    left: calc(100% + 15px);
    top: 0;
    padding: 10px 15px;
    border-radius: 0;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4); }
    .aside-vetical-menu .aside-content .nav-item > .dropdown-menu:after {
      position: absolute;
      content: "";
      background: none;
      width: 15px;
      height: 50px;
      top: 0;
      right: 100%; }
    .aside-vetical-menu .aside-content .nav-item > .dropdown-menu .nav-item:first-child a.nav-link {
      border: none; }
  .aside-vetical-menu .aside-content .nav-item.active > .dropdown-menu,
  .aside-vetical-menu .aside-content .nav-item:hover > .dropdown-menu {
    display: block; } }

ul.no-bullets {
  list-style: none;
  padding-left: 0;
  margin-bottom: 25px; }

/*Update v1*/
.scroll_menu {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease; }

.scroll_menu.visible {
  opacity: 1;
  visibility: visible; }

.scroll_menu ul {
  margin: 0; }

.scroll_menu .nav-stacked > li,
.scroll_menu .nav-stacked > li + li {
  margin: 0 0 0 -30px;
  width: 54px;
  transition: all 0.4s;
  border: 1px solid #e0e0e0;
  background: #fff; }

.scroll_menu .nav-stacked > li + li {
  border-top-color: transparent; }

.scroll_menu li a {
  width: 100%;
  padding: 5px 0 5px 20px;
  display: block;
  border-radius: 0;
  position: relative; }

.scroll_menu li a img {
  width: 24px; }

.scroll_menu li a span {
  position: absolute;
  left: 105%;
  white-space: nowrap;
  padding: 0 10px;
  line-height: 26px;
  height: 26px;
  font-size: 11px;
  text-align: center;
  visibility: hidden;
  transition: visibility 0.3s ease, opacity 0.5s ease; }

.scroll_menu li a span::before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 8px;
  left: -5px;
  transform: rotate(45deg); }

span.scroll_tooltip_1::before {
  background-color: #c01010; }

span.scroll_tooltip_2::before {
  background-color: #D84040; }

span.scroll_tooltip_3::before {
  background-color: #6F993E; }

span.scroll_tooltip_4::before {
  background-color: #8BC34A; }

span.scroll_tooltip_5::before {
  background-color: #607D8B; }

span.scroll_tooltip_6::before {
  background-color: #FFAB40; }

span.scroll_tooltip_7::before {
  background-color: #3F51B5; }

span.scroll_tooltip_8::before {
  background-color: #FF4081; }

.scroll_menu .nav li:hover a span {
  visibility: visible;
  /*opacity: 1;*/ }

.scroll_menu .nav > li > a:hover,
.scroll_menu .nav > li > a:focus,
.scroll_menu .nav-pills > li.active > a,
.scroll_menu .nav-pills > li.active > a:hover,
.scroll_menu .nav-pills > li.active > a:focus {
  background-color: transparent; }

.container .container {
  width: initial !important; }

.section_blog .blog-item .blog-item-info .blog-item-summary {
  display: none; }

.product-box .product-name, .blog-item-name {
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box; }

@media screen and (min-width: 1024px) {
  .container.index-check {
    padding: 0px; }
  .container.index-check .col-xs-12.col-sm-6 {
    padding: 0px;
    margin-top: 10px; } }

.innerItemMediaS {
  padding: 5px;
  overflow: hidden; }

.photoMediaS {
  width: 35%;
  float: left; }

.desMediaS {
  width: 60%;
  float: right; }

.photoMediaS img {
  padding: 3px;
  border: solid 1px #ccc; }

.desMediaS h2 {
  font-size: 12px;
  margin: 5px 0px; }

.itemMediaS {
  border-bottom: solid 1px #ddd; }

aside.blog-aside.aside-item.sidebar-category {
  width: 100%;
  margin-top: 10px;
  background-image: url("https://saigonchem.com/vi-vn/images/bgBottomBox.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 12px;
  border: 0px;
  margin-bottom: 0px; }

.innerBox {
  border: solid 1px #B1B1B1;
  float: left;
  width: 100%;
  padding: 0px;
  border-top: 0; }

.innerBox .htttBox {
  padding: 10px;
  overflow: hidden; }

.innerBox .htttBox .imghttt {
  background: url("https://saigonchem.com/vi-vn/images/bgHtttBox.png") center no-repeat;
  height: 86px;
  width: 100%;
  background-size: 100% auto; }

.innerBox .rowUser p {
  text-align: center;
  padding: 0;
  margin: 3px 0; }

.innerBox .hlNumber {
  font-weight: bold;
  color: #f00; }

.innerBox .rowUser span {
  font-weight: bold; }

.innerBox .red {
  color: #da1008; }

.innerBox .ads img {
  width: 100%;
  margin-bottom: 5px; }

.innerBox .navy ul > li {
  padding-left: 15px;
  min-height: 30px;
  padding-right: 10px;
  padding-top: 5px;
  border-bottom: dotted 1px #ccc;
  position: relative; }

.innerBox .caretL {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 10px;
  vertical-align: middle;
  border-left: 5px solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  float: left;
  margin-top: 5px;
  color: #FFA200; }

.innerBox .navy ul ul {
  position: absolute;
  left: 100%;
  top: -1px;
  display: none;
  z-index: 999;
  border: solid 1px #ddd;
  padding-bottom: 0px; }

.innerBox .navy ul li:hover > ul {
  display: block; }

.innerBox .navy ul ul li {
  background: #FFF;
  color: #333;
  min-width: 200px; }

.innerBox .ItemHotProduct {
  border-bottom: solid 1px #ddd;
  width: 100%;
  float: left; }

.innerBox .photoHP {
  width: 28%;
  float: left; }

.innerBox .desHP {
  width: 70%;
  float: right; }

.innerBox .desHP h2 {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0px; }

.innerBox .desHP .price {
  color: #e20c0c;
  font-weight: bold;
  margin-top: 5px;
  font-size: 13px; }

.innerBox .innerHP {
  padding: 5px;
  overflow: hidden; }

.innerBox .photoHP img {
  padding: 3px;
  border: solid 1px #ccc;
  height: 80px; }