@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap');
.fancybox-gallery:hover .image-hover {
    opacity:.65;
}
.bg-main, .fancybox-gallery:hover .image-hover, .nav-tabs-03.nav-tabs>li.active>a, .nav-tabs-03.nav-tabs>li.active>a:focus, .nav-tabs-03.nav-tabs>li.active>a:hover, .box-step ul li.active .demo-icon, .nav_title li a::before, .box-product-style2 h3:before, .title_style2 h3::after, .opticon-select li:hover .btn-ver,.opticon-select li.active .btn-ver, .nav-tabs-01 .nav-tabs li.active span, .list-bank li label:before{background-color: #018fd5;}
.color-main, .box-style-1 .demo-icon:before, .bottom-download span, .cart-order .dropdown-toggle span.number, .view-style .btn-view.active, .nav li.active a, .nav_desktop ul li:hover ul li a:hover, .title-product a:hover, .title-desc-detail, .nav-tabs-01 .nav-tabs li span .demo-icon, .nav-tabs-01 .nav-tabs li.active i.icon-dot-circled, .nav_desktop ul li.sub-menu-style2 ul li a:hover, .nav_desktop ul li.sub-menu-style2:hover ul li a:hover, .breadcrumb > .active, .newsletter .btn-default{color: #dc322f;}
.thub-image .item:hover img,.thub-image .item.active img{border:1px solid #ed1c24;}
.nav-tabs-01 li.active .arrow-left::after, .nav-tabs-01 li.active .arrow-left::after { border-right-color: #ed1c24;}
.nav-tabs-01 .nav-tabs li.active span .demo-icon {color:#ed1c24}

.btn-main, .btn-primary, a.btn-primary{ background-color:#ed1c24;border: 1px solid #ed1c24; color:#fff;}
.btn-main.focus, .btn-main:focus, .btn-main:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    background-color: #ea0009;
    border-color: #ea0009;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li.active>a{background-color:#ed1c24; border-color: #ed1c24;}
.btn-icon:hover{color: #ed1c24;border-color: #ed1c24}
.btn-primary, a.btn-primary{ color:#fff;}
.bg-default {background-color:#383838;}
/*.btn-default {background-color:#383838;border: 1px solid #383838; color:#fff;}*/
.btn-default.focus, .btn-default:focus, .btn-default:hover {
    background-color: #e3e3e3;
    border-color: #ea0009; color:#ea0009;
}
.jslider .jslider-bg i, .jslider .jslider-pointer {background: url(../images/jslider.png) no-repeat 0 0;}
.jslider .jslider-pointer {
    background-position: 0 -60px;
}
.box-product-style2 .nav_title li {padding: 0 15px 0 0;}
.box-product-style2 .nav_title li a::before {display:none}
.box-product-style2 .nav_title li a {
    text-transform: inherit;
    font-weight: normal;
    font-size: 15px;
}
.box-product-style2 .tab-product .nav_title{ border:none; margin:0;}

@media(min-width:1200px){
        .box-search .form-inline input.form-control{ width:310px;}
        
        }
        

@media(min-width:992px){
        .top-product-mon .col-xs-6:nth-child(3n+1){clear: both;}
        /*.list-item:nth-child(3n +1){ clear: both; }*/
        .search-product .list-item:nth-child(3n +1){ clear: none; }
        .search-product .list-item:nth-child(4n +1){ clear: both; }
    }



@media (max-width: 992px) and (min-width: 481px){
 /*.list-item:nth-child(2n +1){ clear: both; }*/
}
 @media(max-width:991px){
        .top-product-mon .col-xs-6:nth-child(2n+1){clear: both;}

    }
@media(max-width:767px){
        .hotline{ padding:0; margin-top:-50px; text-align:right;}

    }
@media(max-width:480px){
    .hotline{ margin:0px 0; text-align:left;}
    #sub-menu01 li .tab-item{padding:7px 0;}
    .dropdown {float:right;}
    .ab-1-right {margin-left: -15px;padding-right: 12px !important;}
    .ab-1-left { padding-right: 0px;padding-right: 15px; margin-left: -5px !important;}
}
/****fix lech hang san pham khi height sp k bang nhau trang list sp va search sp***/
.position-left, .position-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7px;
    margin-left: -7px;
}

.position-left .box-image, .position-right .box-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 7px;
}

.position-left .caption, .position-right .caption {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 7px;
}

.position-left .caption h3, .position-right .caption h3 {
    margin-top: 0;
}
.advanced-product .list-cut .cut-0 span button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
}
.advanced-product .list-cut .cut-0 span {
    display: block;
    position: relative;
}