/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

@media (max-width:543px) {
  section.sidebar.left-content.col-lg-12 {
  padding:0;
}
.products .col-xs-6:nth-child(2n+1),
.category-products .col-xs-6:nth-child(2n+1) {
  clear:left;
}
}

@media (max-width:1199px) {
  header nav .nav-item {
    margin-right:5px;
  }
  header nav .nav-item>a {
    line-height:51px;
    padding:20px 0 18px 0;
  }
  header nav .nav-item:last-child>a {
    padding-right:15px;
  }
  .header-icon {
    margin-left:16px;
  }
  header nav .mega-content {
    width:940px;
  }
  header nav .mega-content .level1.item {
    text-align:left;
  }
}

@media (max-width:991px) {
  header nav .nav-item.active>a,
  header nav .nav-item:hover>a {
    border-bottom:none;
  }
  .header-icon {
    margin-left:0;
    margin-right:20px;
    line-height:45px;
  }
  .top-cart-contain .pull-right {
    float:left !important;
  }
  .top-cart-contain .pull-right:last-child {
    float:right !important;
  }
  .top-cart-contain .pull-right:last-child .header-icon {
    margin-right:0;
  }
  .mini-cart .cart-label span#cart-total {
    top:-12px;
  }
  .static {
    position:static;
  }
  .header-icon .btn-dichvu {
    font-size:0;
    padding:0;
    width:40px;
    border-radius:0;
  }
  .header-icon .btn-dichvu .fa {
    font-size:18px;
    line-height:40px;
  }
  .top-cart-contain .header-icon {
    z-index:1000;
    display:inline-block;
    position:absolute;
    right:15px;
    margin:0;
    top:44px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
  }
  header>.container {
    position:relative;
  }
  .menu-bar.hidden-md.hidden-lg {
    position:absolute;
    top:44px;
    left:15px;
    right:auto;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:1000;
    font-size:27px;
  }
  header nav .nav-item {
    display:block;
    text-align:left;
    margin:0;
  }
  header nav .nav-item .dropdown-menu {
    display:none !important;
    position:static;
    border:none;
  }
  header nav .nav-item.open a {
    background:none !important;
  }
  header nav .nav-item.open>.dropdown-menu {
    display:block !important;
    margin:0;
    padding:0;
  }
  header nav li.menu-line {
    display:none;
    border:none;
  }
  header nav .nav-item>a {
    line-height:20px;
    padding:5px 15px 3px;
  }
  header nav #nav-mobile .nav-item>.dropdown-menu {
    padding:0 0 0 15px;
    position:static;
    width:100%;
    float:none;
    border:none;
    padding-right:7px;
  }
  header nav .nav-item:hover>.dropdown-menu li.open>.dropdown-menu {
    display:block !important;
  }
  .logo {
    display:inline-block;
    line-height:90px;
    text-align:center;
  }
  .logo a {
    display:inline-block;
    text-align:center;
    max-width:80px;
    margin:0 auto;
  }
  #nav-mobile {
    padding-right:0;
    display:none;
    padding-right:0;
    padding:10px 0;
    border:1px solid #ebebeb;
    margin-bottom:15px;
  }
  #nav-mobile.open {
    display:block;
  }
  #nav-mobile .nav-link>.fa {
    float:right;
    line-height:22px;
    margin-right:-15px;
    width:40px;
    text-align:center;
    transform:translateY(-5px);
    -webkit-transform:translateY(-5px);
    -moz-transform:translateY(-5px);
  }
  .opacity_filter.opacity_filter_true {
    content:" ";
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
  }
  .opacity_menu.open_opacity {
    content:" ";
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    z-index:999999;
  }
  .show_open:before {
    font-family:'themify';
    font-size:16px;
    line-height:36px;
    color:#fff !important;
    content:"\e622";
    font-style:normal;
  }
  .hide_close:before {
    font-family:'themify';
    font-size:16px;
    line-height:36px;
    color:#fff !important;
    content:"\e61a";
    font-style:normal;
  }
  .menu-bar.hidden-md.hidden-lg {
    position:absolute;
    left:15px;
    top:60px;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:1000;
  }
  .mainlogo {
    text-align:center;
  }
  header .logo a {
    display:inline-block;
    text-align:left;
  }
  .logowidth,
  .xswidth {
    display:inline-block;
  }
  .xswidth {
    float:right;
  }
  .header-main {
    padding:0 0;
  }
  .sidenav {
    width:280px;
    height:100%;
    position:fixed;
    z-index:999999;
    top:0 !important;
    background-color:rgba(0,0,0,0.57);
    overflow-x:hidden;
    -webkit-box-shadow:0 2px 11px 1px rgba(168,168,168,0.54);
    -moz-box-shadow:0 2px 11px 1px rgba(168,168,168,0.54);
    box-shadow:0 2px 11px 1px rgba(168,168,168,0.54);
    visibility:hidden;
    -webkit-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;
    -webkit-transform:translateX(-280px);
    -ms-transform:translateX(-280px);
    -o-transform:translateX(-280px);
    transform:translateX(-280px);
  }
  .sidenav.open_sidebar_menu {
    visibility:visible;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
  }
  .sidenav .content_memu_mb {
    display:block;
    float:left;
    width:100%;
  }
  .sidenav .content_memu_mb .customer span {
    padding:10px 0;
    display:block;
    cursor:pointer;
  }
  .sidenav .content_memu_mb .customer span a {
    font-size:14px;
    line-height:15px;
    color:#fff;
    display:block;
    margin:0 15px;
  }
  .sidenav .content_memu_mb .customer .acc a:before {
    font-family:'themify';
    content:"\e603";
    font-size:16px;
    color:#fff;
    padding-right:15px;
  }
  .sidenav .content_memu_mb .customer .out a:before {
    font-family:'themify';
    content:"\e62b";
    font-size:16px;
    color:#fff;
    padding-right:15px;
  }
  .sidenav .content_memu_mb .link_list_mobile {
    margin:0 0 0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile {
    border-bottom:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile li {
    position:relative;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile li i {
    position:absolute;
    right:5px;
    top:0;
    cursor:pointer;
    display:block;
    text-align:center;
    width:30px;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 {
    border-top:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 a {
    font-family:"Roboto",sans-serif;
    display:block;
    font-size:14px;
    line-height:36px;
    padding:0 15px;
    color:#fff;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0:last-child {
    border-bottom:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 {
    border-top:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 a {
    font-family:"Roboto",sans-serif;
    display:block;
    font-size:14px;
    line-height:22px;
    padding:7px 15px 7px 55px;
    color:#fff;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:last-child {
    border-bottom:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1:first-child {
    border-top:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 {
    border-top:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 a {
    font-family:"Roboto",sans-serif;
    display:block;
    font-size:14px;
    line-height:22px;
    padding:7px 35px 7px 65px;
    color:#fff;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:last-child {
    border-bottom:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2:first-child {
    border-top:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 {
    border-top:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3 a {
    font-family:"Roboto",sans-serif;
    display:block;
    font-size:14px;
    line-height:22px;
    padding:7px 35px 7px 75px;
    color:#fff;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:last-child {
    border-bottom:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level0 .level1 .level2 .level3:first-child {
    border-top:0;
  }
  .sidenav .content_memu_mb .link_list_mobile .ct-mobile .level_ico a {
    padding:0 15px 0 40px;
  }
  .sidenav .top_menu_mobile {
    overflow:hidden;
    background:#fff;
    padding:10px 0;
  }
  .sidenav .close_menu {
    display:block;
    height:66px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    margin-top:-5px;
    margin-left:15px;
  }
  .sidenav .head_title_menu {
    display:block;
    text-align:left;
    line-height:24px;
    font-family:'Arial',sans-serif;
    font-size:18px;
    color:#fff;
    padding:7px 15px;
  }
  .sidenav .fot_menu_mobile {
    overflow:hidden;
    float:left;
    width:100%;
  }
  .sidenav .fot_menu_mobile .link_list_action .login_mobile li {
    border-top:solid 1px rgba(255,255,255,0.15);
  }
  .sidenav .fot_menu_mobile .link_list_action .login_mobile li:nth-child(1) {
    border-top:0;
  }
  .sidenav .fot_menu_mobile .link_list_action .login_mobile li a {
    font-family:"Roboto",sans-serif;
    display:block;
    font-size:14px;
    line-height:36px;
    padding:0 15px;
    color:#fff;
  }
  .sidenav .fot_menu_mobile .link_list_action .login_mobile li a .fa {
    padding-right:10px;
  }
}

@media (min-width:992px) {
  .inline-block.account-dr.hidden-lg {
    display:none !important;
  }
}

@media (max-width:1200px) {
  .topbar .phone {
    font-size:14px;
  }
  .topbar input.input-group-field.st-default-search-input.search-text {
    width:100%;
  }
}

@media (max-width:991px) {
  .col-xs-12.col-md-pull-10.col-md-2.a-left {
    text-align:center !important;
  }
  .header_search {
    width:calc(100% - 96px);
  }
  .inline-block.account-dr {
    position:relative;
    width:40px;
    margin-left:10px;
    transform:translateY(-12px);
    height:50px;
    z-index:100;
  }
  .inline-block.account-dr .ion-person-add {
    font-size:1.57143em;
  }
  .inline-block.account-dr ul.account-ct {
    right:0;
    min-width:140px;
    top:49px;
  }
  .mini-cart {
    width:40px;
    height:50px;
  }
  .topbar .phone {
    display:none;
  }
  .top-cart-contain .dropdown-toggle .dropdown-content {
    width:250px;
    top:40px;
    z-index:1000;
    padding:10px;
    display:none;
  }
  .top-cart-contain .dropdown-toggle .dropdown-content.dr-left {
    right:auto;
    left:0;
  }
  .top-cart-contain .dropdown-toggle .dropdown-content.active {
    display:block;
  }
  .top-cart-contain .dropdown-toggle .dropdown-content .header_search {
    width:100%;
  }
  header nav .nav-item:hover>.dropdown-menu li {
    padding-right:8px;
  }
}

@media (max-width:767px) {
  .logowidth {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
  }
}

@media (max-width:543px) {
  .topbar .a-left {
    display:none;
  }
  .topbar ul.list-inline.f-right {
    float:left !important;
  }
  .logo {
    display:block;
  }
  .logo a {
    display:block;
  }
  .search.f-right {
    float:none;
    width:100%;
  }
}

@media (max-width:320px) {
  .logo {
    display:inline-block;
  }
}

@media (max-width:991px) {
  footer .footer-inner {
    padding-bottom:20px;
  }
  .padding-left-50 {
    padding-left:15px !important;
  }
}

@media (max-width:767px) {
  .contact-box-info {
    padding-left:0;
  }
  .col-sm-4.dq-flex {
    margin-top:10px;
  }
  footer .social-icons .icon-fallback-text {
    min-width:40px;
    height:40px;
    line-height:40px;
  }
  footer .social-icons {
    margin-bottom:10px;
  }
  footer .social-icons .fa {
    font-size:13px;
  }
  footer .footer-social h3 {
    margin-top:20px;
  }
}

@media (max-width:420px) {
  .col-xs-6.footer-header {
    width:100%;
  }
  footer .copyright span.fot-line {
    display:block;
    height:0;
    opacity:0;
  }
}

@media (max-width:420px) {
  .product-box .product-thumbnail>a {
    max-height:180px;
  }
}

@media (max-width:375px) {
  .product-box .product-thumbnail>a {
    max-height:165px;
  }
}

@media (max-width:320px) {
  .product-box .product-thumbnail>a {
    max-height:138px;
  }
}

@media (max-width:1199px) {
  #stop,
  #start {
    width:90px;
  }
}

@media (max-width:767px) {
  .page_customer_account .col-main-acount .col-right-account .block-account {
    border-radius:0;
  }
  .table-responsive.tab-all {
    border:none;
  }
  a#filter-value {
    width:150px;
  }
  .products-view-grid .product-box .product-action {
    display:none !important;
  }
  .products-view-grid .product-box:hover .product-info {
    opacity:1;
  }
  .products-view-list .product-box .product-thumbnail>a {
    height:auto;
    max-height:1000px;
  }
  .products-view-list .product-box form {
    margin:0;
  }
  .products-view-list .product-box .product-thumbnail {
    width:100%;
  }
  .products-view-list .product-box .product-info {
    width:100%;
    margin-left:0;
    margin-top:15px;
  }
}

@media (max-width:430px) {
  .collection p.title-head-info {
    position:static;
  }
  .collection h1.title-head {
    margin-bottom:5px;
  }
}

@media (max-width:767px) {
  .blog-item-info {
    margin-top:15px;
  }
}

@media (max-width:991px) {
  .aside-item.aside-mini-list-product {
    margin-bottom:0;
  }
  #open-filters {
    color:#fff;
    background:#ff0080;
    position:fixed;
    right:0;
    top:35% !important;
    padding:4px 10px;
    cursor:pointer;
    z-index:99999;
    font-size:18px;
    -webkit-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;
  }
  #open-filters.open {
    right:256px;
  }
  #open-filters.open i:before {
    content:'\f00d';
  }
  #open-filters span {
    display:none;
  }
  .dqdt-sidebar {
    position:fixed;
    width:256px;
    background:#fff;
    top:0;
    bottom:0;
    right:0;
    padding:15px;
    border:solid 1px #bbbbbb;
    overflow:auto;
    z-index:100000;
    visibility:hidden;
    -webkit-transition:all 0.35s ease;
    -o-transition:all 0.35s ease;
    transition:all 0.35s ease;
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
  }
  .dqdt-sidebar.open {
    visibility:visible;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
  }
}

.product-tab.e-tabs {
  margin-bottom:25px;
}

@media (max-width:991px) {
  .details-product h1.title-head {
    margin-top:20px;
  }
}

@media (max-width:767px) {
  .details-product .form-detail-action button {
    float:none;
    clear:left;
    display:block;
    width:100%;
  }
  .product-tab .tab-link {
    width:100%;
    border:none;
    padding:0;
    background:none;
  }
  .product-tab .tab-link.current h3 span {
    color:#ff0080;
  }
  .tab-content-mobile {
    display:none;
  }
  .current .tab-content-mobile {
    display:block;
    padding:10px;
    border:1px solid #e1e1e1;
    border-top:none;
  }
  ul.tabs.tabs-title {
    display:block;
    border:none;
    width:100%;
  }
  .product-tab .tab-link h3 {
    border:1px solid #e1e1e1;
    padding:10px 10px;
    margin-top:0;
    position:relative;
  }
  .product-tab .tab-link h3:before {
    content:'\f107';
    font-size:20px;
    font-family:FontAwesome;
    float:right;
    margin-right:0;
    margin-top:0;
  }
  .product-tab .tab-link.current .tab-content-mobile {
    margin-bottom:10px;
  }
  .product-tab .tab-link.current h3 {
    margin-bottom:0;
    border-bottom:none;
  }
}

@media (max-width:480px) {
  .details-product form button {
    padding:0;
  }
}

@media (max-width:375px) {
  .sodiachi .btn.btn-50 {
    width:100%;
    margin-bottom:10px;
  }
}

@media (max-width:768px) {
  .quick-view {
    display:none !important;
  }
}

@media (max-width:375px) {
  .contact .form-group label {
    width:100%;
    text-align:left;
  }
  .contact .form-group .form-control {
    display:block;
    width:100%;
  }
  #emtry_contact .f-right {
    float:left !important;
  }
}