@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: 'Morgant';
    src:url('../fonts/Modius-Regular-3.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto-Regular';
    src:url('../fonts/Roboto-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
}
@font-face {
    font-family: 'Roboto-Medium';
    src:url('../fonts/Roboto-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
}
@font-face{
    font-family:"Line Awesome Free";
    font-style:normal;
    font-weight:900;
    font-display:auto;
    src:url(../fonts/la-solid-900.eot);
    src:url(../fonts/la-solid-900.eot?#iefix) format("embedded-opentype"),
    url(../fonts/la-solid-900.woff) format("woff"),
    url(../fonts/la-solid-900.ttf) format("truetype"),
    url(../fonts/la-solid-900.svg#lineawesome) format("svg")
}
.la, .las {
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-style: normal;
}
.la-angle-right:before {
    content: "\f105";
}
:root{
    --main-color:#b20a2c;
    --black:#130f40;
    --light-color:#666;
    --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);
    --border:.2rem solid rgba(0,0,0,.1);
    --outline:.1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem solid var(--black);
    --content:1200px;
}
*{
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
    transition: all .2s linear;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Morgant',sans-serif;
}
b,strong{
    font-weight: 700;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{
    color: #000;
}
.link{
    background-color: initial;
}
.link:hover{
    color: var(--main-color);
}
li{
    list-style: none;
}
ul{
    margin: 0;
    padding: 0;
}
html{
    border: 0;
    background-color: #fff;
    padding-top: 0 !important;
    margin: 0;
}
body{
    font-family: 'Poppins',sans-serif;
    font-size: 14px;
    line-height: 16px;
    color:rgba(0, 0, 0, 1);
    font-weight: 400;
    margin:auto;
    background-color: #fff;
    padding-right: 0px !important;
    position: relative;
}
.fs-26{
    font-size: 26px !important;
}
.fs-24{
    font-size: 24px !important;
}
.fs-17{
    font-size: 17px !important;
}
.fs-20{
    font-size:20px;
}
.fs-25{
    font-size: 25px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-12{
    font-size: 12px !important;
}
.fs-28{
    font-size: 28px !important;
}
.pd-30{
    padding: 30px;
}
.pd-15{
    padding: 15px;
}
.pd-20{
    padding: 20px;
}
.pl-20{
    padding-left: 20px;
}
.pr-20{
    padding-right:20px;
}

label.error{
    color:red;
    margin-top: 5px;
}
.fw600{
    font-weight: 600 !important;
}
img{
    max-width: 100%;
}
p{
    margin: 0 0 15px 0;
    line-height: 1.5;
}
.fw500{
    font-weight: 500;
}
.view_all{
    font-weight: 500;
    font-size:12px;
    text-transform: uppercase;
    text-decoration: underline;
}
@media (min-width: 1920px){
    .container {
        max-width: 1600px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}
header{
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid rgba(212, 212, 212, 1);
}
.content_page{
    max-width: 966px;
    margin: auto;
}
.entry-content h1 {
    font-size: 42px;
    line-height: 45px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content h2 {
    font-size: 28px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.entry-content h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 20px;
}
.entry-content ul li{
    list-style: inherit;
}
.entry-content ul{
    margin-left: 20px;
    margin-bottom: 15px;
}
.entry-content u{
    text-decoration: underline;
}
.entry-content img{
    max-width: 100%;
    height: inherit !important;
    width:100% !important;
}
footer{
    background-color: #000;
}
.title_nav{
    color:#fff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
}
.menu_footer ul li a{
    color:#fff;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.copyright{
    font-size: 9px;
    line-height: 40px;
    color: #fff;
}
.line{
    width: 100%;
    height: 20px;
    background-image:url('../images/line.png');
}
footer p{
    font-size:12px;
    font-weight: 500;
    color:#fff;
    line-height: 18px;
}
.scocial{
    color:#fff;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 9px;
    line-height: 40px;
}
.scocial a{
    margin-left:20px;
}
.menu-top ul li{
    display: inline-block;
    margin: 0px 15px;
}
.menu-top ul li .submenu{
    width: 100%;
    position: absolute;
    display: none;
    top: 76px;
    left: 0px;
    background-color: #fff;
    padding: 30px 0px 50px 0px;
    z-index: 99;
    padding-left:80px;
    padding-right:80px;
}
.menu-top ul li.li-item:hover .submenu{
    display: block;
} 
.menu-top ul li .submenu .box-submenu{
    text-align: left;
    padding-left:50px;
    padding-right:50px;
    margin: auto;
}
.menu-top ul li .submenu .box-submenu li.li-item-2{
    width:215px;
    display: block;
    float: left;
}
.menu-top ul li .submenu .box-submenu li.li-item-2 a{
    font-size:16px;
    font-weight:600;
    line-height: 40px;
    display: block;
    margin-bottom: 15px;
}
.menu-top ul li .submenu .box-submenu .submenu2 li{
    display: block;
    margin: 0;
    margin-bottom: 15px;
}
.menu-top ul li .submenu .box-submenu .submenu2 li a{
    font-weight: 500;
    font-size:12px;
    line-height: 18px;
}
header .logo{
    display: block;
}
.menu-top ul li a{
    line-height: 76px;
    font-size:15px;
    text-transform: uppercase;
    font-weight: 500;
    color:#000
}
.menu_right{
    display: flex;
    align-items: center;
    justify-content: end;
}
.menu_right .group_action{
    margin-left: 20px;
}
.menu_right .group_action a{
    margin-left: 25px;
    position: relative;
}
.btn_send{
    width: 100px;
    height:30px;
    background-color: #000;
    color:#fff;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    font-size:15px;line-height: 30px;
    font-weight: 500;
}
.form-control{
    border-radius: initial;
    border:1px solid #000;
}
.form-contact label{
    font-size: 12px;
    color:#000;
    line-height: 18px;
    font-weight: 500;
}
.check_consent{
    display: flex;
    align-items: center;
}
.check_consent input{
    height: 13px;
    border:1px solid #000;
    border-radius: initial;
}
.check_consent span{
    font-size: 14px;
    font-weight: 400;
    margin-left:5px;
}
.btn-menu-mb{
    display: none;
}
.algin-center{
    align-items: center;
}
.header-center .algin-center{
    height:76px;
}
.content_contact{
    padding-left: 50px;
    color:rgba(0,0,0,0.3);
}
.list_dealer{
    padding:15px;
    overflow-y: scroll;
    height:380px;
    border:0.5px solid rgba(0,0,0,0.5);
}
.list_dealer .item_dealer{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:0.5px solid rgba(0,0,0,0.5);
    overflow: hidden;
}
.list_dealer .item_dealer h3{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 10px;
}
.list_dealer .item_dealer p{
    font-weight: 500;
    font-size:12px;
    line-height: 18px;
    margin-bottom: 10px;
}
.btn_default{
    height:30px;
    border-radius: initial;
    background-color: #000;
    color:#fff;
    padding:0px 15px;
    line-height: 30px;
    font-size:12px;
    border:none;
    font-weight: 500;
    display: inline-block;
}
.btn_default:hover{
    color:#fff;
    background-color: rgba(0, 0, 0, 0.8);
}
.select_dealer .form-select{
    border-radius: initial;
    border: 0.5px solid rgba(0, 0, 0, 0.5);
    font-size: 14px;
}
.btn-menu-pc{
    width: 16px;
    background-color: initial;
    border: none;
    position: absolute;
    top: 30px;
    left: 15px;
}
.btn-menu-pc span{
    width: 100%;
    margin-bottom: 2px;
    height:3px;
    display: block;
    background-color: #000;
}
/* width */
::-webkit-scrollbar {
width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(108, 108, 108, 1); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgba(108, 108, 108, 1); 
}
.title_{
    font-size:42px;
    line-height: 1.3;
    font-weight: 400;
}
.btn_buy{
    height:50px;
    width:130px;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
}
.sec_block_2{
    background-color: #000;
    text-align: center;
    color:#fff;
}
.sec_block_2 h3{
    font-size:17px;
    line-height: 20px;
    font-weight: 400;
    color:#fff;
    margin-top:30px;
    margin-bottom: 15px;
}
.sec_block_2 p{
    font-size:14px;
    line-height: 1.3;
    padding:0px 10px;
    font-weight: 300;
}
.sec_block_3 p{
    font-size:20px;
}
.sec_block_3 img{
    width:100% !important;
    height:auto !important;
}
.sec_block_4{
    background-color: #000;
    color:#fff;
    display: flex;
    overflow: hidden;
}
.sec_block_4 .item_block{
    width: 50%;
    position: relative;
}
.box-content{
    max-width: 80%;
    float: right;
    padding-right: 30px;
    padding-left:60px;
}
.right_block .box-content{
    max-width: 80%;
    float: left;
    padding-left: 100px;
    min-height:400px;
}
.sec_block_4 .left_block .box-image{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.header_table{
    border: 1px solid #000;
    display: flex;
    align-items: center;
    font-size: 17px;
    height: 30px;
    text-align: center;
    margin-left:-50px;
    margin-right: -50px;
}
.left_header_table{
    width: 50%;
    padding:0px 15px;
    height:100%;
}
.title_2{
    font-size: 17px;
    font-family: 'Morgant',sans-serif;
    font-weight: 400;
}
.left_header_table .item_header{
    border-right: 1px solid #000;
    align-items: center;
    text-align: center;
    display: flex;
    float:left;
    height:29px;
}
.item_header:nth-child(1){
    width:20%;
}
.item_header:nth-child(2){
    width:40%;
    justify-content: center;
}
.item_header:nth-child(3){
    width:40%;
    justify-content: center;
}
.right_header_table{
    width: 50%;
    display: flex;
    justify-content: space-between;
    padding-right: 15px;
}
.content_table{
    border-left:1px solid #000;
    border-right:1px solid #000;
    overflow: hidden;
    margin-left: -50px;
    margin-right: -50px;
    padding-bottom: 10px;
}
.item_content_table{
    width: 50%;
    float:left;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top:5px;
}
.item_content_table .title_table{
    width: 40%;
    float:left;
    font-family: 'Morgant',sans-serif;
    font-weight: 400;
    font-size: 9px;
    margin-bottom: 0px;
}
.item_content_table .text_table{
    width: 60%;
    float:left;
    padding-left:15px;
    font-size: 12px;
    margin-bottom: 0px;
}
.item_content_table:nth-child(2n+1) {
    clear: left;
}
.footer_table{
    display: flex;
    height: 70px;
    border: 1px solid #000;
    justify-content: space-between;
    align-items: center;
    margin-left: -50px;
    margin-right: -50px;
}
.list_brand img{
    max-height: 50px;
    margin-left:30px;
}
.box-price{
    background-color: #000;
    color:#fff;
    height:100%;
    float: right;
    padding:0px 30px;
    font-size:17px;
    font-family: 'Morgant',sans-serif;
    line-height: 70px;
    min-width: 160px;
}
.box_note{
    font-style: italic;
    font-size: 12px;
    line-height: 15px;
    margin-top:50px;
    margin-bottom: 20px;
}
.box_note p{
    margin-bottom: 5px;
}
.sec_category,.sec_banner{
    min-height: 680px;
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec_category:after,.sec_banner:after{
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    content:'';
    height:100%;
    position: absolute;
    top:0;
    left:0;
}
.sec_category .container-lg,.sec_banner .container-lg{
    position: relative;
    z-index: 2;
    color:#fff;
}
.sec_banner .container-lg{
    margin-top: -150px;
}
.block_category:last-child .line{
    display: none;
}
.btn_learn_more{
    display: block;
    height: 30px;
    width: 135px;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    color:#000;
    font-weight: 500;
    font-size:15px;
    text-transform: uppercase;
    margin-top:30px;
}
.list_cat{
    font-size:17px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Morgant',sans-serif;
    line-height: 20px;
}
.sec_content{
    background-color: #000;
    color:#fff;
    overflow: hidden;
}
.item_cat{
    border: 0.5px solid #000;
    overflow: hidden;
    margin-bottom: 30px;
}
.item_cat h3{
    font-size:28px;
    font-family: 'Morgant',sans-serif;
}
.item_cat .box-image{
    width: 100%;
    display: block;
    overflow: hidden;
}
.item_cat .box-image img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.item_cat .des{
    padding:20px;
}
.item_cat .des p{
    font-size:17px;
    font-family: 'Morgant',sans-serif;
}
.item_cat .des .btn_learn{
    width: 170px;
    height:50px;
    line-height: 50px;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}
.sec_list_cat .row{
    justify-content: center;
}
.item_cat .des p span:last-child{
    display: none;
}
.list_cat span:last-child{
    display: none;
}
.sec_logo{
    background-color: #000;
    width: 100%;
    height: 100px;
}
.sec_logo .list_logo{
    overflow: hidden;
    display: flex;
    justify-items: center;
    justify-content: center;
    align-items: center;
}
.sec_logo .list_logo .box-image{
    margin-bottom: 0px;
    margin-left:15px;
    margin-right:15px;
    margin-top:15px;
}
.item-product{
    align-items: center;
}
.item-product .cat-name{
    font-size: 28px;
    font-family: 'Morgant',sans-serif;
    margin-bottom: 15px;
}
.item-product h2{
    font-size:17px;
    margin-bottom: 15px;
}
.item-product .color-name{
    font-size:15px;
    margin-bottom: 15px;
    font-weight: 500;
}
.item-product p{
    margin-bottom: 20px;
}
.item-product .btn_default{
    font-size:15px;
}
.list_logo .box-image{
    float:left;
    height: 72px;
    display: flex !important;
    align-items: center;
    margin-bottom: 10px;
}
.sec_block_5 .row{
    justify-content: center;
}
.item_cate .box-image{
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
.item_cate h3{
    font-size:17px;
    margin-bottom: 20px;
}
.line-vertical{
    width: 1px;
    height: calc(100% - 76px);
    background-color: rgba(212, 212, 212, 1);
    position: absolute;
    top: 76px;
    left:50px;
}
.bg_black{
    background-color: #000 !important;
    color:#fff !important;
}
.sec_block_7{
    color:#fff;
}
.sec_block_7 .box-image img{
    max-width: 200px;
    width: initial !important;
}
.sec_home_block_3{
    color: #fff;
}
.sec_home_block_3 .box-image{
    height:50px;
}
.sec_home_block_3 .box-image img{
    height:100%;
}
.sec_home_block_4{
    height: 500px;
    overflow: hidden;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    background-position: center;
}
.btn-explore{
    height: 30px;
    width:105px;
    text-align: center;
    font-size:15px;
    font-weight: 500;
    display: inline-block;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 1);
    line-height: 30px;
}
.sec_home_block_5,.sec_home_block_6{
    overflow: hidden;
}
.content_block_5{
    padding:50px 50px 50px 100px;
    float:right;
}
.left_block_5{
    width: 50%;
    float:left;
}
.left_block_5 img{
    width: 100%;
}
.right_block_5{
    width: 50%;
    float:left;
}
.right_block_5 img{
    width:100%;
}
.sec_home_block_6 .content_block_5{
    float:left;
}
.btn_taxonomy{
    font-size:42px;
    height: 75px;
    font-family: 'Morgant',sans-serif;
    line-height: 75px;
    display: flex;
    align-items: center;
    color:#000;
    border-bottom:1px solid rgba(212, 212, 212, 1);
    padding-left:15px;
}
.btn_taxonomy i{
    font-size: 34px;
    margin-right:15px;
}
.btn_taxonomy i:before{
    content: "\f067";
}
.btn_taxonomy[aria-expanded="true"] i:before{
    content: "\f068";
}
.box_content_home_2{
    height: 385px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    color:#fff;
    position: relative;
    background-position: center;
}
.box_content_home_2:after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top:0;
    left:0;
}
.box_content_home_2 div{
    width: 285px;
    margin-left: 100px;
    position: relative;
    z-index: 2;
}
.cookie{
    height: 50px;
    background-color: #000;
    color:#fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}
.cookie div{
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
    font-size:9px;
}
.cookie div button{
    background-color: inherit;
    color:#fff;
    border:none;
    width: 50px;
    text-align: center;
}
.sec_home_block_1{
    height: 650px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sec_home_block_1 .row{
    align-items: center;
    height: 100%;
}
.sec_home_block_1 .container-lg{
    height: 100%;
    overflow: hidden;
}
.sec_home_block_1 .title_{
    font-size: 42px;
    color:#fff;
    font-weight: 400;
    font-family:'Morgant';
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    background-color: #000;
    visibility: hidden;
}
.hidden-pc {
    display: none;
}
.sidebar_product select{
    border-radius:initial;
    border:0.5px solid #000;
    height:35px;
    font-size:14px;
}
.sidebar_product label{
    font-weight: 500;
    font-size:12px;
}
.btn-filter{
    width: 125px;
    height:50px;
    background-color: #000;
    color:#fff;
    text-align: center;
    line-height: 50px;
    font-weight: 500;
    font-size:20px;
}
.btn-filter:hover{
    background-color: #fff;
    color:#000;
    border:0.5px solid #000;
}
.list_color label{
    display: flex;
}
.list_color label input{
    width: 14px;
    height:14px;
    border-radius: initial;
    border:0.5px solid #000;
    margin-right:5px;
}
.item_product{
    border:0.5px solid #000;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.item_product .description_{
    padding:20px 30px;
}
.item_product .description_ h2{
    text-align: center;
    font-size:28px;
    margin-bottom:10px;
}
.item_product .description_ h3{
    text-align: center;
    font-size:17px;
    margin-bottom:15px;
}
.item_product .description_ p{
    font-size:12px;
    border-top: 0.5px solid #000;
    font-weight: 500;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 0px;
    text-align: left;
    text-transform: uppercase;
}
.item_product .description_ .price{
    font-family: 'Morgant',sans-serif;
    font-size:28px;
    line-height: 40px;
}
.item_product .description_ .btn_choose{
    display: inline-block;
    width:170px;
    height:30px;
    text-align: center;
    color:#fff;
    line-height: 30px;
    font-weight: 500;
    background-color: #000;
    margin-top:10px;
}
.item_product .description_ .btn_choose:hover{
    background-color: #fff;
    color:#000;
    border:0.5px solid #000;
}
.item_product .box_image{
    display: block;
    width:100%;
    display: flex;
    align-items: center;
}
.item_product .box_image img{
    width:100%;
}
.btn-find{
    width: 170px;
    height:30px;
    border:0.5px solid #000;
    text-transform: uppercase;
    font-size:15px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    margin-top:15px;
}
.btn-find:hover{
    color:#fff;
    background-color: #000;
}
.content_shop p{
    margin-bottom: 5px;
}
.box_option{
    background-color:#E1E1E1;
    padding:20px;
    width: 100%;
    display: flex;
    align-items: center;
    height:90px;
    max-width: 500px;
}
.sec_addcart{
    background-color:rgba(237, 237, 237, 1);
}
.sec_addcart .price{
    font-family: 'Morgant',sans-serif;
}
.box_option select{
    margin-left:10px;
    border-radius: initial;
    border:1px solid #000;
    font-size:14px;
}
.btn_addcart{
    background-color: #6C6C6C;
    width: 160px;
    height:30px;
    margin-top: 15px;
    color:#fff;
    text-transform: uppercase;
    text-align: center;
    font-size:15px;
    font-weight: 500;
}
.btn_addcart:hover{
    background-color: #000; 
}
.side-right .backdrop {
    width: 100%;
    background-color: rgba(0, 0, 0, .45);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}
.side-right.active .backdrop {
    opacity: 1;
    visibility: inherit;
}
.side-right.active .content-right {
    right: 0;
}
.side-right .content-right {
    width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    right: -400px;
    z-index: 999;
    transition: .3s all ease;
    top: 0;
    padding: 50px 30px;
    max-width: 100%;
}
.btn_close{
    position: absolute;
    right: 15px;
    background-color: initial;
    font-size: 20px;
    top: 15px;
}
.btn_viewcart{
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}
.btn_checkout{
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    background-color: #000;
    color:#fff;
}
.sub_total{
    font-family: 'Morgant',sans-serif;
    text-align: center;
    font-size: 16px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0px;
    margin-bottom: 30px;
}
.la-plus-circle:before {
    content: "\f055";
}
.btn_del_cart{
    background-color: initial;
    font-size: 22px;
    transform: rotate(45deg);
    color:#6C6C6C;
}
.btn_del_cart i{
    transform: rotate(45deg);
}
.item_cart{
    display: flex;
    margin-bottom: 20px;
}
.item_cart .box-image{
    width:78px;
    height:78px;
}
.item_cart .box-image img{
    width:100%;
}
.item_cart .title_{
    font-size: 16px;
    font-family: 'Morgant',sans-serif;
    text-transform: uppercase;
}
.quality{
    display: flex;
    justify-content: space-between;
    margin-top:10px;
}
.quality .qty{
    font-size: 20px;
    font-weight: 600;
    display: flex;
}
.quality .qty span{
    font-size: 10px;
    margin-left:5px;
    margin-right:5px;
}
.count-cart{
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #000;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    margin-top: -5px;
    right: -10px;
}
.group-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.group-bottom .price{
    font-size:28px;
    font-family: 'Morgant',sans-serif;
}
.social_fix{
    position: fixed;
    width: 30px;
    z-index: 99;
    top: 200px;
    margin-left: 10px;
    text-align: center;
}
.social_fix a{
    display: block;
    margin-bottom: 10px;
}
.container,.container-lg{
    max-width: 100%;
    padding-left:80px;
    padding-right:80px;
}
.box-image img{
    width:100%;
}
.content_home_2{
    margin-left:50px;
}
@media (min-width: 1920px){
    
    
}
@media (min-width: 1200px){
    .modal-lg, .modal-xl{
        max-width: 1000px;
    }
    .sec_category, .sec_banner{
        min-height: 600px;
    }
}
@media (max-width: 1199px){
    .modal-lg, .modal-xl{
        max-width: 1000px;
    }
    .sec_block_4 .title_{
        font-size:26px;
    }
}
@media (max-width: 992px){
    .container, .container-lg{
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
    }
    .logo{
        margin-right: 0px;
    }
    .head-right{
        width: initial;
    }
    .btn-menu-mb {
        font-size: 0;
        border: none;
        background: none;
        position: relative;
        z-index: 99;
        display: block;
    }
    .btn-menu-mb span {
        height: 3px;
        background: #000;
        width: 26px;
        display: block;
        margin: 4px 0;
    }
    #menu-mobile {
        display: block;
        width: 320px;
        position: fixed;
        height: 100vh;
        left: 0;
        right: auto;
        top: 0;
        background: #fff;
        z-index: 6000;
        overflow-y: auto;
        -ms-transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -webkit-transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .menu-active #menu-mobile {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .mb-menu{
        margin-top:10px;
    }
    .site-overlay {
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 4000;
        opacity: 0;
        visibility: hidden;
        transition: all 300ms linear;
    }
    .menu-active #site-overlay {
        opacity: 1;
        visibility: visible;
    }
    body.menu-active {
        overflow: hidden;
    }
    #menu-mobile .mn-mb-header {
        background:#121212;
    }
    #menu-mobile .mn-mb-header a {
        display: block;
    }
    #menu-mobile .mn-mb-header .drawer-header--auth {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0px 16px;
        margin-top: 0;
        padding: 15px 0;
    }
    .btn-menu-pc{
        display: none;
    }
    #menu-mobile .mn-mb-header .drawer-header--auth ._object {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 50%;
        overflow: hidden;
    }
    #menu-mobile .mn-mb-header .drawer-header--auth ._body {
        color: #fff;
        font-size: 18px;
        font-family:'Morgant';
    }
    .close-handle {
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        z-index: 999;
        background: transparent;
        border: none;
        box-shadow: none;
        cursor: pointer;
        -ms-transition: transform 150ms linear;
        -webkit-transition: transform 150ms linear;
        transition: transform 150ms linear;
        font-size: 0;
    }
    .close-handle .mb-menu-cls {
        width: 35px;
        height: 35px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        margin-top: 10px;
    }
    .close-handle .mb-menu-cls .bar {
        position: relative;
        top: 18px;
        right: 7px;
        background: #000;
        display: block;
        margin: auto;
        -ms-transition: all 0ms 100ms, width 150ms linear;
        -webkit-transition: all 0ms 100ms, width 150ms linear;
        transition: all 0ms 100ms, width 150ms linear;
    }
    .close-handle .mb-menu-cls .bar:before {
        content: "";
        position: absolute;
        right: 0;
        background: #fff;
        bottom: -2px;
        width: 20px;
        height: 2px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .close-handle .mb-menu-cls .bar:after {
        content: "";
        position: absolute;
        right: 0;
        background: #fff;
        top: 0;
        width: 20px;
        height: 2px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 100ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-mobile .mb-menu li {
        display: block;
        float: left;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        position: relative;
        overflow: hidden;
    }
    #menu-mobile .mb-menu li a {
        display: block;
        color: #000000;
        font-size: 16px;
        padding: 10px 20px 10px 10px;
        position: relative;
    }
    #menu-mobile .mb-menu li .cl-open {
        font-size: 0;
        background: none;
        border: none;
        position: absolute;
        right: 0;
        width: 38px;
        height: 38px;
        top: 0;
        color:#41261F;
    }
    #menu-mobile .mb-menu li .cl-open.plus-menu:after {
        content: "+";
        font-size: 25px;
        font-weight: 500;
    }
    #menu-mobile .mb-menu li .cl-open.minus-menu:after {
        content: "–";
        font-size: 25px;
        font-weight: 500;
    }
    #menu-mobile .mb-menu li .menu-childrent {
        padding-left: 10px;
        display: none;
    }
    .header-top .link_cart{
        position: absolute;
        z-index: 9;
        right: 20px;
        top: 0px;
    }
    .header-top .link_cart span{
        top: 0px
    }
    .line-vertical{
        display: none;
    }
    .sec_block_4{
        display: block;
    }
    .sec_block_4 .item_block{
        width: 100%;
    }
    .right_block .box-content{
        width:100%;
        padding-left:60px;
    }
    .box-content{
        width: 100%;
        max-width: 100%;
    }
    .sec_block_4 .left_block .box-image{
        position: relative;
    }
    .header_table,.content_table,.footer_table{
        margin-left:0px;
        margin-right:0px;
    }
    .right_block_5,.left_block_5,.content_block_5{
        width:100% !important;
    }

}
@media(max-width:  568px){
    .left_block_5,.right_block_5{
        width:100%;
    }
    .content_block_5{
        width:100% !important;
        padding:20px;
    }
    .sec_home_block_1 .title_,.title_,.btn_taxonomy,.box-text{
        font-size:24px !important;
    }
    .fs-28{
        font-size:22px !important;
    }
    .box-text{
        margin-left:10px !important;
    }
    .scocial{
        justify-content: center;
    }
    .box_content_home_2 div{
        width: initial;
        margin-left: 20px;
    }
    .sec_home_block_1,.sec_home_block_4{
        height: 300px !important;
    }
    .menu_right .group_action{
        margin-left: 0px;
    }
    .menu_right .group_action a{
        margin-left:10px;
    }
    .sec_block_4{
        display: block;
    }
    .sec_block_4 .item_block{
        width: 100%;
    }
    .box-content,.right_block .box-content{
        padding-left:30px;
        max-width: 100%;
    }
    .sec_block_4 .left_block .box-image{
        position: relative;
    }
    .sec_block_2 p{
        margin-bottom: 30px;
    }
    .footer_table,.header_table,.content_table{
        margin-left: 0px;
        margin-right: 0px;
    }
    .footer_table{
        display: block;
        height: auto;
        overflow: hidden;
    }
    .item_content_table{
        width:100%;
    }
    .header_table{
        display: block;
        height: auto;
        font-size:14px;
    }
    .left_header_table{
        width:100%;
        overflow: hidden;
    }
    .left_header_table .item_header{
        height:35px;
        font-size:14px;
    }
    .right_header_table .title_2{
        font-size:14px;
    }
    .item_header:nth-child(3){
        border-right:none;
    }
    .right_header_table{
        width:100%;
        padding-bottom: 10px;
        border-top: 1px solid #000;
        padding-top: 10px;
        padding-left: 5px;
    }
    .item_cart .title_{
        font-size: 14px !important;
    }
    .sec_addcart .price{
        margin-bottom: 15px;
    }
    .sidebar_product,.list_dealer {
        margin-bottom: 30px;
    }
    .sec_category, .sec_banner{
        height: 300px !important;
        min-height: 300px !important;
    }
    .line-vertical{
        display: none;
    }
    .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
        font-size: 24px;
        line-height: 1.3;
    }
    .content_home_2{
        margin-left:0px;
    }
    .box-price{
        min-width: 100%;
        text-align: center;
    }
}